/* CSS Document */
body {
	margin: 0px auto;
	padding: 0;
	text-align: center;
	min-width: 900px;
	background: url('http://www.wowprom.com/images/bgstripe.jpg') top left repeat-x #382d29 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f5e5e0;
	}
	
a:link, a:visited {color: #3CF;}
a:hover, a:active {color: #ffffff;}

p {padding: 0px 265px 0px 15px; text-align: justify; line-height: 1.8em;}
	
h1 {font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: normal;
	padding: 0px 15px 0px 15px;
	color: #ffffff;
	margin: 6px auto;
	margin-bottom: 20px;
	clear: both;}

h2 {font-size: 24px;
	font-style: italic;
	font-weight: normal;
	padding: 0px 15px 0px 15px;
	color: #6CC;}
	
h3 {font-size: 18px;
	font-weight: bold;
	padding: 0px 15px 0px 15px;
	color: #40525E;}
	
hr {width: 760px;
	border-top: 1px dashed #40525E;
	border-left: 0px dashed #40525E;
	border-right: 0px dashed #40525E;
	border-bottom: 1px dashed #EBEBE7;}
	
html>body #horiz-gallery {width: 8200px; padding: 5px 0px 0px 2px;
	height: 330px; text-align: left; margin: 0px;}
#horiz-gallery {width: 8200px; padding: 5px 0px 0px 2px;
	height: 345px; text-align: left; margin: 0px;}
#horiz-gallery img {padding: 0px;}
#horiz-gallery ul{list-style-type:none; margin:0px; padding: 0px;}
#horiz-gallery li {display: inline; list-style-type:none; margin: 0px; padding: 0px;}
	
table {text-align: left;}

table.gallery {border: 1px solid #C6FFFF; -moz-border-radius: 3px;
border-radius: 3px; }
table.gallery td{text-align: center;
	border-top: 1px solid #4F3931;
	border-left: 1px solid #4F3931;
	border-bottom: 1px solid #1F1511;
	border-right: 1px solid #1F1511;}
table.gallery a{text-decoration: none;}


table.store-list {margin-left: 35px; -moz-border-radius: 3px;
border-radius: 3px;}
table.store-list td{vertical-align: top;
	padding: 5px;}
table.store-list th{background-color: #CBECF3; color: #382D29; font-size: 14px; padding: 3px;}

table.image-detail {margin-top: 20px;border: 1px solid #C6FFFF; -moz-border-radius: 3px;
border-radius: 3px; padding: 8px;}
table.image-detail p{padding: 0px 0px 0px 10px;}
table.image-detail td{vertical-align: top; text-align: center;}
table.image-detail img {border: 0px;}
table.image-detail  a{text-decoration: none; border: 0px;}


#dress-icons {}
#dress-icons a{text-decoration:none;
	font-weight: bold; display: block;}
#dress-icons a:link, #dress-icons a:visited {color: #6F320D; }
#dress-icons a:hover, #dress-icons a:active {color: #3b7f82;}

#dress-icons ul{margin: 0px; padding: 0px;}
#dress-icons li{display: block; background-color: #F2EEE3; margin-bottom: 2px; padding: 4px 0px 4px 10px;}
#dress-icons a{}

img.prom-border {border: 2px solid #010B11; margin-top: 1px;}

#header {height: 167px; margin: 0px auto; width: 1200px;}
#container {
	width: 1200px;
	margin: 0px auto;
	text-align: left;
	margin-bottom: 0px;}
#wrapper {margin: 0px auto;
	width: 1200px;
	text-align: left;
	}	
#home-space {}
#3boxes {width: 990px; text-align: center;}
	
#content-heading {height: 150px;}
#content-heading h1{font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; text-transform: uppercase; color: #8d7f7a;
	padding: 30px 0px 0px 15px;}
#content-heading p{color: #8d7f7a;}

html>body #content {clear: both;
	width: 1200px; padding-top: 6px;	padding-bottom: 25px;}
#content {
	width: 1200px; padding-top: -6px;	padding-bottom: 25px;}


/*--------Main Nav / Menu Stuff------------*/
#home-menu {margin: 270px 0px 0px 350px; text-align: center; width: 250px;}
#home-menu ul{list-style-type: none; margin: 0px; padding: 0px;}
#home-menu li{padding-bottom: 20px;}
#home-menu a{text-decoration: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 26px;}
#home-menu a:link, #home-menu a:visited { color: #0c4954;}
#home-menu a:hover, #home-menu a:active { color: #ffffff;}



#mainnav {	padding: 0px; margin: 0px; color: #81a9a6;
	text-align: right;}
#mainnav a{text-decoration: none; display: inline;}
#mainnav a:link, #mainnav a:visited{color: #6b5f4c;}
#mainnav a:hover, #mainnav a:active{color: #FFC32A;}

#mainnav ul {float: right; 
	margin: 27px 0px 0px 0px; 
	padding: 0px; 
	width: 650px; }
#mainnav ul li {display: inline;}

#mainnav #gallery {display: block; float: left; width: 130px;  height: 80px; 
	background: url("http://www.wowprom.com/images/button_01.png") no-repeat 0 -80px;}
#mainnav #gallery:hover { background-position: 0 0;}
#gallery span {display: none;}

#mainnav #trunk {display: block; float: left; width: 130px;  height: 80px; 
	background: url("http://www.wowprom.com/images/button_02.png") no-repeat 0 -80px;}
#mainnav #trunk:hover { background-position: 0 0;}
#trunk span {display: none;}

#mainnav #locator {display: block; float: left;  width: 130px;  height: 80px; 
	background: url("http://www.wowprom.com/images/button_03.png") no-repeat 0 -80px;}
#mainnav #locator:hover { background-position: 0 0;}
#locator span {display: none;}

#mainnav #about {display: block; float: left;  width: 130px;  height: 80px; 
	background: url("http://www.wowprom.com/images/button_04.png") no-repeat 0 -80px;}
#mainnav #about:hover { background-position: 0 0;}
#about span {display: none;}

#mainnav #links {display: block; float: left;  width: 130px;  height: 80px; 
	background: url("http://www.wowprom.com/images/button_05.png") no-repeat 0 -80px;}
#mainnav #links:hover { background-position: 0 0;}
#links span {display: none;}

/* Contact Form Stuff */

#contactbox {width:600px; padding-left: 35px;}

form.contact label.fixedwidth { display: block; 
	width: 200px; float: left; }

form.contact .buttonarea {text-align: left; padding: 4px; }
#contactbox p{padding: 0px;}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #514738;}	

/*Footer Stuff */
	
#bottombox {margin: 0px auto; background: #b0dfe7; border-top: 4px solid #27afc8; width: 100%; text-align: center;}	
#footer {margin: 0px auto; clear: both;	padding-bottom: 20px; text-align: center;}
#footer p{color: #6F95A7; text-align: center; padding: 0px;}
#footer a{text-decoration: none;}
#footer a:link, #footer a:visited {color: #504438;}
#footer a:hover, #footer a:active {color: #9E040C;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */


