body {font-family: Verdana, Geneva, sans-serif;	font-size: 12px;	line-height: 20px;	color: #e0bc6b;	margin:0;	background: #000;}
a {color:#FFF;}
a:hover {text-decoration:none;}
a img {border:none;}


#wrap {margin:0 auto; background:url(_images/tile.jpg) repeat-y; width:773px; position:relative;}
#header {width:773px; background:url(_images/bg-header.jpg) no-repeat;}
#content {clear:both; width:474px; margin-left:13px; float:left; padding:0 28px 20px 0;}
#photo-sidebar {float:left; width:257px; margin-top:-15px;}
#photo-sidebar img {margin-bottom:20px;}
#footer {clear:both; width:761px; border-top:1px solid #e0bc6b; border-bottom:1px solid #e0bc6b; padding:5px; font-size:10px; color: #E0BC6B; background:#000; margin:0 auto;}

/* FOOTER */
#footer a {color: #E0BC6B;}
.size9 {font-size:9px;}

ul {list-style:circle}

h3 {font-size: 12px; line-height: 18px; color: #989755;	padding-top: 10px;}
h2.special, p.special {font-size: 12px; line-height: 18px; color: #989755;	padding-top: 10px; border:none; padding:0; margin:20px 0; clear:none; font-weight:bold;}
h2 {clear:both; font-size: 16px; color: #C94A29; border-bottom: 2px #C94A29 solid; padding: 0 0 0 10px; width:504px; margin-top:70px;}
#photo-sidebar h2.special {font-size: 16px; width:250px; text-align:center; clear:both;color: #C94A29; border:none; padding:0 0 20px 0; margin: -5px auto;}
h4 {font-size: 11px; font-weight: bold;	color: #FFF;	}
h3.special {font-size:15px;}


h1#logo {
margin: 0;
padding: 0;
background-repeat: no-repeat; 
width: 478px;/* this width reflects the width of the logo image */
height: 94px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 94px;/*same height as logo h1*/ 
width: 478px;/*same width as logo h1*/}


.orange10 {font-size: 12px; color: #C94A29;	text-align: center;}
.marginbottom {margin-bottom:30px;}
.orange {color: #C94A29;}
.yellow10 {font-size: 12px; color: #E0BC6B;	padding: 3px 10px;	}
.yellow10Link {	font-size: 12px; color: #E0BC6B;}
.white10 {font-size: 12px; font-weight: bold; color: #FFFFFF;}
p.top {border-bottom:1px solid #e0bc6b; font-size:11px; font-weight:bold; color:#FFF; padding:20px 0;}
.top a {color:#FFF;}
.center {text-align:center;}
.right {text-align:right;}
.koko {padding-top:60px; float:right; margin:5px 0 10px 10px;}
.welcome {margin-left:-10px;  padding-top:60px;}
.specialpadding {padding-top:68px;}
.facebook {position:absolute; z-index:99; top:69px; margin-left:532px;}

/* BARBER SHOP */
#barbershop {width:425px; margin: 0 auto;  background:url(_images/tile-barber.gif) repeat-y center ;}
#barbertop {width:425px; background:url(_images/bg-top-barber.gif) no-repeat top center;}
#barberbottom {width:375px; background:url(_images/bg-bottom-barber.gif) no-repeat bottom center ; text-align:center; padding:40px 25px 50px 25px;}
#barberbottom p {text-align:left; font-size:12px; line-height:20px; color:#000;}
#barberbottom h3 {font-size:16px; color:#000; text-align:left; margin:0; padding:10px 0;}
#barberbottom h4 {font-size:18px; color:#666; text-align:left; margin:0; padding:10px 0;}
#barberbottom ul { text-align:left; font-size:12px; line-height:20px; color:#000; padding:0; margin:0;}
#barberbottom ul li {padding-bottom:20px;list-style:none; padding-left:35px;}
#barberbottom ul li.bullet {background:url(_images/bullet.gif) no-repeat 0 0;}
.center {text-align:center;}
.price {color:#000; padding-right: 50px; font-size:14px;}
.imgright {float:right;}
.imgleft {float:left;}
.clear {clear:both;}
.pic {float:right; margin:5px 0 10px 10px;}
.floatleft {float:left;}

/* WIG ROOM */
#wigs h1, #wigs h2, #wigs h3 {text-decoration:none; border:none; margin-left:0; padding-left:0;}
#wigs h3 {font-size: 11px; color: #989755;}

/* LISTS */
#lists h2 {font-size:12px; text-transform:uppercase; color: #989755; margin:0; padding:0;}
#lists {width:237px; padding:10px;}
#lists a {color:#C94A29;}
#lists li {padding:0px 0px 0px 0;  margin:0px 0px 10px 0px;}
#lists ol { margin:0 0 20px 30px; padding:0 10px 0 0; color:#C94A29;}

ul#serviceslist {list-style:none; margin:10px 0; padding:0; font-size:13px; line-height:20px;}
#serviceslist a {color:#FFF;}


/* MAIN NAV */
ul#nav {list-style:none;padding:0;width:548px;margin-left:102px; top:95px;  position:absolute; z-index:100;  }


#nav li {height:46px; margin:0; padding:0; text-indent:-999em; float:left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 46px; overflow: hidden; text-indent:-999em; height:46px; }

.services {background:url(_images/nav/service.gif); width:91px;}
.stylists {background:url(_images/nav/stylists.gif); width:106px;}
.communitywork {background:url(_images/nav/community-work.gif); width:166px;}
.about {background:url(_images/nav/about.gif); width:85px;}
.policies {background:url(_images/nav/policies.gif); width:100px;}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .services, #nav li.sfhover .services, 
#nav li:hover .stylists, #nav li.sfhover .stylists, 
#nav li:hover .communitywork, #nav li.sfhover .communitywork, 
#nav li:hover .about, #nav li.sfhover .about, 
#nav li:hover .policies, #nav li.sfhover .policies {background-position:0px -46px;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

#nav, #nav ul {list-style: none; margin: 0; }
#nav li {display: inline; }
#nav li ul {background: #c94a29; left: -999em; padding: 0; position: absolute; z-index: 1;  border-right:1px solid #e0bc6b; border-left:1px solid #e0bc6b; border-bottom:1px solid #e0bc6b;}
#nav li ul li {float:none; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -1px 0 0 0; color:#e0bc6b; }
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 150px; text-indent:0; color:#e0bc6b; font-size:12px; border-top:1px solid #e0bc6b;  padding:3px;}
#nav ul li a:hover {color:#FFF;}


/* TOP NAV */
ul#topnav {width:136px;  display:block; text-indent:-999em; overflow:hidden; list-style:none; padding:0; position:absolute; z-index:98; top:0px; margin-left:520px;}
#topnav li {height:18px; margin:0; padding:0; text-indent:-999em; }

/*  Sets styles for all links that are inside the ul id="nav" */
#topnav a {display: block;height: 18px; overflow: hidden; text-indent:-999em; width:136px;}

.home {background:url(_images/nav/home.jpg); }
.resources {background:url(_images/nav/resources.jpg); }
.contact {background:url(_images/nav/contact.jpg); }

/* Shift the image position up to show the active state */
#topnav a:hover, #topnav .active, #topnav li:hover, #topnav li.sfhover, 
#topnav li:hover .home, #topnav li.sfhover .home, 
#topnav li:hover .resources, #topnav li.sfhover .resources, 
#topnav li:hover .contact, #topnav li.sfhover .contact, 
#topnav li:hover .about, #topnav li.sfhover .about {background-position:-136px 0;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

/* SITE MAP */
ul.sitemap {text-indent:none;}
.sitemap li a {background:none;}