* {margin:0;padding:0}

body {
	margin:8px 10px 0em 10px;
	font-family: georgia, "Trebuchet MS", Verdana, Arial, sans-serif;
	background: black;
	font-size:81%;
	}


#wrapper{
	background:white;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	font-size:0.9em;
	line-height:1.5;
	max-width:1015px;
	min-width:1015px;
	
	/*Use a non-standard IE only expression property to act like the max-width property */
	width:expression(document.body.clientWidth > 1015? "1015px": "auto");
}



#eternity{
	margin-left:auto;
	margin-right:auto;
	max-width:1015px;

	/*Use a non-standard IE only expression property to act like the max-width property */
	width:expression(document.body.clientWidth > 1015? "1015px": "auto");
	font-size:0.8em;
	color:gray;
	text-align:center;
	margin-top:2px;
}

#eternity a{
	color:gray;
}

#nav{
	padding:22px 5px 14px 0px;
	background:rgb(193,205,210);
 font-size:1.4em;
}

#nav ul li{
	display:inline;
	list-style-type:none;
}


#nav a{
	text-decoration:none;
	margin-right:10px;
	margin-left:10px;
}

#nav a:hover{
	color:rgb(75,96,112);
	border-bottom:5px solid rgb(75,96,112);
}

.selectedPage{
	color:rgb(75,96,112);
	border-bottom:5px solid rgb(75,96,112);
}

.notSelectedPage{
	color:black;
}



#logo{
	text-align:right;
}

#logo img{
	margin-top:5px;
}

#content{

}

.bodyCopy{
	margin-right:15px;
	margin-left:0px;
}


#leftPanel{
	float:left;
}

#leftPanel p{
	padding:0;
}

#rightPanel{
	margin-left:400px;
}


#promotionBox{
	background-image:url('images/gradient.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:white;
	float:left;
	width: auto;
	margin:20px 0px 10px 0px;
	display:inline; /* This should have no effect on standards compliant browsers, however it stops IE6's double margin float bug */
	text-align:center;
	
}



.promotionItem{
	float:left;
	padding:10px 10px 0px 10px;
	text-align:center;
}

.promotionItem a{
	color:white;
}

.promotionItem a:hover{
	color:black;
	text-decoration:underline;
}

.promotionItem img{
	border:1px solid white;
}

#footer{
	clear:left;
	background:rgb(193,205,210);
	padding:15px;
}

#footer a{
	color:rgb(75,96,112);
}

#footer p{
	 margin:0;
	 padding:0;
}

#contactDetails{
	float:right;
}



img {
	border: 0px;
padding:0;
margin:0;
	}


p{
	padding-top:0.75em;
	}

h1 {
	font-size:1.8em;
	padding:5px;
	background:rgb(193,205,210);
	font-weight:normal;
	margin-top:20px;
	}

h2 {
	font-size:1.6em;
	padding-left:0px;
	font-weight:normal;
	text-align:left;
margin:20px 0 0px 0;

	}

h3 {
	font-size:1.0em;
	padding-left:0px;
	font-weight:bold;
	text-align:left;
	}


a{
	color:gray;
	text-decoration:none;
}

a:hover {
	color:rgb(75,96,112);
	text-decoration: underline;
}





/* collection Previews */
		#dressPreview{
			width:auto;
			
		}


		#dressesList{
			width:auto;
			height:auto;
			position: relative;
			padding-right:110px;
			margin:10px 5px 0px 0px;
			display:inline;
			float:left;
			background-image:url('images/gradientReverse.gif');
			background-repeat:repeat-x;
			background-position:top;
			
		}

		#dressesList ul{
			float:left;
			line-height:0.8;
			margin-right:0px;
			
		}

		#dressesList li {
			text-decoration: none;
			list-style-type:none;
			padding:6px 6px 6px 0px;
		}
		#dressesList p{
			margin-left:15px;
			margin-right:110px;
			text-align:left;
		}
		#dressesList h2{
			color:white;
			padding-left:2px;
		}
		#dressesList a {
			text-align: left;
			text-decoration: underline;
			padding-left:3px;
			margin-left:5px;
			color:black;
		}
		#dressesList a:hover {
			visibility: visible; /* Very important - This must remain or the header image will not change when links are hovered (IE6) */
			border-left:8px solid rgb(193,205,210);
			text-decoration:underline;
		}
		#dressesList a img {
			width: 100px;
			height: 150px;
			position: absolute; 
			bottom: 5px;
			right: 5px;
			border: 1px solid gray;
			visibility: hidden; /* Hides the new image until the link is hovered */
		}
		#dressesList a:hover img {
			visibility: visible;
			} /* Very important - This must remain or the header image will not change when links are hovered */

		#contemporaryCollection{
			float:left;
			text-align:left;
			margin-right:15px;
		}
		#classicCollection{
			float:left;
			text-align:left;
		}

		.notSelectedDress{
			border-left:8px solid rgb(75,96,112);
		}
		
		.selectedDress{
			border-left:8px solid rgb(193,205,210);
}

fieldset{
	padding:5px;
}

label{
	display:block;
}

legend{
	color:gray;
}

form{
	padding:0px;
}

input,textarea{
	font-family:georgia, serif;
	font-size:0.9em;
	width:100%
}

.button{
	width:auto;
	font-size:1.1em;
}

#contactForm{
	float:left;
	width:220px;
	margin-right:20px;
	margin-bottom:5px;
}

#map{
	float:right;
	width:125px;
	margin-right:20px;
	border:1px solid black;
	text-align:center;
	font-size:0.85em;
}

.warning{
	border:1px solid red;
	font-size:0.9em;
	padding:0;
	text-align:center;
}

.errorLabel{
	color:red;
}

#maga{
	padding:0 0 0px 0;
	margin:0 0 0px 10px;

}

#maga img{
	float:left;
}

#spacer{
	padding-bottom:10px;
}