/*
Theme Name: Well Being Spa
Version: 1.0
Author: Michelle Martello
Author URI: http://www.minimadesigns.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

img {
	border: 0;
}


body {	
	color:#fafaf1;
	
	}

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



#container {
	width: 960px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -175px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	
}

body {background: #27241d url(images/bg_wood.jpg) repeat-x scroll 50% 0;}
body#home {background: #27241d url(images/bg_woodfront.jpg) repeat-x scroll 50% 0;}

.clear {
	clear: both;
}


/* Header ////////////////////////////////////////////////////////// */
#header{margin:0 0 1px 0;padding:0;}

#logo {float:left;width:810px;}
#booknow {float:right;width:120px;padding:15px 0 0 0px}
#booknow p {float:left;color:#484036;padding:0 0 5px 0;margin:0;font-size:11px;line-height:15px;}

/* NAVIGATION*/
#nav {width:960px;margin:0;padding:0;clear:both}


ul#nav {
   
    width:960px;    height:32px;    /*overflow: hidden;*/
    background:transparent url(images/nav3.gif) no-repeat 0 0px;outline:none
    }
ul#nav li {
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-indent:-9999px;  
	outline:none 
    }
ul#nav li a {
    border:0;
    display:block;
    text-decoration:none;
    background:transparent url(images/nav3.gif) no-repeat;outline:none
    }


li#navHome      	 	a {width:84px; height:32px; }
li#navAbout       	 	a {width:121px; height:32px; }
li#navServices       	a {width:146px; height:32px}
li#navChair 				a {width:287px; height:32px;}
li#navStaff      			a {width:106px; height:32px;}
li#navFaq  	 			a {width:103px; height:32px;}
li#navContact 	 		a {width:113px; height:32px;}


li#navHome a:link, li#navHome a:visited       		{background-position:0px 0px;    }   
li#navHome a:hover, li#navHome a:focus        		{background-position:0px -32px;} 

li#navAbout a:link, li#navAbout a:visited       		{background-position:-84px 0px;    }   
li#navAbout a:hover, li#navAbout a:focus        		{background-position:-84px -32px;} 
li#navServices a:link, li#navServices a:visited       	{background-position:-205px 0px;    }   
li#navServices a:hover, li#navServices a:focus        	{background-position:-205px -32px;}  

li#navChair a:link, li#navChair a:visited       		{background-position:-351px 0px;    }   
li#navChair a:hover, li#navChair a:focus        		{background-position:-351px -32px;} 

li#navStaff a:link, li#navStaff a:visited     			{background-position:-638px 0px;    }   
li#navStaff a:hover, li#navStaff a:focus      			{background-position:-638px -32px;}  
li#navFaq a:link, li#navFaq a:visited     			  	{background-position:-744px 0px;    }   
li#navFaq a:hover, li#navFaq a:focus        			{background-position:-744px -32px;} 

li#navContact a:link, li#navContact a:visited       	{background-position:-847px 0px;    }   
li#navContact a:hover, li#navContact a:focus        	{background-position:-847px -32px;}  


/* Home Page ////////////////////////////////////////////////////////// */



#frontcontent {
	width: 960px;
	margin:30px 0 40px 0;
	padding:20px 0 0 0;
}


/* interior Pages ////////////////////////////////////////////////////////// */
#content {
	width: 650px;
	float: right;
	display: inline;
	margin-top: 90px;
	margin-bottom: 30px;
	padding-right: 0px;
	padding-left:10px;
}


.price {color:#dcd4b1;padding:0px 0 10px 0;font-weight:bold}
.dots {background: transparent url(images/bg_dots.gif); height:8px;background-repeat: repeat-x;padding:2px 0 2px 0px;clear:left}
#footnotes {font-size:90%;line-height:16px;}

#content p {padding:0 0 12px 0}
#content p a {color:#a0c5db;font-weight:bold;text-decoration:none;border-bottom:1px solid #f6f5e9;}
#content p a:hover {color:#f6f5e9;text-decoration:none;border-bottom:1px solid #f6f5e9}
#content ul {list-style:disc}
#content li {list-style:disc;padding:0 0 8px 5px;margin:0 0 0 25px}

/* Sidebar ////////////////////////////////////////////////////////// */

#sidebar {
	float: left;
	width: 250px;
	text-align: left;
	margin-bottom: 30px;
	margin-top: 20px;
	padding:0 50px 0 0;
}



.sidetitle {color:#bad8e9;font-weight:bold}
#sidebar p {font-size:90%;margin:0;padding:0 0 10px 0}
#sidelist {}
#sidelist ul {padding:0px 0 0 0px;margin:0;list-style-type:none; }
#sidelist li {list-style-type:none;}
#sidebar p a, #sidelist li a {padding:0 0 2px 0;color:#f2f1e7;text-decoration:none;font-size:90%;line-height:18px;border-bottom:1px solid #686256}
#sidebar p a:hover, #sidelist li a:hover {color:#c2e2f6}

#sidename {padding:85px 0 70px 0}


.testimonialbox {background:#686256;padding:10px 20px 0px 20px;margin:5px 0 20px 0;}


.pic {float:left;padding:4px;background:#26221d;margin:0 5px 5px 0;border:1px solid #524c41}


/* quotes
------------------------------------------------------------------*/ 
body#about #quote {background: transparent url(images/bg_quote0.jpg) no-repeat;width:245px;height:269px;}
body#spa #quote {background: transparent url(images/bg_quote.jpg) no-repeat;width:245px;height:269px;}
body#products #quote {background: transparent url(images/bg_quote1.jpg) no-repeat;width:245px;height:269px;}
body#corporate #quote {background: transparent url(images/bg_quote2.jpg) no-repeat;width:245px;height:269px;}
body#therapists #quote {background: transparent url(images/bg_quote3.jpg) no-repeat;width:245px;height:269px;}
body#staff #quote {background: transparent url(images/bg_quote3.jpg) no-repeat;width:245px;height:269px;}
body#gift #quote {background: transparent url(images/bg_quote4.jpg) no-repeat;width:245px;height:269px;}
body#faq #quote {background: transparent url(images/bg_quote5.jpg) no-repeat;width:245px;height:269px;}
body#community #quote {background: transparent url(images/bg_quote6.jpg) no-repeat;width:245px;height:269px;}
body#hill #quote, body#contact #quote {background: transparent url(images/bg_quote7.jpg) no-repeat;width:245px;height:269px;}
#quote {margin:10px 0 15px 0; }
#QOD {color:#fafaf1;text-decoration:none;padding:173px 20px 0 14px;margin:0;font-size:90%}
#QOD strong {color:#dcd4b1}

#policy p {color:#f2f1e7;text-decoration:none;padding:20px 0 0 0;margin:0;}
.sectionnews {font-size:85%}

/*  contact form
------------------------------------------------------------------*/ 

#contactform {background: transparent url(images/bg_contactform.jpg) no-repeat;width:245px;height:269px;margin:10px 0 10px 0}
#contactform .inputbox {background:#514a40;border:1px solid #615a4c;padding:5px;width:190px;margin:5px 0 5px 0;color: #c2e2f6}
#contactform form {padding:80px 0 0 20px}

#directions .inputbox {background:#1f1c17;border:1px solid #dad8cb;padding:5px;width:550px;margin:0 0 10px 0;color: #c2e2f6}
#directions {padding:0 0 10px 0}
/*  featured
------------------------------------------------------------------*/ 
#featured {background:#26221d;padding:20px 20px 10px 20px;border:1px dotted #dcd4b1}
#featured h2 {color:#c2e2f6;padding:0;margin:0}
#featured h3 {color:#dcd4b1;padding:10px 0 0 0;margin:0;font-size:160%}
#featured .itemname {font-size:90%;padding:5px 0 10px 0}

/*  featured offer home page
------------------------------------------------------------------*/ 
#offer {width:960px;margin:0 0 15px 0;height:50px;}
#offer p {color:#dcd4b1;font-size:15px;padding:20px 0px 0 197px;margin:0;text-align:left;line-height:17px}
#offer p a {color:#f1f1e5;text-decoration:none;border-bottom:none;}
#offer p a:hover {color:#a0c5db;text-decoration:none;border-bottom:none;}
.offername {color:#dcd4b1;}


/*  gift certs table
------------------------------------------------------------------*/ 
#gifttable {font-size:100%;}
#gifttable td{border-top:1px solid #686257;padding:7px 0px 7px 0}
#gifttable td p {padding:0 3px 0 0px ;margin:0;font-size:95%}
td .top{border-left:1px solid #686257;background:#FF9900;}
#gifttable td input{padding:0 10px 0 10px}

.itemname {color:#dcd4b1;}
.itemname strong {color:#f2f0e1}


.alignleft {margin:0 10px 5px 0}
.alignright {background:#fff;padding:5px;border:2px solid #e1d4ae;margin:0 10px 5px 0}




/*  spa page
------------------------------------------------------------------*/ 
#leftspa {float:left;width:420px;}
#rightspa {float:right;width:200px;font-size:90%}
.package {background:#26221d;border:1px solid #dcd4b1;padding:10px;margin:0 0 15px 0}

#rightspa h3 {color:#dcd4b1;padding:5px 0 5px 0;margin:0;font-size:150%}



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

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

p a {font-weight:bold;
	color: #c2e2f6;
	text-decoration: none;
	border-bottom:1px solid #edf8fe;
}

p a:hover {
	color: #5b829a;border-bottom:1px solid #edf8fe;
}



h1 {
	color: #edc959;
	font: bold 24px/30px "Lucida Grande", Helvetica, sans-serif;
	letter-spacing: -1px;
}

h1 a {
	color: #edc959;
	text-decoration: none;
}

h1 a:hover {
	color: #cb8676;
}

h2 {
font:bold 1.4em/1em Arial, "Times New Roman", Times, serif;
	color: #484237;
	margin-bottom: 5px;margin-top: 5px;
}

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

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;
}



/* Footer ////////////////////////////////////////////////////////// */

.clearfooter {
	height: 175px;
	clear: both;
}

#footer {
	height: 175px;
	width: 100%;
	position: relative;background: #25221c url(images/bg_footerstripe.gif) repeat-x;
}

#footercontainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
		/*position: relative 0 top;*/
}

#footercontainer img {padding:30px 0 0 0}