/* OVERRIDES */
*, h1, h2, h3, h4, p { margin: 0; padding: 0; }
img { border: 0; }
ul { list-style: none; }
a { outline: none; }

/* GENERAL */
.bold { font-weight: bold; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

body { 
	padding: 30px 20px 20px 20px;
	background-color: #ffffff;
	font-family: "Gill Sans", "Century Gothic", Helvetica, sans-serif;
	color: #414142;
	font-size: .74em;
	line-height: 1.1em;
	height: 100%;
	}

h1, h2, h3, h4 { color: #4a3f49; font-weight: normal; }

h2 { font-size: 1.6em; text-transform: lowercase; letter-spacing: .1em; margin: 10px 0 0 10px;  }

p.note { font-style: italic; }

/* ANCHORS */
a { color: #71cbd2; text-decoration: none; }
a:link { }
a:visited { }
a:hover { color: #f6905d; }
a:active { }

a.previous { margin-right: 5px; }
	
/* LAYOUT */
#container {
	position: relative;
	margin: 0 auto;
	width: 775px;
	height: 450px;
	border: 1px solid #4a3f49;
	background-color: #f6905d; 
	}

	
/* HEADER & NAVIGATIION */
#header { width: 100%; height: 80px; position: absolute; top: 370px; left: 0; background-color: #4a3f49; }
	#header h1 { position: relative; margin: 6px 0 0 12px; }
		#header h1 a {
			display: block;
			text-indent: -9999em;
			width: 98px; /*100px;*/
			height: 69px; /*67px;*/
			background: url(../images/logo.gif) no-repeat;
			}
	
	#header #navigation { position: absolute; left: 115px; bottom: 60px; }
		#header #navigation li.nav { float: left; margin-left: 30px; }

			#navigation ul.subNav {
				position: absolute;
				left: 30px;
				top: 0;
				padding-top: 13px;
				display: none;
				}
				#navigation ul.subNav a { text-transform: lowercase; }

			#navigation a { font-size: .9em; text-transform: uppercase; color: #ffffff; letter-spacing: .05em; }
			#navigation a:link { }
			#navigation a:visited { }
			#navigation a:hover { color: #f6905d; /*#e69647;*/ }
			#navigation a:active { }

			/* Fix IE. Hide from IE Mac \*/
			* html #navigation li.nav { float: left; margin-left: 45px; }
			* html #navigation li.nav a { height: 1%; }
			/* End */

			#navigation li.nav:hover ul.subNav, #navigation li.nav.over ul.subNav { display: block; }	

ul.dotNavigation { position: relative; }
	ul.dotNavigation li { float: left; width: 15px; height: 15px; }
		ul.dotNavigation li a {
			display: block;
			text-indent: -9999em;
			width: 15px;
			height: 15px;
			background: url(../images/dot-blue.gif) no-repeat;
			}
		ul.dotNavigation li a:hover, ul.dotNavigation li a.over { background: url(../images/dot-orange.gif) no-repeat; }
			ul.dotNavigation img { display: none; }

/* CONTENT */
#content { position: relative; }
#index, #earrings, #necklaces, #bridal, #candles, #locations, #about, #press, #contact {
	position: absolute;
	top: 0;
	left: 0;
	width: 775px;
	height: 370px;
	background-color: #ffffff; }
	
	/* INDEX */
	#index { background: #ffffff url(../images/index.jpg) no-repeat 90px 0; }
		#index h2 {
			/*margin: 0 auto;*/
			margin: 165px 0 0 295px;
			display: block;
			text-indent: -9999em;
			width: 372px;
			height: 57px;
			background: url(../images/index-h2.gif) no-repeat;	
			}
	
	/* COLLECTION */
		#earrings h2 {
			margin: 50px 0 0 60px;
			display: block;
			text-indent: -9999em;
			width: 88px;
			height: 12px;
			background: url(../images/earrings-h2.gif) no-repeat;	
			}
		#necklaces h2 {
			margin: 50px 0 0 60px;
			display: block;
			text-indent: -9999em;
			width: 98px;
			height: 12px;
			background: url(../images/necklaces-h2.gif) no-repeat;	
			}
			
		#candles { }
			#candles h2 {
				margin: 50px 0 0 60px;
				display: block;
				text-indent: -9999em;
				width: 78px;
				height: 11px;
				background: url(../images/candles-h2.gif) no-repeat;	
				}
			#candles h3 {
				margin: 20px 0 10px 60px;
				display: block;
				width: 151px;
				height: 14px;
				text-indent: -9999px;
				background: url(../images/candles-h3.gif) no-repeat;
				}
			#candles p { margin: 5px 10px 0 60px; width: 375px; }
			#candles p.note { margin-top: 8px; }
			
		#collection { margin: 10px 0 0 60px; }
			#collection .group { clear: both; }
				#collection .group li { float: left; padding: 10px 10px 0 0; }
					#collection .group a { color: #4a3f49; }
					#collection .group a:hover { color: #4a3f49; }
					#collection .group a img { border: 1px solid #999999; }
						#collection .group li span { display: none; }
						#collection .group li span.default { display: block; }
							#collection .group li span {
								position: absolute;
								top: 70px;
								right: 60px;
								text-align: center;
								cursor: default;
								}
							#collection .group li span  img { position: relative; }	
							#collection .group li span p { position: relative; width: 215px; margin-top: 5px; }
							#candles #collection .group a span img {
								position: relative;
								top: -10px;
								left: -15px;
								width: 175px;
								height: 265px;
								}

/*
		.productNav { margin: 0px 0 0 60px; padding-top: 10px; width: 318px; clear: both; }
			.productNav .current { background: url(../images/dot-orange.gif) no-repeat; }
			.productNav #more { float: right; }
*/	
		.productNav	{ margin: 0px 0 0 60px; padding-top: 10px; clear: both; }
		.productNav span { padding: 0 5px; }			

	/* BRIDAL */
	#bridal { width: 665px; margin-left: 110px; /*background: #ffffff url(../images/about.jpg) no-repeat 460px 83px;*/ }
		#bridal h2 {
			margin: 50px 0 0 20px;
			display: block;
			text-indent: -9999em;
			width: 62px;
			height: 11px;
			background: url(../images/bridal-h2.gif) no-repeat;	
			}
		#bridal h3 {
			margin: 20px 0 10px 20px;
			display: block;
			width: 303px;
			height: 16px;
			text-indent: -9999px;
			background: url(../images/bridal-h3.gif) no-repeat;
			}
		#bridal p { margin: 5px 0 0 20px; width: 303px; }
		#bridal #bridalImage {
			position: absolute;
			top: 60px;
			left: 345px;
/*
			width: 300px;
			height: 300px;
			background-image: url(../bridal/images/1.jpg);
			background-repeat: no-repeat;
			background-position: center center;
*/
			}
		#bridal #bridalNav {
			position: absolute;
			top: 300px;
			left: 345px;
			width: 270px;
			text-align: center;
			}
			#bridal #bridalNav span { padding: 0 5px; }
/*
		#bridal #dots { margin: 10px 0 0px 20px; width: 300px; }
			#bridal #dots ul { float: right; }
				#bridal #dots #dot1 { background: url(../images/dot-orange.gif) no-repeat; }
*/
	
	/* LOCATIONS */
	#locations { width: 665px; margin-left: 110px; /*width: 675px; margin-left: 100px;*/ background: #ffffff url(../images/locations.jpg) no-repeat 60px 0; /*460px 0;*/ }
		#locations h2 {
			margin: 50px 0 0 223px; /*623px;*/
			display: block;
			text-indent: -9999em;
			width: 95px;
			height: 11px;
			background: url(../images/locations-h2.gif) no-repeat;	
			}
		#locations ul { margin: 10px 0 0 225px; /*625px;*/ }
			#locations ul li { line-height: 1em; }
			#locations ul ul { margin: 0 0 0 0; }
			#locations li.store { width: 115px; height: 100px; margin: 8px 15px 0 0; float: left; }
			#locations li.clear { clear: both; }
			#locations li.name { text-transform: uppercase; }
	
	/* ABOUT */
	#about { width: 665px; margin-left: 110px; background: #ffffff url(../images/about.jpg) no-repeat 345px 60px; }
		#about h2 {
			margin: 50px 0 0 20px;
			/*margin: 50px 10px 0 50px;*/
			display: block;
			text-indent: -9999px;
			background: url(../images/about-h2.jpg) no-repeat;
			}
		#about h3 {
			margin: 20px 0 10px 20px;
			/*margin: 20px 10px 10px 50px;*/
			display: block;
			width: 247px;
			height: 15px;
			text-indent: -9999px;
			background: url(../images/about-h3.gif) no-repeat;
			}
		#about p { margin: 5px 0 0 20px; width: 303px; /*margin: 5px 275px 0 50px;*/ }

	
	/* PRESS */
	#press { width: 600px; margin-right: 175px; /*background: #ffffff url(../images/contact.jpg) no-repeat 20px 0;*/ }
		#press h2 {
			position: absolute;
			top: 40px;
			left: 100px;
			display: block;
			width: 122px;
			height: 11px;
			text-indent: -9999px;
			background: url(../images/press-h2.gif) no-repeat;
			}
		#press #pressImageSmall {
			position: absolute;
			top: 104px;
			left: 75px;
			width: 300px;
			text-align: center;
/*
			width: 150px;
			height: 150px;
			text-align: center;
			background-image: url(../press/images/small/1.jpg);
			background-repeat: no-repeat;
			background-position: center center;
*/
			}
		#press #pressImageLarge {
			position: absolute;
			top: 49px;
			right: -37px;
/*
			width: 275px;
			height: 275px;
			text-align: center;
			background-image: url(../press/images/large/1.jpg);
			background-repeat: no-repeat;
			background-position: center center;
*/
			}	
		#press #pressNav {
			position: absolute;
			top: 253px;
			left: 75px;
			width: 300px;
			text-align: center;
			}


	/* CONTACT */
	#contact { width: 600px; margin-right: 175px; background: #ffffff url(../images/contact.jpg) no-repeat 40px 0; }
		#contact h2 {
			margin: 50px 0 0 158px;
			display: block;
			width: 83px;
			height: 12px;
			text-indent: -9999px;
			background: url(../images/contact-h2.gif) no-repeat;
			}
		#contact ul { margin: 10px 0 0 160px; }
			#contact ul #name { text-transform: uppercase; }
			#contact ul #phone span, #contact ul #email span { text-transform: uppercase; margin-right: 5px; }