/* (c)2009. All rights reserved. */

/* ------------------------- general ------------------------- */

html {}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #231F20;
	text-align: left;
	background-color: #A7A9AC;
}

h1 {
    font-size: 28px;
	line-height: 55px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #C3C6C8;
}
h1 strong {
    font-weight: normal;
    color: #97989B;
}

h2 {
    font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #E50083;
}
h2.prose {
    font-size: 15px;
    line-height: 17px;
    margin: 0px 0px 5px 0px;
}

h3 {
    font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #231F20;
}
h3 a {color: #000000;}
h3.contactDetails {margin-bottom: 12px;}
h3.prose {
    font-size: 10px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
}

h5 {
    font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #808285;
}

p {
    font-size: 9px;
	line-height: 18px;
	color: #231F20;
	text-align: left;
}
p a {color: #000000;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

img {
    display: block;
    border: 0px;
}

.floatLeft {float: left;}
.floatRight {float: right;}
.clearBoth {clear: both;}

.allCaps {text-transform: uppercase;}
.hidden {display: none;}
.invisible {visibility: hidden;}


/* ------------------------- layout ------------------------- */

.page {
    position: relative;
	width: 900px;
	height: 600px;
	margin: 40px auto 0px auto;
	padding: 20px 20px 20px 20px;
	background: #FFFFFF url(resources/pageBG.gif) top left no-repeat;
}

.header {
    position: relative;
	width: 100%;
	height: 150px;
	margin: 0px;
	background: #DADADA url(resources/headerBG.jpg) top left no-repeat;
}

.content {
    position: relative;
	float: left;
	width: 100%;
}

.thirdColumn {position: relative; width: 32%; /* border: 1px solid green; */}
.shortSplitColumn {position: relative; width: 45%; /* border: 1px solid blue; */}
.longSplitColumn {position: relative; width: 54%; /* border: 1px solid red; */}

.shortSplitColumn .shortSplitColumn, .longSplitColumn .shortSplitColumn {position: relative; width: 45%;}
.shortSplitColumn .longSplitColumn, .longSplitColumn .longSplitColumn {position: relative; width: 54%;}

.columnLeft {float: left;}
.columnRight {float: right;}
.columnMiddle {float: left; left: 1%;}

.fullHeight {height: 450px;}


/* ------------------------- header strap ------------------------- */

#headerStrap {
    position: absolute;
    bottom: 9px; right: 8px;
    width: 480px;
    height: 25px;
    background-image: url(resources/headerStraps.gif);
    background-repeat: no-repeat;
}
#headerStrap.home {background-position: 0px 0px;}
#headerStrap.losAngeles {background-position: 0px -25px;}
#headerStrap.newYork {background-position: 0px -50px;}
#headerStrap.collections {background-position: 0px -75px;}
#headerStrap.about {background-position: 0px -100px;}


/* ------------------------- main menu ------------------------- */

.mainMenu {
    position: relative;
    left: 0px; top: 7px;
	display: block;
	width: 165px;
	height: 136px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.mainMenu li {}

.mainMenu li a {
    display: block;
	position: absolute; left: 0px;
	width: 165px; /* required for IE, which sometimes fails to notice the .mainMenu width! */
	height: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.mainMenu li a:hover {
    margin-top: -1px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.mainMenu li.menu01 a {top: 20px; background-color: #AEAFB2;}
.mainMenu li.menu02 a {top: 41px; background-color: #7BB919;}
.mainMenu li.menu03 a {top: 62px; background-color: #00A6EB;}
.mainMenu li.menu04 a {top: 83px; background-color: #F08800;}
.mainMenu li.menu05 a {top: 104px; background-color: #E50083;}


/* ------------------------- submenu ------------------------- */

.subMenu {
    position: relative;
	display: block;
	width: 200px;
	list-style-type: none;
	margin: 60px 0px 0px 53px;
	padding: 0px 0px 0px 0px;
}

.subMenu li a {
    display: block;
	height: 12px;
	margin: 0px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
	color: #AEAFB2;
    
    background-image: url(resources/subMenu.gif);
    background-repeat: no-repeat;
}

.subMenu li a span {display: none;}

.subMenu li.menu01 a {background-position: 0px 0px;}
.subMenu li.menu01 a:hover, .subMenu li.menu01.selected a {background-position: -240px 0px;}

.subMenu li.menu02 a {background-position: 0px -12px;}
.subMenu li.menu02 a:hover, .subMenu li.menu02.selected a {background-position: -240px -12px;}

.subMenu li.menu03 a {background-position: 0px -24px;}
.subMenu li.menu03 a:hover, .subMenu li.menu03.selected a {background-position: -240px -24px;}

.subMenu li.menu04 a {background-position: 0px -36px;}
.subMenu li.menu04 a:hover, .subMenu li.menu04.selected a {background-position: -240px -36px;}

.subMenu li.menu05 a {background-position: 0px -48px;}
.subMenu li.menu05 a:hover, .subMenu li.menu05.selected a {background-position: -240px -48px;}

.subMenu li.menu06 a {background-position: 0px -60px;}
.subMenu li.menu06 a:hover, .subMenu li.menu06.selected a {background-position: -240px -60px;}

.subMenu li.menu07 a {background-position: 0px -72px;}
.subMenu li.menu07 a:hover, .subMenu li.menu07.selected a {background-position: -240px -72px;}

.subMenu li.menu08 a {background-position: 0px -84px;}
.subMenu li.menu08 a:hover, .subMenu li.menu08.selected a {background-position: -240px -84px;}

.subMenu li.menu09 a {background-position: 0px -96px;}
.subMenu li.menu09 a:hover, .subMenu li.menu09.selected a {background-position: -240px -96px;}

.subMenu li.menu10 a {background-position: 0px -108px;}
.subMenu li.menu10 a:hover, .subMenu li.menu10.selected a {background-position: -240px -108px;}


/* ------------------------- content specific ------------------------- */

	/* Home */
#logoLarge {margin: 80px 0px 0px 50px;}
#introHeading {margin: 60px 0px 0px 0px;}

	/* General */
#logoSmall {position: absolute; top: 300px; left: 60px;}
.menuTitle {position: relative; top: 50px; left: 53px;}

.sitePhoto {margin-bottom: 30px;}

#facebookLink {
    position: absolute;
    top: 380px;
    left: 60px;
    float: left;
}


/* ------------------------- photos ------------------------- */

a.collectionLink, img.collectionLink {position: absolute;}

#logoMadisonMarcus {left: 65px; top: 32px;}
#logoNicoleMiller {left: 358px; top: 30px;}
#logoSW3Bespoke {left: 707px; top: 40px;}
#logoGemma {left: 217px; top: 182px;}
#logoJamison {left: 454px; top: 147px;}
#logoBSON {left: 88px; top: 220px;}
#logoCynthiaSteffe {left: 266px; top: 300px;}
#logoWaverleyGrey {left: 536px; top: 221px;}
#logoRedHaute {left: 265px; top: 375px;}
#logoSeaton {left: 685px; top: 290px;}