/*
Theme Name: Pure Talent Salon
Theme URI: cdesignstudios.com
Description: Theme created for the Pure Talent Salon
Version: 1.0.0
Author: Chris Dudek
Author URI: http://www.cdesignstudios.com
Tags: Hair, Spa, Salon, Stle
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*=========================Main Setup=========================*/

body{margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;}

#header{width:100%;height:147px;position:relative;background:url(images/headerbg.png) repeat-x scroll 0 0;clear:both;margin-top:-10px;}

#headerbk{width:100%;height:147px;position:absolute;z-index:3;clear:both;}

#headerbkhome{width:100%;height:64px;position:absolute;z-index:3;clear:both;}

#headerhome{width:100%;height:64px;position:fixed;top:0px;z-index:11;background:url(images/headerhomebg.png) repeat-x;}

#container{width:960px;height:100%;position:relative;margin:0 auto 74px auto; z-index:4}

#logo{position:relative;width:200px;height:90px;margin:10px auto 0 auto;z-index:4;}

/*=========================Navigation=========================*/

#mainnavhome{position:relative;margin:0 auto;width:840px;padding-right:60px;}

#mainnav{width:820px;height:55px;position:relative;left:-40px;top:-10px;margin:0 auto 0 auto;}

#nav.home{width:840px;top:13px;}

#nav{width:920px;margin-left:28px;position:absolute;top:16px;}

ul#nav > li {width:100px;margin:10px 0 0 4px;padding:0;text-align:center;display:block;float:left;height:40px;}

ul#nav li.link{width:82px;}

ul#nav li.link2{width:66px;}

ul#nav li.link3{width:127px;}

ul#nav li.link4{width:89px;}

ul#nav li.link5{width:114px;}

ul#nav li.link6{width:127px;}

ul#nav li.link7{width:99px;}

ul#nav > li > a {display:block;height:20px;color:#FFF;text-decoration:none;position:relative;text-align:left;}

ul#nav li.link > a {background:url(images/linkbg.jpg) no-repeat 0 -55px;z-index:3;}

ul#nav li.link2 > a {background:url(images/linkbg2.jpg) no-repeat 0 -55px;z-index:3;}

ul#nav li.link3 > a {background:url(images/linkbg3.jpg) no-repeat 0 -55px;z-index:3;}

ul#nav li.link4 > a {background:url(images/linkbg4.jpg) no-repeat 0 -55px;z-index:3;}

ul#nav li.link5 > a {background:url(images/linkbg5.jpg) no-repeat 0 -55px;z-index:3;}

ul#nav li.link6 > a {background:url(images/linkbg6.jpg) no-repeat 0 -55px;z-index:3;}

ul#nav li.link7 > a {background:url(images/linkbg7.jpg) no-repeat 0 -55px;z-index:3;}

ul#nav li.link8 > a {background:url(images/linkbg8.jpg) no-repeat 0 -55px;z-index:3;}

#nav li ul.secnav{display:none;font-size:.73em;}

#nav > li:hover > ul{display:block;width:162px;clear:both;margin:0;padding:0px;z-index:10;position:absolute; background:#fff url(images/headerbg.png) repeat-x 0px -126px;}

.secnav li{background:#FFF;color:#333;width:160px;border-right:solid 1px #333;border-bottom:solid 1px #333;border-left:solid 1px #333;position:relative;z-index:15;}

.secnav li:first-child{background:none;color:#333;width:160px;padding-top:5px;border-right:solid 1px #333;border-bottom:solid 1px #333;border-left:solid 1px #333;position:relative;margin-top:5px;z-index:15;}

#nav > li:hover ul li a{display:block;padding-top:5px;color:#333;margin:0px;height:20px;position:relative;z-index:15;text-decoration:none;font-weight:bold;text-transform:uppercase;font-size:.83em;text-align:left;padding-left:5px}

#nav > li:hover ul li a:hover {background:#333;color:#fff;}

/*=========================Home Setup=========================*/

#table{width:100%;height:195px;position:relative;top:-8px;background:url(images/table.png) repeat-x center;z-index:7;}

#logohome{width:245px;height:323px;float:left;position:relative;z-index:7;background:#FFF;}

#logohome img{margin-left:22px;}

#picturerow{position:relative;height:323px;width:983px;margin:64px auto 0 auto;}

#pic1{position:absolute;top:0px;}

#pic1 img{position:relative;z-index:6;width:245px;}

#pic2{margin-left:90px;position:absolute;top:0px;}

#pic2 img{position:relative;z-index:5;width:185px}

#pic3{position:absolute;top:0px;}

#pic3 img{position:relative;z-index:4;width:218px;}

/*=========================Mutiple Content Setup=========================*/

#maincontent{width:923px;margin-left:22px;background:url(images/maincontentbg.png) repeat-y center;}

#maincontent p{font-size:.83em;line-height:25px;padding-top:5px;}

#maincontent h3{font-size:1.5em;color:#4aabd4;font-family:"Arial Narrow",Arial, Helvetica, sans-serif;font-weight:lighter;}

#contentleft{width:400px;float:left;margin:20px 0 0 32px;padding:0 22px 0 0;border-right:solid 3px #4aabd4;}

#contentright{width:400px;margin-right:38px;float:right;}

#fix{clear:both;height:20px;}

.fix{clear:both;height:20px;}

.clear{clear:both;}

#maincontentfooter{width:960px;height:35px;margin-left:1px;margin-bottom:74px;background:url(images/maincontentfooterbg.png) no-repeat center;}

#contentheader{width:960px;height:259px;position:relative;z-index:7;}

#maincontent p.link{text-align:right;padding-top:0px;border-top:solid 1px #4aabd4;}

p.link a:link{color:#4aabd4;text-decoration:none;}

p.link a:visited{color:#000;text-decoration:none;}

p.link a:hover{color:#000;text-decoration:none;}

p.link a:active{color:#000;text-decoration:none;}

#maincontent h3.header1{font-size:2em;color:#4aabd4;font-family:"Arial Narrow",Arial, Helvetica, sans-serif;font-weight:lighter;margin-left:22px;width:875px;text-align:center;border-top:solid 3px #4AABD4;padding-top:10px;}

#maincontent h4.header2{color:#333;font-size:1em;margin-left:22px;width:875px;text-align:center;font-weight:bold;border-bottom:solid 1px #4AABD4;padding-bottom:10px;}

.top{width:895px;height:7px;background:url(images/topspacer.png) repeat-x center;margin-left:11px;}

.hours{margin-top:200px;margin-left:50px;padding:10px;border:solid 1px #4AABD4;}

/*=========================Policies Setup=========================*/

#policymain{margin-left:19px;width:878px;background:#fff;border:solid 1px #666;}

#policymain h3{text-align:center;color:#333;padding:5px 0;border-bottom:solid 1px #666;font-family:"Arial Narrow", Arial, Helvetica, sans-serif;font-weight:bold;}

#policymain p{line-height:15px;padding:5px 10px 10px 10px;font-size:.73em;color:#666;text-align:left;width:420px;border-bottom:solid 1px #666;border-right:solid 1px #666;background:#fff;}

#policymain p.lastpolicy{border-bottom:none;}

#policymain h4{color:#333;font-size:1em;padding-top:10px;text-align:center;}

#policymain a:link{color:#333;text-decoration:none;}

#policymain a:visited{text-decoration:none;color:#666;}

#policymain a:hover{color:#4aabd4;text-decoration:none;}

#policymain a:active{color:#4aabd4;text-decoration:none;}

.fixpolicy{clear:both;}

#policyright{float:right;width:437px;height:335px;background:url(images/policybg.jpg) no-repeat center;}

#policycontent{float:left;width:420px;}

#headline p{width:380px;height:100%;margin:10px 0 0 15px;font-weight:bold;color:#333;border:none;background:none;}

/*=========================Staff Setup=========================*/

#staff{padding-top:15px;}

.staff{width:500px;padding:10px 10px 10px 0;margin-left:10px;border-bottom:solid 1px #666;border-top:solid 1px #666;}

.instructimage{float:left;width:100px;}

.instructinfo{width:257px;float:left;margin-left:10px;font-size:.83em;}

.bio{clear:both;margin-top:10px;line-height:40px;font-size:.83em;}

.instructinfo h4{font-size:1.5em;color:#000;font-weight:bold;padding:5px 0;}

.bio h4{font-size:1.5em;color:#000;padding:5px 0;}

.instructinfo h4.name{color:#64a3d2;padding-top:0px;font-size:1.5em;}

#maincontent .instructinfo p,#maincontent .bio p{font-size:.83em;line-height:25px;color:#333;padding-top:0px;}

.fix{clear:both;}

/*=========================Staff Scrolling Setup=========================*/

#heading{width:280px;height:90px;position:relative;margin-left:21px;border-right:solid 3px #4aabd4;}

#heading h3{font-family:"Arial Narrow", Arial, Helvetica, sans-serif;padding:10px;margin:-5px 0 0 0;font-size:1.5em;color:#64a3d2;}

#heading h4{color:#666;font-size:.83em;padding:0 5px 10px 10px;}

.hint{color:#000;}

.arrow{color:#64a3d2;}

#main_navi{width:280px;position:relative;top:-3px;margin-left:21px;float:left;border-right:solid 3px #4aabd4;}

#main_navi li{margin-left:10px;width:245px;border:solid 1px #666;margin-top:5px;padding:5px;height:17px;cursor:pointer;}

#main_navi li h3{font-size:.83em;color:#333;padding:0px;margin:0px;}

#main_navi li:hover {background:url(images/instructorhoverbg.jpg) no-repeat;}

#main_navi li.active {background:url(images/instructorhoverbg.jpg) no-repeat;}

/* main vertical scroll */ 
#main {position:relative;overflow:hidden;height: 450px;} 
 
/* root element for pages */ 
#pages {position:absolute;height:20000em;margin:3px 0 0 35px;}

.page{height:450px;}

/*=========================Cafe Pure Setup=========================*/

p.drink{width:200px;float:left;font-weight:bold;margin-top:10px;}

.drinkdescription{color:#666;width:200px;float:left;font-size:.73em;}

.drinkdescription2{color:#666;width:200px;float:left;font-size:.73em;margin-top:-10px;}

#maincontent p.drinkprice{text-align:right;color:#666;font-size:.63em;margin-top:10px;}

#maincontent p.drinkprice2{text-align:right;color:#666;font-size:.63em;margin-top:15px;}

.tea{width:220px;border:solid 1px #4aabd4;padding:10px;margin-left:80px;margin-top:10px;}

#contentrightprice .tea h4{margin-top:0px;color:#333;text-align:center;}

ul.tealeft{list-style-type:none;float:left;width:90px;color:#666;font-size:.73em;}

ul.tearight{list-style-type:none;float:right;width:85px;color:#666;font-size:.73em;}

.cafepure{margin-top:250px;}

/*=========================Awards Setup=========================*/

.date{font-weight:bold;}

#contentrightawards{width:400px;margin:20px 38px 0 0;float:right;}

#contentrightawards h4{color:#333;font-weight:bold;margin-top:10px;}

#contentrightawards p.first{margin-top:0px;}

#contentrightawards p{margin-top:10px;}

/*=========================Pricing Setup=========================*/

#contentleftpricing{width:400px;float:left;margin-left:32px;padding:0px;}

#contentleftpricing p, #contentrightprice p{padding-top:0px;}

#contentleftpricing p.singleservice,#contentrightprice p.singleservice{padding-top:20px;}

#contentleftpricing p.serviceprice, #contentrightprice p.serviceprice{text-align:right;font-size:.63em;}

.price, #contentrightprice p.note{font-size:.73em;}

#contentleftpricing h4, #contentrightprice h4{margin-top:20px;color:#333;font-weight:bold;font-size:.93em;}

#contentleftpricing .servicetitle, #contentrightprice .servicetitle{color:#333;font-weight:bold;font-size:1.1em;}

#contentrightprice{width:410px;margin:20px 38px 0 0;float:right;border-left:solid 3px #4aabd4;padding-left:22px;height:auto;}

h3.topprice{margin-top:20px;}

#contentrightprice ul li{font-size:.83em;margin-top:10px;list-style-type:none;}

#contentrightprice ul.left{float:left;width:164px;padding-right:10px;border-right:solid 1px #4aabd4;}

#contentrightprice ul.right{float:right;width:215px;padding-left:10px;}

#facialpackage{padding:10px;border:solid 1px #4aabd4;}

#facialpackage h3{text-align:center;}

#facialpackage h4{text-align:center;margin-top:5px;}

h3.priceheading2{margin-top:15px;}

/*=========================Location Setup=========================*/

#map{margin:0 0 0 32px;width:850px;font-size:.83em;}

#address p{padding-top:0px;}

#map_1{border:solid 1px #999;}

#map_1 h4{color:#4aabd4;font-size:1.2em;padding-bottom:10px;}

#map_1 p{padding:0px;}

#map_1 input{margin-bottom:5px;}

#dir_1{border-bottom:solid 1px #999;border-left:solid 1px #999;border-right:solid 1px #999;background:#eeeeee;width:840px;height:inherit;}

#map a:link{color:#4aabd4;text-decoration:none;}

#map a:visited{color:#666;text-decoration:none;}

#map a:hover{color:#333;text-decoration:none;}

#map a:active{color:#333;text-decoration:none;}

#addressspacer{height:20px;width:850px;}

#address{margin:0 0 0 32px;width:840px;padding:20px 0 20px 10px;color:#333;background:#eeeeee;border-top:solid 1px #999;border-right:solid 1px #999;border-left:solid 1px #999;}

#address h1{font-size:1.5em;}

.addressinfo{font-weight:bold;}

/*=========================Application Form Setup=========================*/

#applicationform h3{text-align:center;padding-top:10px;}

#applicationform p{line-height:15px;padding-top:20px;}

#applicationform p.rule{padding:10px 0;color:#666;text-align:center;border-bottom:solid 1px #4aabd4;}

#applicationform p.applicationtext{padding-top:3px;font-size:1em;color:#333;text-align:center;font-weight:bold;}

#applicationform p.agreement{line-height:25px;font-size:.73em;color:#666;padding-top:10px;}

#applicationform p.submit{color:#333;}

#applicationform h4.topapp{padding-top:5px;font-weight:bold;border-bottom:solid 1px #4aabd4;text-align:center;color:#666;}

#applicationform h4{color:#333;font-size:1em;padding-top:10px;}

.notes{color:#666;font-size:.73em;padding-top:8px;margin-bottom:10px;}

.input{position:relative;top:3px;}

#agreementtext{width:110px;font-size:.73em;color:#333;margin-top:10px;padding:5px;border:solid 1px #ccc;}

#contentleftapp{width:875px;margin:-20px 0 0 21px;border-top:solid 1px #4aabd4;border-top:solid 3px #4aabd4;border-bottom:solid 3px #4aabd4;padding:10px 0 20px 0;}

.appleft{float:left;width:410px;}

.appright{float:right;width:410px;}

.textarea{width:409px;resize:none;}

#fixapp{clear:both;}

.fixapp{clear:both;}

.disabled{visibility:hidden;}

#job{height:350px;border-bottom:solid 1px #4aabd4;width:873px;}

#jobpic{width:436px;float:left;}

#jobdescription{width:380px;padding:8px 10px 10px 10px;float:right;margin:0 20px 0 0;}

#jobdescription p{line-height:25px;padding-top:10px;}

#jobdescription p.opening{line-height:1.5;padding-top:0px;color:#666;font-weight:bold;}

#jobdescription p.first{padding-top:8px;}

#jobdescription h3{text-align:left;padding-top:0px;}

#jobdescription h3.currentopen{padding-top:5px;}

/*=========================Application Form Scrolling Setup=========================*/

#applicationform .forms{height:3200px;width:873px;margin-top:-1px;}

div.scrollable {position:relative;overflow:hidden;height:2260px;width:875px;} 
 
/* root element for scrollable items */ 
div.scrollable div.items{position:absolute;height:20000em;}

#actions a.prevPage{width:125px;height:30px;background:url(images/appbutton.png);display:block;margin-left:370px;}

#actions a.prevPage:hover{width:125px;height:30px;background:url(images/appbutton_hover.png);}

#actions a.nextPage{width:125px;height:30px;background:url(images/nexpage.png);display:block;margin-left:370px;}

#actions a.nextPage:hover{width:125px;height:30px;background:url(images/nexpage_hover.png);}

/*=========================Awards Setup=========================*/

#contentleftawards{width:875px;margin-left:20px;border-top:solid 1px #4aabd4;border-top:solid 3px #4aabd4;border-bottom:solid 3px #4aabd4;padding:10px 0 20px 0;}

#contentleftawards h3{text-align:center;border-bottom:solid 1px #4aabd4;padding-bottom:10px;}

#contentleftawards p{font-size:.73em;}

/*=========================Contact Setup=========================*/

#contentheadernopic{height:36px;width:960px;margin-left:4px;}

#contentleftcontact{width:400px;float:left;margin:20px 0 0 32px;padding:0;}

#contentrightcontact{width:400px;margin-right:38px;float:right;}

#contentrightcontact img{left:-55px;margin-top:20px;position:relative;}

#contentrightcontact h3{margin-top:20px;}

#contactinfo{width:240px;background:#eee;border:solid 1px #666;padding:10px;margin:28px 0 0 20px;}

#contactinfo h3{color:#333;font-weight:bold;font-size:1.2em;margin-top:0px;border-bottom:solid 1px #666;padding-bottom:2px;text-align:center;}

#contactinfo p{font-size:.73em;}

#maincontent #contentrightcontact p{padding-top:0px;}

#maincontent #contentleftcontact p{padding-top:0px;}

#maincontent #contentleftcontact p.note{color:#666;margin-left:50px;}

#maincontent p.contacttext{padding:0px;margin:0 0 0 45px;text-align:left;font-weight:bold;}

.contactinfo{font-weight:bold;}


/*=========================Testimonial Setup=========================*/

.number{color:#777;}

#comment{width:400px;margin-top:10px;}

#submit{margin-top:10px;}

#maincontent h3#respond{font-size:1.2em;margin-top:20px;color:#333;font-weight:bold;}

#maincontent h3.comments{font-size:1em;color:#333;font-weight:bold;margin-top:10px;}

#maincontent p.testtext{padding-top:5px;}

#maincontent p.form{margin-top:10px;}

#maincontent p.author{font-weight:bold;font-size:.73em;margin-top:15px;text-transform:uppercase;padding-left:0px;color:#4aabd4;}

.authortext{color:#333;}

#maincontent p.date{font-size:.63em;padding-left:20px;color:#333;padding-top:0px;}

#contentleftblog{width:400px;float:left;margin:20px 0 0 32px;}

#contentrightblog{width:400px;margin:20px 38px 20px 0;padding:0 0 0 22px;float:right;border-left:solid 1px #4aabd4;}

#contentrightblog p{padding-left:20px;color:#555;padding-top:0px;}

#contentleftblog a:link, #contentrightblog a:link{color:#666;text-decoration:none;}

#contentleftblog a:visited, #contentrightblog a:visited{color:#000;text-decoration:none;}

#contentleftblog a:hover, #contentrightblog a:hover{color:#333;text-decoration:none;}

#contentleftblog a:active, #contentrightblog a:active{color:#333;text-decoration:none;}

.req{color:#900;}

/*=========================Online Registration Setup=========================*/

#policy{margin-left:19px;width:878px;background:#eee;border:solid 1px #666;}

#onlineregistration{margin-left:19px;width:878px;border-bottom:solid 3px #4aabd4;}

#policy h3{text-align:center;color:#333;padding-top:5px;font-weight:bold;}

#onlineregistration h3.reg{margin-top:10px;text-align:center;padding:10px 0;border-bottom:solid 1px #4aabd4;border-top:solid 3px #4aabd4;font-size:2em;}

#onlineregistration h3.link{font-size:3.7em;margin-top:-13px;text-align:center;}

#onlineregistration h3.link a{color:#4aabd4;text-decoration:none;}

#onlineregistration h3.link a:hover{color:#666;}

#onlineregistration h3.grey{color:#333;font-size:2em;text-align:center;margin-top:10px;}

#onlineregistration h1{font-size:5em;text-align:center;color:#666}

#policy p{line-height:15px;padding:5px 10px 10px 10px;font-size:.83em;color:#666;text-align:center;}

#policy h4{color:#333;font-size:1em;padding-top:10px;text-align:center;}

#policy a:link{color:#333;text-decoration:none;}

#policy a:visited{text-decoration:none;color:#666;}

#policy a:hover{color:#4aabd4;text-decoration:none;}

#policy a:active{color:#4aabd4;text-decoration:none;}

#contentleftpolicy{width:419px;margin:0px;padding:0 20px 0 0;float:left;border-right:solid 1px #4aabd4;}

#contentrightpolicy{width:419px;margin:0px;padding:0 0 0 10px;float:right;}

.underline{font-weight:bold;color:#333;border-bottom:solid 1px #333;}

/*Columns*/

.booking{padding:50px 20px 20px 20px;text-align:center;}

.bookingtop{padding:20px 0 0 0;text-align:center;}

.bookingtop p{padding:10px;border:solid 1px #990000;margin-top:10px;}

#onlineregistration .bookingtop h3{font-weight:bold;}

/*=========================Iframe Setup=========================*/

iframe{border:none;width:760px;height:1100px;overflow:hidden;margin:0 0 0 55px;}

/*=========================Error 404=========================*/

.error404{margin-left:19px;width:858px;background:#eee;border:solid 1px #666;padding:20px 10px;margin-top:10px;font-weight:bold;text-align:center;}

.error404 a:link, .error404 a:visited{color:#666;text-decoration:none;}

.error404 a:hover, .error404 a:active{color:#000;text-decoration:none;}

/*=========================Admin Setup=========================*/

#maincontentfooter p{text-align:center;font-size:.83em;width:895px;margin-left:32px;}

#maincontentfooter a:link{text-decoration:none;color:#666;}

#maincontentfooter a:visited{text-decoration:none;color:#555;}

#maincontentfooter a:hover{text-decoration:none;color:#333;}

#maincontentfooter a:active{text-decoration:none;color:#333;}

/*=========================FooterHome=========================*/

#footerbghome{width:100%;height:75px;border-top:solid 1px #d6d8d7;position:fixed;bottom:0px;background:#fff;z-index:11;}

#footercontenthome{width:983px;height:30px;margin:-25px auto 0 auto;z-index:4;}

#footerlefthome{float:left;width:300px;height:30px;font-size:.73em;margin-top:50px;margin-left:40px;color:#666;}

#footerlefthome p.right{float:right;width:150px;margin-right:65px;}

#footerlefthome p.left{float:left;width:80px;padding-top:10px;}

#footerrighthome{float:right;margin-top:55px;width:470px;height:30px;font-size:.73em;color:#666666;text-align:right;}

#footercontenthome a:link{color:#333;text-decoration:none;}

#footercontenthome a:visited{color:#666;text-decoration:none;}

#footercontenthome a:hover{color:#000;text-decoration:none;}

#footercontenthome a:active{color:#000;text-decoration:none;}

/*=========================Footer Content Pages=========================*/

#footerbg{width:100%;height:74px;background:url(images/footerbg.png) repeat-x center;position:fixed;bottom:0px;z-index:4;}

#footercontent{width:923px;height:30px;margin:-25px auto 0 auto;z-index:4;}

#footerleft{float:left;width:300px;height:30px;font-size:.73em;margin-top:55px;margin-left:40px;color:#666;}

#footerleft p.right{float:right;width:150px;margin-right:65px;}

#footerleft p.left{float:left;width:80px;padding-top:10px;}

#footerright{float:right;margin-top:54px;margin-right:20px;width:470px;height:30px;font-size:.73em;color:#666666;text-align:left;}

#footercontent a:link{color:#333;text-decoration:none;}

#footercontent a:visited{color:#666;text-decoration:none;}

#footercontent a:hover{color:#000;text-decoration:none;}

#footercontent a:active{color:#000;text-decoration:none;}

/*=========================Supersize Plugin=========================*/

#supersize{position:fixed;}
#supersize img, #supersize a{height:100%;width:100%;position:absolute;z-index: 0;float:right;}

/*#pic1, #pic2, #pic3{position:relative;}
#pic1, #pic2, #pic3 img, #pic1, #pic2, #pic3 a{height:100%;width:100%;position:absolute;z-index: 0;float:right;}*/

/*=========================Reflection Plugin=========================*/
#pic3 canvas{margin-top:0px;z-index:10;background:#fff;}

#pic2 canvas{z-index:9;background:#fff;}

#pic1 canvas{z-index:8;background:#fff;}