/* CSS Document */

body {
	text-align: left;
	min-width: 790px;
	background-color: #442619;
	/*background-color: #271C11;*/
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
h1 {font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #261C12;
	padding-left: 10px;
	padding-right: 25px;
	margin-top: 0px;
	padding-top: 0px;
	}
h2 {font-size: 16px;
	color: #157167;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 25px;
	}
p {font-size: 13px;
	color: #000000;
	padding-left: 10px;
	padding-right: 25px;
	text-align: justify;
	}
	
hr {border-top: 1px dashed #6B5A38;
	border-bottom: 1px dashed #6B5A38;
	border-left: 0px;
	border-right: 0px;
	margin-right: 20px;
	}
	
li {margin-bottom: 8px;}
a:link, a:visited {color: #2F7978;}
a:hover, a:active {color: #D5B056;}	

img.border {padding: 4px;
	background: #ffffff;
	border: 1px solid #BF927D;
	}
img.border-left {padding: 4px;
	background: #ffffff;
	border: 1px solid #BF927D;
	float: left;
	margin: 0px 8px 0px 0px;
	}
img.border-right {padding: 4px;
	background: #ffffff;
	border: 1px solid #BF927D;
	float: right;
	margin: 0px 0px 0px 8px;
	}
	
table.designers {border: 1px solid #cccccc;
	margin-left: 10px;}
table.designers td{border: 1px solid #cccccc; text-align: left;}
table.designers p {text-align: left; padding: 0px;
	text-align: left;}
table.designers h3 {margin: 0px;}

table.contact p{margin: 0px;}
	
#indexwrapper {
	width: 800px;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#indexwrapper img{padding: 0px; margin: 0px;}
#indexwrapper a{padding: 0px; margin: 0px;}
#wrapper {
	width: 950px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
#container {
	width: 950px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url('http://www.elegantxpressions.com/images/newcontentbg.jpg');
	background-repeat: repeat-y;
	background-position: 0px 0px;
	}	
#hotshots img{padding-right: 0px;}
#content {
	width: 720px; margin-right: 10px;
	float: right;
	}
	
#mainnav { font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	padding-top: 10px;
	}
#mainnav a{display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	}
#mainnav a:link, #mainnav a:visited {
	color: #000000;
	text-decoration: none;
	padding-left: 22px;
	}
#mainnav a:hover, #mainnav a:active {
	color: #501513;
	text-decoration: none;
	padding-left: 22px;
	background-image: url('http://www.elegantxpressions.com/images/heart.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
/* Photo Gallery Stuff */
#wrap{
	clear: both;
	margin-left: 0px;
	width:760px;
}
.main-content ul{margin:0px;
	padding: 0px;}
.main-content li{
	width:142px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:5px 10px 20px 10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

.main-content  a span{
	position:absolute;
	top:142px;
	left:10px;
	width:142px;
	font-weight:bold;
	background:#FFF;
	color:#333333;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #999999;
	border-width:2px 0 0 0;
	text-decoration: none;
	}

.main-content a:hover span{	
	position:absolute;
	top:142px;
	left:10px;
	width:142px;
	font-weight:bold;
	background:#ffffff;
	color:#984E4C;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #984E4C;
	border-width:2px 0 0 0;
	text-decoration: none;
} 
/* Photo Gallery Stuff */
#wrap{
	clear: both;
	margin-left: 0px;
	width:760px;
}
.lg-content ul{margin: 0px 0px 0px 10px; 
	padding: 0px;}

.lg-content li{
	width:142px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:5px 10px 20px 10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

.lg-content  a span{
	position:absolute;
	top:198px;
	left:10px;
	width:142px;
	font-weight:bold;
	background:#FFF;
	color:#333333;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #999999;
	border-width:2px 0 0 0;
	text-decoration: none;
	}

.lg-content a:hover span{	
	position:absolute;
	top:198px;
	left:10px;
	width:142px;
	font-weight:bold;
	background:#ffffff;
	color:#984E4C;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #984E4C;
	border-width:2px 0 0 0;
	text-decoration: none;
} 

/* New Prom Gallery */
.tall ul{margin: 0px 0px 0px 10px; padding: 0px;}
.tall li{
	width:142px;
	border:solid #CCC;
	border-width:1px;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:0px;
	padding:5px 10px 20px 10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px 3px 5px 3px;
}

.tall  a span{
	position:absolute;
	top:230px;
	left:10px;
	width:142px;
	font-weight:bold;
	background:#FFF;
	color:#333333;
	padding:4px 0 4px 0;
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #999999;
	border-width:2px 0 0px 0;
	text-decoration: none;
	}

.tall a:hover span{	
	position:absolute;
	top:230px;
	left:10px;
	font-weight:bold;
	background:#ffffff;
	color:#984E4C;
	padding:4px 0 4px 0;
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #984E4C;
	border-width:2px 0 0px 0;
	text-decoration: none;
} 

/* Hot Shots */

.hotshots ul{margin: 0px;
	padding: 0px 0px 0px 5px;}
.hotshots li{
	width:150px;
	border: 1px solid #664D34;
	background:#FFF;
	padding:0px;
	padding-bottom:20px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

.hotshots  a span{
	position:absolute;
	top:228px;
	left:0px;
	width:150px;
	font-weight:bold;
	background:#FFF;
	color:#333333;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:10px;
	border:solid #664D34;
	border-width:2px 0 1px 0;
	text-decoration: none;
	}

.hotshots a:hover span{	
	position:absolute;
	top:228px;
	left:0px;
	width:150px;
	font-weight:bold;
	background-color:#ffffff;
	color:#984E4C;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:10px;
	border:1px solid #984E4C;
	border-width:2px 0 1px 0;
	text-decoration: none;
} 

/* New Hot Shots */

table.gallery {text-align: center; margin-left: 5px;}
table.gallery td{padding: 0px;}
table.gallery span{
	padding: 5px 0px 5px 0px;
	display: block;}
table.gallery a{text-decoration: none;
	display: block;
	color: #EBECE7; }
table.gallery a:link, table.gallery a:visited { color: #442619;}
table.gallery a:hover, table.gallery a:active { color: #EBECE7;}
table.gallery a:link img, table.gallery a:visited img {border: 2px solid #BF927D;}
table.gallery a:hover img, table.gallery a:active img {border: 2px solid #7B463E;}

table.gallery2 {text-align: center; margin-left: 5px;}
table.gallery2 td{padding: 0px;}
table.gallery2 span{padding: 4px 0px 4px 0px; display: block;}
table.gallery2 a{text-decoration: none;
	display: block;
	color: #EBECE7; font-weight: bold;
	text-transform:uppercase; padding-bottom: 5px; 
	font-size:10px;}
table.gallery2 a:link, table.gallery2 a:visited {background-color: #ffffff; color: #333333;}
table.gallery2 a:hover, table.gallery2 a:active {background-color: #ffffff; color: #984E4C;}
table.gallery2 a:link img, table.gallery2 a:visited img {border-bottom: 2px solid #999999;}
table.gallery2 a:hover img, table.gallery2 a:active img {border-bottom: 2px solid #984E4C;}

table.image-detail {margin-left: 10px;
	border-color: #010B11;
	border-style: solid;
	border-width: 2px 1px 1px 2px;}
table.image-detail td{
	border-right: 1px solid #010B11;
	border-bottom: 1px solid #010B11;
	padding-left: 10px;}

#dress-icons {}
#dress-icons a{text-decoration:none;
	font-weight: bold;}
#dress-icons a:link, #dress-icons a:visited {color: #9E040C;}
#dress-icons a:hover, #dress-icons a:active {color: #9BBCBF;}

#dress-icons ul{margin: 0px; padding: 0px;}
#dress-icons li{display: inline;
	list-style-type: disc;}
#dress-icons a{}

img.prom-border {border: 2px solid #010B11;}
/* Contact Form Stuff */

#contactbox {width:450px;
	padding-left: 40px;}

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

form.contact .buttonarea {text-align: left;
	padding: 4px;
	}
#contactbox p{padding: 0px;}	
	
/* Footer Stuff */		
#footer {
	width: 950px;
	clear: both;
	margin: 0px auto;
	}
#footer hr{border-top: 1px dashed #32261A;
	border-top: 1px dashed #261C12;
	border-top: 0px;
	border-left: 0px;
	}
#footer p{
	text-align: center;
	color: #ffffff;
	font-size: 10px;
	}
.footerbox li{
	width:220px;
	text-align:center;
	float:left;
	display:inline;
	color: #ffffff;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.clear {clear: both;}