/*
Theme Name: D'mai urban spa
Version: 1.0
Author: Michelle Martello
Author URI: http://www.minimadesigns.com
*/

* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}

img {
	border: 0;
}


.clear {	clear: both;}
.clearleft {clear:left}

body, select, textarea, input {		font:76%/140% Verdana,Arial,Helvetica,sans-serif;color:#fafaf1	}

body {background: #231a10 url(images/bg_wood.jpg) repeat}


#header {	width: 960px;
		margin-left: auto;
	margin-right: auto;
margin-top:40px;
padding:0;
	position: relative;
	background: transparent;}

#wrapper {width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;}



#container {width: 960px;background: url(images/bg_stripe.gif) repeat-y;}
#content {
	width: 660px;
	float: right;
	margin:0;
}


#frontcontent {
	width: 660px;
	float: right;
	margin:0;background:#2d2314;padding:0;
}


#sidebar {
	float: left;
	width: 300px;
	margin:0;padding:20px 0 0 0;
}

.picleft {float:left;padding:0 10px 10px 0}

/*main content area*/
p {font-size:14px}
#maintext {padding:35px 0 20px 35px}
.maindots {background: transparent url(images/dots.gif); height:20px;background-repeat: repeat-x;padding:2px 0 2px 0px;margin:0 35px 0 35px}
.price {color:#9eb1d7;}
.dots {background: transparent url(images/dots.gif); height:20px;background-repeat: repeat-x;padding:2px 0 2px 0px;}
#content p {padding:0 35px 12px 35px;color:#816646;}
#content p a {font-weight:bold;color:#816646;}
#content h3 {padding:0 35px 12px 35px;}
 #page-spa #toppic {background: #fff url(images/pic_services.jpg); height:279px;width:657px;}

#page-face #toppic {background: #fff url(images/pic_face.jpg); height:279px;width:657px;}
#page-depil #toppic {background: #fff url(images/pic_depil.jpg); height:279px;width:657px;}
#page-hands #toppic {background: #fff url(images/pic_hands.jpg); height:279px;width:657px;}
#page-body #toppic {background: #fff url(images/pic_body.jpg); height:279px;width:657px;}
#page-packages #toppic {background: #fff url(images/pic_packages.jpg); height:279px;width:657px;}
#page-massage #toppic {background: #fff url(images/pic_massage.jpg); height:279px;width:657px;}
#page-specials #toppic {background: #fff url(images/pic_specials.jpg); height:279px;width:657px;}
#page-gallery #toppic {background: #fff url(images/pic_gallery.jpg); height:279px;width:657px;}
#page-location #toppic {background: #fff url(images/pic_location.jpg); height:279px;width:657px;}
#page-spa #toppic {background: #fff url(images/pic_spa.jpg); height:279px;width:657px;}
#page-team #toppic {background: #fff url(images/pic_team.jpg); height:279px;width:657px;}
#page-contact #toppic {background: #fff url(images/pic_contact.jpg); height:279px;width:657px;}
#page-gift #toppic {background: #fff url(images/pic_gift.jpg); height:279px;width:657px;}
#page-connect #toppic {background: #fff url(images/dmai_connect.jpg); height:279px;width:657px;}
#page-press #toppic {background: #fff url(images/dmai_press.gif); height:279px;width:657px;}



#names {float:left;width:150px;margin:0;padding:0 0 30px 35px;}
#treatments {float:left;width:435px;margin:0;padding:0 30px 20px 10px}
#treatments  p {color:#816646;font-size:90%;padding:0}
#treatments h3 {padding:0}


#gallery {padding:0 0 25px 60px}
#gallery img {padding:0 20px 20px 0}

/* Main navigation
------------------------------------------------------------------*/
ul#subnav {margin:0 0 20px 0	}
ul#subnav li {	padding:0;	margin:0;	display:block;	float:left;	text-indent:-9999px;}
ul#subnav li a {border:0;display:block;text-decoration:none;	}	

li#face a {	width:150px;height:28px;background:transparent url(images/b_face.gif) no-repeat;	 }	
li#massage a {width:150px;height:28px;background:transparent url(images/b_massage.gif) no-repeat;	 }	 	
li#body a {	width:150px;height:28px;background:transparent url(images/b_body.gif) no-repeat;	 }	 	   
li#depil a {	width:150px;height:28px;background:transparent url(images/b_depil.gif) no-repeat;	 }
li#spa a {width:150px;	height:28px;	background:transparent url(images/b_spa.gif) no-repeat;}
li#hands a {width:150px;height:28px;background:transparent url(images/b_hands.gif) no-repeat; }	 
 
li#face a:hover, li#face a:focus {background-position:-150px 0px;	 }
li#massage a:hover, li#massage a:focus {background-position:-150px 0px;	}
li#body a:hover, li#body a:focus {background-position: -150px 0px;}	
li#depil a:hover, li#depil a:focus {background-position:-150px 0px;	}	
li#spa a:hover, li#spa a:focus {background-position:-150px 0px;	}
li#hands a:hover, li#hands a:focus {background-position: -150px 0px;}

#page-face li#face a {background-position:-150px 0px;	 }
#page-massage li#massage a {background-position:-150px 0px;	 }
#page-body li#body a {background-position:-150px 0px;	 }
#page-depil li#depil a {background-position:-150px 0px;	 }
#page-spa li#spa a {background-position:-150px 0px;	 }
#page-hands li#hands a {background-position:-150px 0px;	 }
/* Footer ////////////////////////////////////////////////////////// */


#footer {
	clear:both;width: 960px;height:80px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
		background: transparent url(images/bg_footer.gif) no-repeat;
}

#credits {width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#credits p  {color:#fff;padding:0 0 0 65px;margin:0}
#credits p a {text-decoration:none;color:#a0c5db;font-weight:bold;}
/*#innerfooter{margin-left:65px;padding-top:12px;width:500px;}*/

#innerfooter {float:left;width:500px;margin-left:65px;padding-top:12px;}
#footer a {text-decoration:none;color:#a0c5db;font-weight:bold;}
#newsletter {float:right;width:250px;padding-top:17px;text-align:right;padding-right:10px }
#newsletter .inputbox {color:#fff;background:#3b2f1e;padding:8px;border:1px solid #3f321f;width:150px;vertical-align:top}

/* Typography ////////////////////////////////////////////////////////// */

p {
color: #fafaf1;
margin: 0;
line-height:155%;
}



.description h1 {
font:bold 1.6em/1.2em Arial, "Times New Roman", Times, serif;
	color: #c3c232;margin:10px 0 20px 35px
	
}

.description h2 {padding:0 0 10px 35px}

#email {margin:0 0  0 30px}
h1 a {
	color: #edc959;
	text-decoration: none;
}

h1 a:hover {
	color: #cb8676;
}

h2 {
font:1.6em Arial, Helvetica, sans-serif;
	color: #484237;font-weight:bold;
	margin-bottom: 5px;margin-top: 5px;
}

h3 {
font:bold 1.4em/1em Arial, "Times New Roman", Times, serif;
	color: #c3c232;
	margin-bottom: 8px;margin-top: 5px;line-height:28px;
}

h5 {
	color: #6c989d;
	text-transform: uppercase;
	letter-spacing: -1px;
	font: bold 15px/16px "Lucida Grande", Helvetica, sans-serif;
	border-bottom: 1px solid #6c989d;
	margin-bottom: 10px;
	padding-bottom: 3px;
}


#testimonials {width: 600px;padding:30px 0 0 0px;margin:0px 0 0 30px} 
#testimonials .slide {list-style-type: none;line-height: 24px} 
#testimonials ul {list-style-type:none;color:#2d2315;font-size:18px;}

.quote {font-size: 16px;font-family: Georgia, "Times New Roman", Times, serif;color: #333;font-style: italic;line-height:1.3em} 

.pressdots {clear:both;background: transparent url(images/dots.gif); height:20px;background-repeat: repeat-x;padding:2px 0 2px 0px;margin:0 35px 0 35px}
.pressitem {margin:10px 20px 10px 20px;padding:20px 0 20px 0;width:600px}
.pressright p {margin:0;padding:0}

.pressleft {float:left;width:155px;padding:0 0px 0 0;}
.pressleft img {border:5px solid #f0f1e2}
.pressright {float:right;width:440px;padding:0;margin:0}

.button, .button:visited {-moz-box-shadow:inset 1px 1px 3px 2px #86705c;
	-webkit-box-shadow:inset 1px 1px 3px 2px #86705c;
	box-shadow:inset 1px 1px 3px 2px #86705c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #78634f), color-stop(1, #58483b) );
	background:-moz-linear-gradient( center top, #78634f 5%, #58483b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#78634f', endColorstr='#58483b');
	background-color:#78634f;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #42352a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #30251d;-webkit-transition:background 0.3s ease;-moz-transition:background 0.3s ease;-o-transition::background 0.3s ease;transition:background 0.3s ease;	}

.button:hover				{ color:#fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #58483b), color-stop(1, #78634f) );
	background:-moz-linear-gradient( center top, #58483b 5%, #78634f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#58483b', endColorstr='#78634f');
	background-color:#58483b;

}
	


#video {margin:0 0 30px 50px}