/* CSS Document */
/* to get the secondaryNav the same as the main nav width you need to find out what 23% (it was 23% instead of 25% to give 2% gutter) of the content area is. You do this by dividing 23 by 75 and then multiplying by 100. For padding add in %. this may have to be a guess at first, but what ever you add in padding take away in overall width in %*/
body{
margin:0;
padding:0;
background-color: #FFF4FA;
}

#wrapper{
width:86%;
margin:0 auto;
background: url(images/hairbac.jpg) repeat-y;

}
#header{
float:left;
width:100%;
padding-left:80px;
margin-top:2%;

}

#mainNav{float:left;
width:100%;
padding-top:20px;
padding-bottom:20px;
margin-left:120px;

 
}
ul.menu{margin:0px;padding:0px;list-style:none;width:600px; height:30px;float:left;background: url(images/menu_but.gif) repeat-x; }
ul.menu li {float:left;height:28px; }
ul.menu a{display:block; line-height:1.5em; text-decoration:none; width:600px; font-size:16px; font:Arial, Helvetica, sans-serif;color: #000000; outline:0;}
ul.menu a:hover{ color: #FF0000;}

#leftcol{
float:left;
width:16%;	
	/*border:#000000 solid thick;*/
/*padding-left:1%;*/

	height:348px;
	margin-left:1.5%;
}

#leftcol.picind{background:url(images/brun2.jpg) no-repeat;}
#leftcol.picserv{background:url(images/frred1.jpg) no-repeat;}
#leftcol.picabot{background:url(images/face2.jpg) no-repeat;}
#leftcol.picfaq{background:url(images/holdhair.jpg) no-repeat;}
#leftcol.picgall{background:url(images/frtestann.jpg) no-repeat;}
#leftcol.picmap{background:url(images/map3.jpg) no-repeat;}

#content{
float:left;
width:80%;
/*background-color:#339999;*/
}

#mainContent{
float:left;
width:74%;
background-color:#996600;
padding-top:30px;
padding-left:2%;
padding-right:4%;
min-height:750px;
}
#mainContent.ind{background:url(images/welcmesscont.jpg) no-repeat;}
#mainContent.service{background:url(images/welcmesscontserv.jpg) no-repeat;}
#mainContent.faq{background:url(images/welcmesscontfaq.jpg) no-repeat;}
#mainContent.gall{background:url(images/welcmesscontgall.jpg) no-repeat; padding-bottom:2%}
#mainContent.map{background:url(images/welcmesscontmap.jpg) no-repeat; min-height:1100px; }

#mainContent h3{font-weight:bold; text-decoration:underline; color:#333333}

#mainContent h3.serv{color:#FF0000;}

#mainContent p, #mainContent ul{color:#666666; font-size:14px;}

#mainContent.ind p {padding-right:10px;}
#mainContent.service p {padding-right:10px;}
#mainContent.map p {padding-right:10px;}


#topcont{float:left;}

#botcont{float:left;}

#weoffer2{float:left; width:470px; padding-top:2%; padding-bottom:2%; height:350px; background-color:#feccff; margin-bottom:2%;}
.textbox{float:left; padding:1%; margin-left:5%; font-size:14px; color:#666666; margin-bottom:2%;  width:90%; height:18%; background-color:#FFFFFF; border:#333333 thin solid}
.textbox p{color:#666666; font-size:12px;}

#secondaryNav{
float:left;
width:16%;
margin-top:6%;
/*margin-top:10%;*/
padding-right:2%;
}



.flick{float:left; background-color:#feccff;}
.map{float:left; margin-top:20px; padding-right:2%;}
#footer{
clear:both;
font-size:12px;
}
.tab{ margin-left:170px;}
/*------------------------------------------contact us--------------------------------------*/

.soon {	
	width:305px;
	height:82px;	
	border:thin;
	border-style:groove;
	border-color:#000000;	
	background-color: #FFFF99;
	margin-left: 95px;
}
.fontsoon {font-size: 24px;
	font-weight: bold;
	font-style: italic;
	font-family:"Times New Roman", Times, serif}

#leftcolcontact{
float:left;
width:16%;	
	/*border:#000000 solid thick;*/
/*padding-left:1%;*/

	height:348px;
	margin-left:1.5%;
}
#contactback{
float:left;
width:74%;
background-color:#996600;
padding-top:30px;
background:url(images/contactback.jpg) no-repeat;
padding-left:2%;
padding-right:4%;
color:#666666;
}