/* CSS Document */

 cross-browser compatibility 
ul,ol { list-style: none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }

a img,:link img,:visited img { border: none; }

------------------------------

h1	{ font-size:1.2em; color:#000; padding-left:20px; }
h2	{ font-size:1.1em; color:#000; padding-left:20px; }
h3	{ font-size:1.0em; color:#fff; padding:5px 0px 5px 30px; }
h4  { font-size:1.0em; color:#000; padding-left:20px; } 

a:link,a:visited	{ color:#fff; text-decoration:none; outline:none;}
a:hover,a:active	{ color:#fff; text-decoration:underline; outline:none; }

html,body { height: 100%;}

body {
	background:#7C1006 url("../images/bg.jpg") top repeat-x;
	font:12px/17px arial, helvetica;
	color:#FFF;
	}

#wrap { 	
	width:722px; 
	margin:0 auto; 
	text-align:left;
	margin-top:26px; 
	}

#masthead {
	background:url("../images/title.jpg") no-repeat;
	height:99px;	
	}

	#masthead a {
		text-indent:-999em; overflow:hidden;
		position:absolute;
		left:250px;
		width:256px;
		top:60px;
		height:38px;
		outline:none; 
		}

	#masthead a span {
		display:none;
		}


#header-graphic {
	background:url("../images/header-graphic.jpg") no-repeat;
	height:187px;
}

#header-graphic-sub {
	background:url("../images/header-graphic-sub.jpg") no-repeat;
	height:187px;
}

#header-graphic-sub-employees {
	background:url("../images/ladies.jpg") no-repeat;
	height:187px;
}

#header-graphic-sub-stylist {
	background:url("../images/stylist.jpg") no-repeat;
	height:187px;
}
#header-graphic-sub-product {
	background:url("../images/product.jpg") no-repeat;
	height:187px;
}

#content-top {
	background:url("../images/content-top.jpg") repeat-x;
	width:710px;
	height:22px;
	margin:0 auto;
	}


#content {
	background:url("../images/content-bg.jpg") repeat-y;
	width:722px;
	margin:0 auto;
	}



#column-left { 
	width:161px; 
	float:left;
	}  

#column-left p { 
	color:#fff;
	margin-left:30px;
    } 	

	#column-left h1 { 
	color:#fff;
	margin:0px 0px 10px 30px;
    } 
	
	#column-left a { 
	color:#fff;
	}


#column-right {
	width:555px; 
	float:left;	 
	}

#column-right p { 
	padding-left:20px;
	}	

	#column-right a:hover,a:active	{ 
	color:#000; text-decoration:underline; 
	} 

	#column-right h3 { 
	font-size:1.0em; 
	color:#fff;
	padding-left:20px;
	 }
	#column-right a { 
	font-size:.95em; 
	color:#000;
	 }

#text-bg { 
	background:url("../images/content-repeat.jpg") repeat-y;
 	margin-left:84px;
	}
		
	#text-bg p { 
	color:#000;
	padding:10px 100px 10px 20px;
	}

#text-bg-footer { 
	background:url("../images/content-bottom-wrap.jpg") no-repeat;
 	height:21px;
	margin-left:84px;
	}


#our-employment {
	background:url("../images/employment.jpg") no-repeat;
	height:42px;
	margin-left:84px;
}

#our-contact {
	background:url("../images/contact-us.jpg") no-repeat;
	height:42px;
	margin-left:84px;
}

#mission {
	background:url("../images/our-mission.jpg") no-repeat;
	height:42px;
	margin-left:84px;
}

#alright {
	background:url("../images/our-services.jpg") no-repeat;
	height:42px;
	margin-left:84px;
}

#drive {
	background:url("../images/location.jpg") no-repeat;
	height:42px;
	margin-left:84px;
}





#bottom-wrap { 
	background:url("../images/footer.jpg") no-repeat;
	height:66px; 
	clear:both; 
	overflow:hidden; 
	}


p.top a{
	color:#000;
	display:block;
	padding-right:15px;
	}


/* ----- classes ----- */



div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

img.img-left { 
	display: inline;
	float:left; 
	margin:2px 5px 0px 0px; 
	}

img.img-right {
	display: inline;
	float:right; 
	margin:0px 16px 0px 25px;
	}

.shampoo {
	font:11px/0px arial, helvetica;
	}


/* ----- column-right ul ----- */
#column-right ul { 
		margin:5px 30px 0px 45px;
		padding-bottom: 5px;
		color: #665;
		} 

	#column-right ul li { 
		list-style: square;
		}

	#column-right ul li.date{ 
		list-style: none;
		}

/* ---NAV--- */ 

#nav { 

	background:url("../images/nav.jpg") no-repeat; 
	width:722px;
	height:61px;
	margin-left:0px; 
	}

#nav span { display: none; }


#nav li, #nav a { height:61px; display:block;}

#nav li { float: left; list-style: none; _display:inline; }



#nav-01 { width: 57px; margin-left:160px;}
#nav-02 { width: 78px; margin-left:0px;}
#nav-03 { width: 83px; margin-left:0px;}
#nav-04 { width: 102px; margin-left:0px;}
#nav-05 { width: 91px; margin-left:0px;}




#nav-01 a:hover {background: transparent url("../images/nav.jpg") -160px -61px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/nav.jpg") -217px -61px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/nav.jpg") -295px -61px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/nav.jpg") -378px -61px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/nav.jpg") -480px -61px no-repeat;}