/* HTML ELEMENTS */
ul, ol, li {
	margin: 0;
	padding: 0;
}

ul { list-style:none; }

body{
  background: url('../images/bg-body.jpg') no-repeat top center #393027;
  margin: 0;
  padding: 0;
  font-family: verdana, "MS Trebuchet", Trebuchet, sans-serif;
  color: #FFF;
}
a{
  text-decoration: none;
}
#homeflash img{
    border: none;
}


h1{
  font-family: verdana;
  font-size: 1.3em;
  color: #e8e8e8;
  line-height: 1.4em;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h2{
  font-family: verdana;
  font-size: 1.1em;
  color: #b7c943;
}

h3{
  font-family: verdana;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

p{
  color: #e8e8e8;
  font-family: verdana;
  font-size: .8em;
  line-height: 1.8em;
}
td{
  font-size: .9em;
  padding: 4px;
}

#logo{
  width: 130px;
  height: 130px;
}



/* IDS */
#container{
	margin: 76px auto 15px;
	width: 775px;
	padding: 10px;
	background-color: #fff;	
}
#home #container{
  width: 777px;
  line-height:0;
}

#navigation li{
	margin-left: 10px;
	height: 200px;
	font-family: verdana;
	display: inline;
	font-size: 13px;
	text-transform: uppercase;
}
#navigation .current a{
	color: #b7c943;
}

#navigation ul{
	margin:0;
	padding: 0;
	text-align: center;
}

#navigation{
	background-color: #1a1715;
	padding: 12px;
	
}
#navigation a{
	color: #615648;
}

#navigation a:hover{
	color: #b7c943;
}
#navigation .here a{
    color: #fff;
	/*color: #b7c943;*/
}
#navigation .selected a{
	color: #b7c943;
}

#team-members{
 color: #fff;
 font-family: verdana;
 font-size: .7em;
 font-weight: bold;
 line-height: 1.7em;
 list-style:none;
 margin:0;
 padding:0;
}
#team-members a{
  color: #b7c943;
}


#header{
	background: url(../images/bg-content.gif) #000 no-repeat;
	height: 272px;
	margin-bottom: 10px;
	background-color: #000;
}
#headercopy{
	margin-left: 370px;
	margin-right: 70px;
	padding-top: 15px;
}

#headercopy h2{
  margin-bottom: 15px;
}

#headercopy p{
  font-size: 11px;
}




/* CONTENT */
#content{
	background: url('../images/bg-content.gif') repeat-x top center #625749;
	padding-bottom: 40px;
}
#content a{
  color: #b7c943;
  background: transparent;
}
#content a:hover{
  text-decoration: underline;
  background: #413a32;
}
#content li, #content td{
  color: #e8e8e8;
  font-family: verdana;
  font-size: .7em;
  line-height: 1.7em;
}


#side{
  width: 195px;
  float: left;
  padding-top:30px;
  padding-left:30px;
}
 

#main{
  width: 500px;
  float: left;
  padding-top:40px;
  padding-bottom: 20px;
}
#main table{
  margin-left: 20px;
}


#footer{
	border-top: 1px solid #999;
	font-family: verdana;
	font-size: 10px;
	color:#fff;
	margin: 0 auto;
	padding-top: 5px;
	width:797px;
	height: 40px;
}
#home #footer{
  width: 797px;
}
#footer a{
  color: #fff;
}
#footer a:hover{
  color: #b7c943;
}





/* HEADER VARIATIONS */
/* HAIR */
#hair-hair #header{
  background: url(../images/header-hair.jpg);
}

#hair-services #header{
	background: url(../images/skin_services.jpg);
}

#hair-appointments #header{
	background: url(../images/header-appointments.jpg);
}

#hair-product #header{
	background: url(../images/header-11.jpg);
}

#hair-about #header{
	background: url(../images/header-13.jpg);
}

#hair-news #header{
	background: url(../images/header-09.jpg);
}

#hair-specials #header{
	background: url(../images/header-05.jpg);
}

#hair-giftcard #header{
	background: url(../images/header-10.jpg);
}

#hair-contact #header{
	background: url(../images/hair_contact.jpg);
}


/* SKIN */
#skin-skin #header{
	background: url(../images/header-20.jpg);
}

#skin-about #header{
	background: url(../images/header-04.jpg);
}

#skin-appointments #header{
	background: url(../images/header-12.jpg);
}

#skin-contact #header{
	background: url(../images/header-02.jpg);
}

#skin-giftcard #header{
	background: url(../images/header-01.jpg);
}

#skin-news #header{
	background: url(../images/header-03.jpg);
}

#skin-product #header{
	background: url(../images/header-08.jpg);
}

#skin-services #header{
	background: url(../images/hair_services.jpg);
}

#skin-specials #header{
	background: url(../images/header-06.jpg);
}

/* PRODUCT HAIR */
#hair-bumble-and-bumble #header{
	background: url(../images/header-hair-bandb.jpg);
}

#hair-rene-furterer #header{
	background: url(../images/header-hair-furterer.jpg);
}

#hair-davines #header{
	background: url(../images/header-hair-davines.jpg);
}

#hair-chi-transformation-system #header{
	background: url(../images/header-hair-chi.jpg);
}


/* PRODUCT skin */
#skin-image #header{
	background: url(../images/header-skin-image.jpg);
}

#skin-kinerase #header{
	background: url(../images/header-skin-kinerase.jpg);
}

#skin-yonka #header{
	background: url(../images/header-skin-yonka.jpg);
}

#skin-yonka #header{
	background: url(../images/header-skin-yon.jpg);
}

#skin-laroche-posay #header{
	background: url(../images/header-skin-laroche.jpg);
}

#skin-prevage #header{
	background: url(../images/header-skin-prevage.jpg);
}

#skin-skinmedica #header{
	background: url(../images/header-skin-skinmedica.jpg);
}

#skin-is-clinical #header{
	background: url(../images/header-skin-is.jpg);
}

#skin-md #header{
	background: url(../images/header-skin-md.jpg);
}

.services-nav h2 {
	margin: 5px 0 5px 0;
	padding: 0;
}

.services-nav ul {
	list-style-type: none;
	margin-bottom: 25px;
}

.services-nav li {
	margin-left: 25px;
}

#skin-services #content ul {
    padding: 0 0 0 20px;
}

/* ABOUT NAVS */


#hair-about-nav li,
#skin-about-nav li,
#hair-product-nav li,
#hair-about #content #main li,
#skin-about #content #main li,
#hair-product #content #main li
{
  margin: 0 0 0 0;
  padding: 0;
  list-style:none;

}
#hair-about-nav a,
#skin-about-nav a,
#hair-product-nav a,
#hair-about #content #main li a,
#skin-about #content #main li a,
#hair-product #content #main li a
{
  display: block;
  padding: 4px;
  font-size: .8em;
  color: #b7c943;
  font-weight: bolder;
}
#hair-about #content #main li a,
#skin-about #content #main li a,
#hair-product #content #main li a
{
font-size: 13px;
}


/* SPECIALS */
.special{
  width:377px;
}
.special p{
  background: url(/static/images/bg-feature-tile.gif) repeat-y transparent;
  margin: 0;
  padding: 0 20px 0 20px;
  font-weight: bold;
  font-size: 14px;
  color: #b7c943;
  text-align: center;
}
.special img{
  line-height:0;
  clear:both;
  display: block;
}
.special em{
  font-size: .8em;
  font-weight: normal;
  color: #857b70;
  display: block;
  text-align: center;
  padding: 10px;
  color: #333;
}



/* CLASSES */



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

.clearfix {display: block;}

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