/* CSS Document */

/* Basic Stuff */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}*/
/* End hide from IE-mac */


body {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	color: #000;
	line-height: 16px;
	margin: 0;
	padding: 0;
	background:url(images/layout/background.gif);	
	background-color:#d9cfc0;
	}
	
body A:link    	{ color: #cd6185; font-weight: normal; text-decoration: underline; }
body A:active  	{ color: #cd6185; font-weight: normal; text-decoration: underline; }
body A:visited 	{ color: #cd6185; font-weight: normal; text-decoration: underline; }
body A:hover  	{ color: #824156; font-weight: normal; text-decoration: underline; }
	
p {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	color: #000;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}
	
h1 {
	font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: bold;
	color: #9a596e; 
	padding: 0;
	margin: 0;
}
	
h2 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: bold;
	color: #cd6185; 
	padding: 0;
	margin: 0;
	}
	
h2 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h2 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }
	
h3 {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: bold;
	color: #9a596e; 
	padding: 0;
	margin: 0;
}
	
h4 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}

h4 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h4 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

h5 {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #333;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}
	
h5 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h5 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

h6 {
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #a4c00d;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
	}
	
h6 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h6 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }

	
#main {
	width: 100%;
	}
	
/* Top Section */
	
#head {
	width: 801px;
	height: 126px;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	background-color: #ce6285;
	}
	
#salon {
	width: 171px;
	height: 126px;	
	float: left;
	}
	
#academy {
	width: 610px;
	height: 81px;
	float: right;
	margin-top: 0px;
	padding-right: 20px;
	padding-top: 45px;
	background-color: #ce6285;
	}
	
#nav {
	font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: bold;
	colour: #ffdbe2;
	float:left;
	width:781px;
	position: relative;
	background-color: #ce6285;
	padding-left: 20px;
	}
	  
#nav ul {
	color:#fff;
	margin:0;
	padding:5px 0px 10px 0px;
	list-style:none;
	}
	  
#nav li {
	float:left;
	margin:0 0 0 0px;
	padding:0;
	}
	
#nav a {
	font-weight: bold;
	text-decoration:none;
	float:left;
	left:0px;
	margin-right:0px;
	color:#fff;
	padding:0px 3px 7px 3px;
	}
	
#nav a:hover {
	text-decoration:underline;
	}
	
#home #nav-home, 
#treatments #nav-treatments,
#products #nav-products, 
#info #nav-info,
#membership #nav-membership,
#offers #nav-offers,
#clients #nav-clients,
#training #nav-training,
	color:#ffdbe2;
#student #nav-student a,
#contactbb #nav-contactbb {
}
	  
#home #nav-home a, 
#treatments #nav-treatments a,
#products #nav-products a, 
#info #nav-info a,
#membership #nav-membership a,
#offers #nav-offers a,
#clients #nav-clients a,
#training #nav-training a,
#student #nav-student a,
#contactbb #nav-contactbb a {
color:#ffdbe2;
}
	
#subnav {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: bold;
	colour: #b1486b;
	float:left;
	width:781px;
	position: relative;
	background-color: #ffdbe2;
	padding-left: 20px;
	}
	  
#subnav ul {
	color:#b1486b;
	margin:0;
	padding:5px 0px 10px 0px;
	list-style:none;
	}
	  
#subnav li {
	float:left;
	margin:0 0 0 0px;
	padding:0;
	}
	
#subnav a {
	font-weight: bold;
	text-decoration:none;
	float:left;
	left:0px;
	margin-right:0px;
	color:#b1486b;
	padding:0px 3px 7px 3px;
	}
	
#subnav a:hover {
	color:#b1486b;
	text-decoration:underline;
	}
	
#intro {
	width: 801px;
	margin: auto;
	height: 274px;
	padding: 0px;
	background-color: #feeef1;
	position: relative;
	float:left;
	}	
	
#subintro {
	width: 801px;
	height: 136px;
	padding: 0px;
	background-color: #fff;
	position: relative;
	float:left;
	}

#contactintro {
	width: 801px;
	height: 182px;
	padding: 0px;
	background-color: #fff;
	position: relative;
	float:left;
	}
	
#introtext {
	width: 408px;
	height: 254px;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	background-color: #feeef1;
	}
	
#subtext {
	width: 456px;
	height: 161px;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	background-color: #fdedf0;
	}
	
#subtext2 {
	width: 456px;
	height: 161px;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	background-color: #f7f5f7;
	}
	
#contact {
	width: 800px;
	height: 182px;
	float: left;
	background-color: #fbf7f8;
	}
	
#introimage {
	width: 378px;
	height: 274px;
	float: right;
	background-color: #feeef1;
	}
	
#subimage {
	width: 330px;
	height: 181px;
	float: right;
	background-color: #feeef1;
	}

#web-design {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	background-color: #000;
}
#home-content {
	width: 801px;
	margin: 0 auto;
	background-color: #fff;
	}
	

	
#treatments-left {
	float: left;
	width: 562px;
	margin-right: 20px;
	padding-left: 20px;
	margin-top: 15px;
	background-color: #fff;
	}
	
#offers-left {
	float: left;
	width: 330px;
	margin-right: 20px;
	padding-left: 20px;
	margin-top: 15px;
	background-color: #fff;
	}





#treatments-right {
	float: left;
	width: 184px;
	padding-right: 15px;
	margin-top: 15px;
	background-color: #fff;
}

#home-holder {
	float: left;
	width: 550px;
	background-color: #fff;
}

#home-left {
	float: left;
	width: 206px;
	margin-right: 58px;
	margin-left: 30px;
	background-color: #fff;
	position:relative;
	}
	
#home-middle {
	float: left;
	width: 206px;
	background-color: #fff;
	position:relative;
}

#sub-middle {
	float: left;
	width: 206px;
	background-color: #fff;
	position:relative;
	margin-right: 58px;
}

#home-specials {
	float: left;
	width: 470px;
	background-color: #fff;
	position:relative;
	margin-left: 30px;
	margin-top: 20px;
}

#home-right {
	float: left;
	width: 206px;
	background-color: #fff;
}	

#days {
	float: left;
	width: 80px;
	background-color: #fff;
}

#times {
	float: left;
	width: 125px;
	background-color: #fff;
}

#footer {
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #9c9c9c;
	float: left;
	width: 800px;
	background: #fff;
}

#footer A:link    	{ color: #9c9c9c; font-weight: normal; text-decoration: none; }
#footer A:active  	{ color: #9c9c9c; font-weight: normal; text-decoration: none; }
#footer A:visited 	{ color: #9c9c9c; font-weight: normal; text-decoration: none; }
#footer A:hover  	{ color: #cab8af; font-weight: normal; text-decoration: underline; }


#footer-line {
	float: left;
	width: 800px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	}
	
#footer-left {
	float: left;
	width: 380px;
	padding-left: 25px;
	background-color: #fff;
	}
	
#footer-right {
	float: right;
	text-align: right;
	width: 300px;
	padding-right: 25px;
	background-color: #fff;
}	

#footer-base {
	float: left;
	width: 800px;
	margin-left: 0px;
	padding-bottom: 15px;
	}
	
#footer-content {
	width: 800px;
	margin: 0 auto;
	}
	
#treatments-bar {
	float: left;
	height: 20px;
	width: 562px;
	margin-right: 0px;
	padding-left: 0px;
	background-color: #fef4f6;
	}
	
#treatments-title {
	float: left;
	height: 20px;
	width: 270px;
	padding-left: 10px;
	color:#cd6185;
	font-weight: bold;
	}
	
#treatments-time {
	float: left;
	height: 20px;
	width: 80px;
	text-align: center;
	color:#cd6185;
	font-weight: bold;
	}
	
#treatments-price {
	float: right;
	height: 20px;
	width: 192px;
	padding-right: 10px;
	text-align: right;
	color:#cd6185;
	font-weight: bold;
	}
	
#subtreatments-bar {
	float: left;
	height: 20px;
	width: 562px;
	margin-right: 0px;
	padding-left: 0px;
	background-color: #fff;
	}
	
#treatments-bar2 {
	float: left;
	height: 20px;
	width: 562px;
	margin-right: 0px;
	padding-left: 0px;
	background-color: #f8f0f0;
	}
	
#contact-left {
	float: left;
	float: left;
	width: 380px;
	margin-right: 20px;
	padding-left: 25px;
	padding-top: 20px;
	}
	
#contact-right {
	float: right;
	width: 350px;
	margin-right: 0px;
	padding-right: 25px;
	padding-top: 20px;
}

label{
 float: left;
 width: 120px;
 font-weight: normal;
 }

 input, textarea{
 width: 150px;
 margin-bottom: 5px;
 }

 textarea{
 width: 200px;
 height: 100px;
 }
 
 .radio{
 width: 20px;
 height: 100px;
 }

 .boxes{
 width: 1em;
 }
 
  .checkbox{
 width: 20px;
 }

 #submitbutton{
 margin-left: 120px;
 margin-top: 5px;
 width: 90px;
 }
 
 #membership-right {
	float: right;
	width: 330px;
	margin-right: 20px;
	margin-top: 20px;
	padding-right: 10px;
	padding-top: 20px;
	padding-left: 10px;
	background-color:#f8f6f3;
}

#products-content {
	float: left;
	float: left;
	width: 750px;
	margin-right: 25px;
	padding-left: 25px;
	padding-top: 20px;
	}
	
 #contact-form {
	float: left;
	width: 310px;
	margin-right: 20px;
	margin-top: 20px;
	padding-right: 10px;
	padding-top: 20px;
	padding-left: 10px;
	background-color:#f8f6f3;
}

#course-intakes{
width: 522px;
border:solid 1px #cd6185;
background: #fef4f6;
color: #cd6185;
padding: 10px;
font-size: 14px;
margin-top: 20px;
line-height: 22px;
margin-bottom: 20px;
}fef4f6