/* 
Title:     shampoo - master styles
Author:    james ledford
Updated:   05 / 22 / 2007

Palette: #??? / #???/ #???
*/

/* html-------------------------------- */
html
		{
				margin:0;
				padding:0;
		}


/* body-------------------------------- */
body
		{
			margin:0;
			padding:0;
			font-size: 12px;
			font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			background: #fff;
		}

p
		{
			margin:0 10px 10px;
		}


/* wrap-------------------------------- */
#wrap
		{
			width: 755px;
			margin: auto;
		}


/* nav - flashcontent-------------------------------- */
#flashcontent
		{
			float: left;
			margin: auto;
			width: 755px;
			height: 288px;
		}
		
/* header-------------------------------- */
#header
		{
			float: left;
			margin: auto;
			width: 755px;
		}
		
/* footer------------------------------- */
#footer
		{
			float: left;
			margin: auto;
			width: 755px;
			background-image:url(../images/shampoofooter.png);
		}

/* maincontent-------------------------------- */
#maincontent
		{
			float: left;
			margin: 15px 0px 0px 0px;
			width: 755px;
		}

#maincontent p
		{
			float: left;
			margin: 0px;
			text-align: left;
		}

#maincontent img
		{
			float: left;
			margin: 0px 0px 0px 20px;
		}

/* services cat1----------------------------- */
#servicescat1
		{
			clear: both;
			float: left;
			margin: 0px 0px 0px 0px;
			width: 254px;
			height: 50px;
			text-align: left;
			text-decoration: none;
			background-color:#c4e7ed;
		}

#servicescat1 ul
		{
			font-size: 11px;
			padding: 0px;
			margin: 10px 0px 0px 30px;
			list-style-type: none;
			line-height: 14px;
		}
/* services cat2----------------------------- */
#servicescat2
		{
			float: left;
			margin: 0px 0px 0px 0px;
			width: 262px;
			height: 50px;
			text-align: left;
			text-decoration: none;
			background-color:#c8e4ba;
		}

#servicescat2 ul
		{
			font-size: 11px;
			padding: 0px;
			margin: 10px 0px 0px 20px;
			list-style-type: none;
			line-height: 14px;
		}

/* services cat3----------------------------- */
#servicescat3
		{
			float: left;
			margin: 0px 0px 0px 0px;
			width: 239px;
			height: 50px;
			text-align: left;
			text-decoration: none;
			background-color:#ccdef2;
		}

#servicescat3 ul
		{
			font-size: 11px;
			padding: 0px;
			margin: 10px 0px 0px 30px;
			list-style-type: none;
			line-height: 14px;
		}



/* services1-------------------------------- */
#services1
		{
			clear: both;
			float: left;
			margin: 10px 0px 0px 0px;
			width: 254px;
			height: 195px;
			text-align: left;
			text-decoration: none;
		}

#services1 ul
		{
			padding: 0px;
			margin: 0px 0px 0px 30px;
			list-style-type: none;
			line-height: 18px;
		}
/* services2-------------------------------- */
#services2
		{
			float: left;
			margin: 10px 0px 0px 11px;
			width: 262px;
			height: 195px;
			text-align: left;
			text-decoration: none;
		}

#services2 ul
		{
			padding: 0px;
			margin: 0px 0px 0px 10px;
			list-style-type: none;
			line-height: 18px;
		}

/* services3-------------------------------- */
#services3
		{
			float: left;
			margin: 10px 0px 0px 8px;
			width: 215px;
			height: 195px;
			text-align: left;
			text-decoration: none;
		}

#services3 ul
		{
			padding: 0px;
			margin: 0px 0px 0px 10px;
			list-style-type: none;
			line-height: 18px;
		}
/* contact---------------------------------- */		
#contact_info
		{
			clear: both;
			float: left;
			margin: 10px 0px 0px 0px;
			width: 407px;
			height: 100px;
			text-align: left;
			text-decoration: none;
		}

#contact_form
		{
			float: left;
			margin: 10px 0px 0px 11px;
			width: 222px;
			height: 350px;
			text-align: left;
			line-height: 12px;
			text-decoration: none;
		}	
		
/* footer1-------------------------------- */
#footer1
		{
			clear: both;
			float: left;
			margin: 112px 0px 0px 0px;
			width: 180px;
			height: 106px;
			text-align: left;
			text-decoration: none;
		}

#footer1 ul
		{
			padding: 0px;
			margin: 0px 0px 0px 30px;
			list-style-type: none;
			line-height: 13px;
			color: #e6f8fc;
			font-size:10px;
		}
/* footer2-------------------------------- */
#footer2
		{
			float: left;
			margin: 112px 0px 0px 11px;
			width: 180px;
			height: 106px;
			text-align: left;
			text-decoration: none;
		}

#footer2 ul
		{
			padding: 0px;
			margin: 0px 0px 0px 60px;
			list-style-type: none;
			line-height: 13px;
			color: #e6f8fc;
			font-size:10px;
		}

/* footer3-------------------------------- */
#footer3
		{
			float: left;
			margin: 112px 0px 0px 8px;
			width: 180px;
			height: 106px;
			text-align: left;
			text-decoration: none;
		}

#footer3 ul
		{
			padding: 0px;
			margin: 0px 0px 0px 50px;
			list-style-type: none;
			line-height: 13px;
			color: #e6f8fc;
			font-size:10px;
		}
		
		
/* footer4-------------------------------- */
#footer4
		{
			float: left;
			margin: 112px 0px 0px 8px;
			width: 180px;
			height: 106px;
			text-align: left;
			text-decoration: none;
		}

#footer4 ul
		{
			padding: 0px;
			margin: 0px 0px 0px 10px;
			list-style-type: none;
			line-height: 13px;
			color: #e6f8fc;
			font-size:10px;
		}

/* category font----------------------------- */
.category_font 
		{
			font-size:12px;
			color:#4984c5;
			font-weight:600;			
		}	
		
.footer_font
		{
			color:#c8e4ba;
			font-size:12px;
			line-height:15px;
			font-weight:600;
		}
		
#footer a:link 
		{
			color: #e6f8fc;
			font-size:10px;
			text-decoration:underline;
		}

#footer a:visited 
		{
			color: #e6f8fc;
			font-size:10px;
			text-decoration:underline;
		}

#footer a:hover 
		{
			color: #ffffff;
			font-size:10px;
			text-decoration:none;
		}
		
#directions 	{ position:relative; float:left; width:300px; }		
#directions p	{ position:relative; float:left; padding:0 0 4px 0; margin:0; clear:both;  width:300px;}
#directions a   { position:relative; float:left; color:#5798d2; padding:26px 0; }
#directions img	{ padding:0 15px 0 0; border:0; margin:20px 0 20px 0; }
#map			{ position:relative; float:right; }

h2				{ padding:0 0 10px 0; margin:10px 0 10px 0; color:#242424; font-weight:normal; }
h4				{ position:relative; float:left; clear:both; padding:10px 0 15px 0; margin:0; color:#74a5d2;  width:300px; }