@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px;overflow-y:auto; overflow-x: hidden;}
body, h1, h2, h3, h4, h5, p, li, a, #menu ul li a{font-family: 'Open Sans', sans-serif; }

#supersized{
	    position:fixed;
	}
	
	h5{font-size:16px; margin:0px; padding: 10px 0px; text-transform: capitalize;}
	#supersized img{ -ms-interpolation-mode: bicubic; }
	#supersized img, #supersized a{
	    height:100%;
	    width:100%;
	    position:absolute;
	    z-index: -1;
	}
	#aln{width:370px; height:18px; }
	#aln p{font-size:10px;}
	#aln .lft{float:left; width:220px; text-align:left;}
	#aln .rht{float:left; width:100px; text-align:right;}
	#aln .rht p{text-align:right;}
	#supersized .prevslide, #supersized .prevslide img{
	    z-index: 1;
	}
	#supersized .activeslide, #supersized .activeslide img{
	    z-index: 2;
	}
	
	.sent-case{text-align:center; font-size:14px;}
	.style13{ font-size:.9em; color:#58585a;}
	@font-face {
	font-family: HelveticaNeueLTPro-Lt;
	src: url('../js/HelveticaNeueLTPro-Lt.otf');
}
	
	@font-face {
	font-family: bodoni;
	src: url('../js/bodoni.ttf');
}

.custom_font{
	font-family:bodoni; 
	line-height:10px;
	/* no .ttf */
}
ul li{ font-family:bodani;}

p{ text-align:left; font-family:bodoni; text-transform:uppercase; color:#58585a; line-height:22px;  font-size:13px; letter-spacing:1px;}
p a{text-decoration:none; color:#58585a;}
p a:hover{text-decoration:none; color:#faa61a;}
p a.active{text-decoration:none; color:#faa61a;}

.style1{padding:42px 42px 0px 42px; line-height:26px;}
.style2{
	padding: 0px;
	text-align:left;
	line-height:26px;
	color: #58585a;
	font-size:14px;	
}

hr{background:url(../images/hr.png) repeat-x; height:15px; border:none; margin:0px; padding:0px; }


.checkbox {
	width: 19px;
	height: 25px;
	padding: 5px 8px 0 0;
	border:none;
	display: block;
	clear: left;
	float: left;
	
}

.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../images/select.jpg) no-repeat;
	overflow: hidden;
}
.style4{
	padding: 50px 20px 30px 50px;
	text-align:center;
	line-height:26px;
	color: #58585a;
	width:520px;
	
}
.style5{
	padding: 0px;
	text-align:left;
	color: #58585a;
	
}
.style3{padding:50px; text-align:left;  line-height:26px;}
#logo{background:url(../images/logo.png) no-repeat; height:146px; width:230px; margin-bottom:7px; position:absolute; }

div#navigation {position: absolute; top: 671px; left:0;  width: 868px; height: 22px; font-size:14px; /*font: 14px bodoni, sans-serif; */z-index: 100; text-transform:uppercase; }
div#navigation a {display: block; 
   }
div#navigation a:hover {color: #58585a; }
.page_active{position: absolute; top:520px; height: 22px; width: 930px;}
div#nav a img {height: 0; width: 0;  border-width: 0;}

div#nav a:hover img {position: absolute; top: -30px; left:0;   height: 22px; width: 930px;}

div#navigation ul {margin-left:10px; width: 868px; }
div#navigation ul li{display:inline; color:#faa61a;  font-family:bodani; }
#nav{width:931px; height:12px; position:absolute; top:19px; padding-left:50px;}
.nav{float:left;}	
.belief{background:url(../images/nav-belief.png); width:46px; margin-right:45px; height:12px;}
.stylist{background:url(../images/nav-stylist.png); width:64px; margin-right:41px; height:12px;}
.services{background:url(../images/nav-services.png); width:67px; margin-right:38px; height:12px;}
.products{background:url(../images/nav-products.png); width:75px; margin-right:41px; height:12px;}
.club{background:url(../images/nav-club.png); width:92px; margin-right:38px; height:12px;}
.promotions{background:url(../images/nav-promotions.png); width:91px; margin-right:40px; height:12px;}
.contact{background:url(../images/nav-contact.png); width:65px; margin-right:40px; height:12px;}
.blog{background:url(../images/nav-blog.png); width:36px; height:12px;}

a{text-decoration:none;}
	a:hover{text-decoration:none; color:@fdb813;}
	

/* tabs */
			
			.containerall {width: 860px; margin: 0px; padding:20px; padding-top:126px; }
ul.tabs {
	margin: 0;
	padding: 0;
	float:left;
	list-style: none;
	height: 66px;
	margin-left:20px;
	margin-top:50px;
	
	width: 172px; color:#000;  text-align:left; font-size:12px;
}
ul.tabs li {
	
	margin: 0;
	padding: 0;
	width:183px;
	height: 66px;
	text-align:center;
	display:block;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 0px;
	outline: none;
}


ul li a{font-family:bodoni;}
ul.tabs li h2{
    border-bottom: 2px solid transparent;
    line-height: 20px;	
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-right: 0px !important;}
	
	ul.tabs li.active h2, ul.tabs li h2:hover{ border-bottom: 2px solid #faa61a !important;}
ul.tabs li h3{ border-bottom: 2px solid transparent;
    color: #58585a;
    line-height: 5px;    padding-top: 8px;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: left;
    font-style: normal;}

/*
#t1 {background:url(../images/philosophy.png); height:93px; width:256px;}
#t1:hover {background:url(../images/transparent.png); height:93px; width:256px;}
#t1 a:active {background:url(../images/transparent.png); height:93px; width:256px;}

#t2 {background:url(../images/mission.png); height:93px; width:256px;}
#t2:hover {background:url(../images/transparentm.png); height:93px; width:256px;}
#t2 a:active {background:url(../images/transparentm.png); height:93px; width:256px;}


#t3 {background:url(../images/vision.png); height:93px; width:256px;}
#t3:hover {background:url(../images/transparentmm.png); height:93px; width:256px;}
#t3 a:active {background:url(../images/transparentmm.png); height:93px; width:256px;}
*/
#tab1{background:url(../images/transparent2.png)  no-repeat; height:479px; }
#tab2{background:url(../images/transparentm.png) no-repeat;  height:420px; padding-top:80px }
#tab3{background:url(../images/transparentm.png) no-repeat;  height:420px; padding-top:140px }

#tab4{background:url(../images/transparentm.png)  no-repeat; height:479px; }
#tab5{background:url(../images/transparentm.png) no-repeat;  height:420px; padding-top:80px }
#tab6{background:url(../images/transparentm.png) no-repeat;  height:420px; padding-top:140px }
#tab7{background:url(../images/spa-bg.png) no-repeat;  height:420px; padding-top:40px; font-size:10PX; }
#tab8{background:url(../images/service-bg.png) no-repeat;  height:420px; padding-top:60px }
#tab0{background:url(../images/spa-bg.png) no-repeat;  height:420px; padding-top:10px }

#tab9{background:url(../images/transp-login-client.png) no-repeat;  height:420px; padding-top:60px; margin-top:50px; }
#tab10{background:url(../images/transp-login-staff.png) no-repeat;  height:420px; padding-top:60px; margin-top:50px; }
#tab11{background:url(../images/transparentc.png) no-repeat;  height:420px; padding-top:60px; margin-top:50px;     position: absolute;}
#tab12{background:url(../images/transp-cont.png) no-repeat;  height:420px; padding-top:60px; margin-top:50px;     position: absolute;}
#tab13{background:url(../images/transparentc.png) no-repeat;  height:420px; padding-top:60px; margin-top:50px; }



.tab_container {
	float: right; 
	width: 660px;
	height:372px;
}
.tab_content {
	float: left; 
	width: 660px;
	height:372px;
		
color:#000; /*font-family:bodoni; */text-align:left; font-size:12px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #58585a;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

#navigation-bar{background:url(../images/navigation-bar.png) no-repeat; height:6px; width:720px; position:absolute; margin-left:50px; }
#menu-box{ position:absolute; height:30px; width:931px;  top:628px; }

img {
		outline:0; 
		border:0;
	}
	
	#menu {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:left; 
		width:950px; 
		height:50px;

	}
	
	#menu ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				border-top: 5px solid #faa61a;
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:50px; 
		top:0; 
		
	}	#menu ul li {
		
		/* give some spaces between the list items */
		margin:0 0px; 
		
		/* display the list item in single row */
		float:left;
		padding-top:3px;
		margin-right:15px;
	}
	
	#menu ul li a {/* font-family:Arial, Helvetica, sans-serif;*/ text-transform:uppercase;  text-decoration:none; color:#58585a; font-size:14px;font-weight: bold;}
	#menu ul li a:hover{color:#faa61a;}
	#menu ul li a.active{color:#faa61a;}
	#menu #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:200; 
 
		/* image of the right rounded corner */
		height:35px;
 
 
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:5px;
		
	}
	
	#menu #box .head {
		/* image of the left rounded corner */
		background:url(../images/active.png) no-repeat 0 0;
		height:24px;
		color:#58585a;
		width:89px;
		position:absolute;
		top:-33px;
		left:-20px;
		
		/* force text display in one line */
		white-space:nowrap;
 
		/* set the text position manually */
	}
	
	
	
	
/* demo thumbnail scroller - horizontal liquid size 100% */
#tshf_container{ top:0px; left:255px;  width:504px; }
#tshf_container .thumbScroller{position:relative; width:504px; overflow:hidden;}
#tshf_container .thumbScroller, #tshf_container .thumbScroller .container, #tshf_container .thumbScroller .content{height:168px;}
#tshf_container .thumbScroller .container{position:relative; left:0;}
#tshf_container .thumbScroller .content{float:left;}
#tshf_container .thumbScroller .content div{padding:0px; margin:0px; height:100%;}
#tshf_container .thumbScroller img{border:none; margin:0px; padding:0px;}
#tshf_container .thumbScroller .content div a{display:block;}
#tshf_container .thumbScroller .content div a:hover{border-color:#fff;}
div.visible {
display: visible;
}
div.hidden {
display: none;
}
p.tabstyle{margin-left:20px; font-family:bodoni}

h2{font-family:HelveticaNeueLTPro-Lt; letter-spacing:1px; text-transform:uppercase; color:#58585a; font-size:11px; margin-top:5px; margin-right:15px;}
h2 a{ text-decoration:none;color:#58585a; }
h2 a:hover{ text-decoration:none;color:#faa61a; }
h2 a.active{ text-decoration:none;color:#faa61a; }

.stylist-left{width:200px; float:left; margin-left:30px; height:600px; text-align:left; }
.stylist-left img{margin-top:50px; margin-bottom:10px;}
.stylist-right{width:250px; float:left; text-align:left; margin-left:30px; margin-top:50px; height:600px;}

h3{font-family:bodoni; margin:0px; padding:0px;  color:#58585a;  font-size:12px; text-transform:uppercase; letter-spacing:1px;	}

ul.stylist-nav  {height:61px; width:180px; border:0; }

ul.stylist-nav li {border:0px; }
ul.stylist-nav  li:hover{background:url(../images/stylist-active.png);}
.stylist-nav img.active{background:url(../images/stylist-active.png);}

ul.belief-nav li h3{ border-bottom: 2px solid transparent; color:#faa61a;  font-family: 'Open Sans', sans-serif;   line-height: 5px; text-transform:capitalize; font-size:20px; font-style:italic;}
ul.belief-nav li h2{margin-left:15px; border-bottom: 2px solid transparent;     line-height: 20px; font-size: 16px; text-transform:capitalize; font-family: 'Open Sans', sans-serif;margin-right: 0px !important;}
ul.belief-nav li a{text-decoration:none;}
ul.belief-nav li h2:hover {
    border-bottom: 2px solid #faa61a;
}

ul.belief-nav  {
	height:54px;
	border:0;
	padding-top:80px;
	padding-left:30px;
	
}

ul.belief-nav li {margin-bottom:30px; }

.belief-nav img.active{
	background:url(../images/belief-active.png);
		
}

ul.promo-nav  {
	height:101px;
	border:0;
	padding-top:80px;
	margin-left:10px;
	
}

ul.promo-nav li {border:0px; width: 167px;  }
ul.promo-nav li:hover{
/*	background:url(../images/promo-active.png) no-repeat;*/
	
}
.promo-nav img.active{
	/*background:url(../images/promo-active.png);*/
		
}


ul.cont-nav  {
	height:101px;
	border:0;
	padding-top:80px;
	margin-left:10px;
	
}

ul.cont-nav li {border:0px; width: 167px;  }
ul.cont-nav li:hover{
	
}
.cont-nav img.active{
		
}


input {
height: 15px;
width: 200px;
padding: 5px;
color: #58585a;
border: #FDB813 thin solid;
}

textarea{height:50px; width:200px;border:thin #faa61a solid; color:#58585a; padding: 5px;}


.out{ width:200px;  height:25px; color:#58585a; margin-bottom:30px; text-align:left;  }
.out1{ width:300px ;   height:70px; color:#58585a; margin-bottom:30px; text-align:left; margin-bottom:20px; }

.out-left{ width:70px; padding-top:10px; height:20px;  float:left;}
.out-left1{ width:70px; padding-top:10px; height:70px;  float:left;}

.out-right{ width:150px;  float:left; height:20px; color:#58585a; text-align:right;}
.out-right1{ width:100px; float:left; height:70px; color:#58585a; text-align:right; }
.button{background:#faa61a; width:212px; border:0; height:25px; margin-top:20px;  text-transform:uppercase; color:#58585a; letter-spacing:1px; }
.button:hover{color:#58585a;}
.style4{padding-left:40px;  font-size:13px;  font-family:bodoni; text-transform:uppercase; color:#58585a;}
.sf-menu{font-family:bodoni; font-size:12px; text-transform:uppercase; line-height:18px; letter-spacing:1px }
ul.sf-menu a.active{color:#faa61a;}
 
	#social-media{width:150px; height:25px; margin-left:50px;}