body { 
	margin:0; 
	padding:0; 
	background: #fff9dc url(../images/layout/background-repeated.jpg) repeat-x left top;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.4em;
}	
	
#wrapper { 
	margin:0 auto; 
	padding:0;
	width: 960px; 
	background: url(../images/layout/background.jpg) no-repeat top center;
	position: relative;
	Xborder: 1px solid blue;
	}
#header {
	float: left;
	width: 960px;
	height: 195px;
	Xborder: 1px solid green;
	}
a#logo {
	position: absolute;
	width: 275px;
	height: 141px;
	background: url(../images/layout/logo.jpg) no-repeat 0 0;
	z-index: 9;
	top: 0px;
	left: 342px;
	}	
	a:hover#logo {
		background: url(../images/layout/logo.jpg) no-repeat -275px 0;
		}
	* a#logo { background: non; }
		
#main-nav {
	position: absolute;
	width: 825px;
	height: 51px;
	top: 141px;
	left: 76px;
	}
#main-nav ul {
	xosition: absolute;
	xleft: 85px;
	xwidth: 960px;
	xtop: 11px;
	xborder: 1px solid red;
	}
#main-nav ul li {
	list-style-type: none;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	}
#main-nav ul a span { visibility: hidden; }

#main-nav ul a {
	text-decoration: none;
	position: absolute;
	margin: 0;
	height: 51px;
	xborder: 1px solid red;
	background-image: url(../images/layout/navigation.jpg);
	background-repeat: no-repeat;
	}

#main-nav ul a#home        { display: none; }
#main-nav ul a#about       { left: 25px; width: 119px; background-position: -25px 0; }
#main-nav ul a#collections { left: 166px; width: 211px; background-position: -166px 0; }
#main-nav ul a#find        { left: 399px; width: 231px; background-position: -399px 0; }
#main-nav ul a#contact     { left: 652px; width: 146px; background-position: -652px 0; }

#main-nav ul a:hover#about       { background-position: -25px -51px; }
#main-nav ul a:hover#collections { background-position: -166px -51px; }
#main-nav ul a:hover#find        { background-position: -399px -51px; }
#main-nav ul a:hover#contact     { background-position: -652px -51px; }
	
#main-nav span.dividers {
	position: absolute;
	top: 23px;
	left: 151px;
	width: 494px;
	height: 5px;	
	background: url(../images/layout/nav-divider.png) no-repeat top left;
	}
	

/* ----- CONTENT ------ */


#info {
	position: relative;
	float: left;
	margin: 0 0 0 0;
	top: 0;
	left: 110px;
	width: 300px;
	Xborder: 1px solid red;
	}
/* #info h1 span { visibility: hidden; } */
#info h1 {
	Xbackground: url(../images/layout/homepage-heading.png) no-repeat top left;
	margin: 25px 0 10px 0;
	}
#info p {
	margin: 0 0 10px 0;
	}
#info h1.thecollections { width: 300px; height: 118px; }
#info h1.aboutus        { width: 300px; height: 118px; }
#info h1.findtheshop    { width: 300px; height: 118px; }
#info h1.contactus      { width: 300px; height: 118px; }
#info h1.aguaclara      { width: 300px; height: 118px; }
#info h1.maryanmehlhorn { width: 300px; height: 118px; }
#info h1.melissaodabash { width: 300px; height: 118px; }
#info h1.papillonbleu   { width: 300px; height: 118px; }
#info h1.rebeccalondon  { width: 300px; height: 118px; }
#info h1.zonkepai       { width: 300px; height: 118px; }

#info a { color: #000; }
#info a:hover { color: #000; text-decoration: none; }

.main-image {
	position: relative;
	float: right;
	width: 469px; 
	height: 503px;
	right: 60px;
	Xborder: 1px solid red;
	z-index: 10;
	}
.main-image#thecollections { background: url(../images/layout/collection_logos.jpg) no-repeat top left; }
.main-image#aboutus        { background: url(../images/photos/blank.jpg) no-repeat top left; }
.main-image#findtheshop    { height: 390px; background: url(../images/photos/findtheshop.jpg) no-repeat top left; }
.main-image#contactus      { height: 320px; background: url(../images/photos/contactus.jpg) no-repeat top left; }
.main-image#aftershock     { background: url(../images/photos/aftershock.jpg) no-repeat top left; }
.main-image#aguaclara      { background: url(../images/photos/aguaclara.jpg) no-repeat top left; }
.main-image#maryanmehlhorn { background: url(../images/photos/maryanmehlhorn.jpg) no-repeat top left; }
.main-image#melissaodabash { background: url(../images/photos/melissaodabash.jpg) no-repeat top left; }
.main-image#papillonbleu   { background: url(../images/photos/papillonbleu.jpg) no-repeat top left; }
.main-image#rebeccalondon  { background: url(../images/photos/rebeccalondon.jpg) no-repeat top left; }
.main-image#rodeo          { background: url(../images/photos/rodeo.jpg) no-repeat top left; }
.main-image#starblu        { background: url(../images/photos/starblu.jpg) no-repeat top left; }


#contactdetails { 
	width: 250px;
	margin: 30px 0 0 50px; 
	}
	#contactdetails p {
		margin: 0 auto 10px auto;
		padding: 0;
		} 

#collectionNav p a, 
#collectionNav p {
	color: #ff74c0;
	}
#collectionNav {
	margin-top: 20px;
	}
#collectionNav p a:hover {
	color: #ab398b;
	}
	
#info img {
	width: 50px;
	height: 50px;
	padding: 3px;
	border: 1px solid #f7dac8;

	}
#info img a {
	border: 1px solid #e77ac0;

	}	
	

/* ----- FOOTER ------ */

#footer {
	position: relative;
	float: left;
	width: 960px; 
	height: 200px;
	z-index: 1;
	background: url(../images/layout/footer-bg.jpg) no-repeat top left;
	Xborder: 1px solid red;
	}

#strap span { visibility: hidden; }
#strap {
	position: absolute;
	top: 65px;
	left: 242px;
	width: 482px;
	height: 19px;
	background: url(../images/layout/strapline.png) center no-repeat;	
	Xborder: 1px solid red;

	}
#copyright {
	position: absolute;
	display: block;
	top: 120px;
	left: 0;
	width: 960px;
	height: 20px;
	color: #ffbbb6;
	font-size: 11px;
	text-align: center;	
	Xborder: 1px solid red;

	}




/* ----- globals ------ */

div { 
	margin:0; 
	padding:0; 
	}

img { border:0; }

h2 span, h1 span {
	Xvisibility: hidden;
	font-family: Georgia;
	font-weight: normal;
	line-height: 1.2em;	
	font-size: 1.2em;
	}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#clear { clear: both; }

strong { color: #ff74c0; }