/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Tru Salon & Spa
--------------------------------------------- */
body{font-family:Arial,Helvetica,sans-serif;color:#777;font-size:62.5%;line-height:1.5em;background:#fff;}

.container{width:954px;margin:5em auto;position:relative;overflow:visible;}
.layout{width:937px;background-color:#f7f7f7;padding:7px;border:1px solid #F9FBF3;overflow:visible;}
.layout-content{overflow:visible;border:1px solid #eee;background: #fff url('../images/columnLine.png') 244px 0 repeat-y;}

#nav{float:left;position:relative;width:245px;z-index:10;top:0;overflow:visible;zoom:1;}
#main{float:left;width:690px;overflow:hidden;position:relative;zoom:1;}

/* Use .col in div#main so total equals 690px */
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6{float:left;}
.col_1{width:115px;}
.col_2{width:230px;}
.col_3{width:345px;}
.col_4{width:460px;}
.col_5{width:575px;}
.col_6{width:690px;}

.inner{padding:0 35px 35px;}

.padLeft_1{padding-left:115px;}
.padLeft_2{padding-left:230px;}
.padLeft_3{padding-left:345px;}
.padLeft_4{padding-left:460px;}
.padLeft_5{padding-left:575px;}
.padLeft_6{padding-left:690px;}

.padRight_1{padding-right:115px;}
.padRight_2{padding-right:230px;}
.padRight_3{padding-right:345px;}
.padRight_4{padding-right:460px;}
.padRight_5{padding-right:575px;}
.padRight_6{padding-right:690px;}

#mainNav{margin:34px 24px 24px;*margin-top:24px;}
#nav ul li a{display:block;font-size:15px;margin-bottom:10px;text-decoration:none;letter-spacing:-.02em;position:relative;zoom:1;}
#nav ul li.current a{color:#65c22c;}
#nav ul li.current ul.sub a, #nav ul li ul.sub a{font-size:14px;color:#999;margin:-bottom:12px;margin-left:15px;}
#nav ul li.current ul.sub a:hover, #nav ul li ul.sub a:hover{color:#65c22c;}
#nav ul li em a{font-style:normal;margin:0 0 20px;position:relative;zoom:1;}
#nav ul ul li{margin-left:20px;}

.logo{position:relative;height:245px;}
.logo img{position:absolute;top:-10px;left:-37px;z-index:200;}

a{color:#4b5246;}
a:hover{color:#65c22c;}

legend{display:none;}

blockquote{background:url('../images/quote.png') 0 3px no-repeat;padding:24px 0 0 0;margin-bottom:24px;}
blockquote p{font: italic 14px/1.4 Georgia,Times,serif;word-spacing:-.1em;color:#6F716D;}

strong{font-weight:bold;color:#555;}

h1,h2,h3,h4,h5,h6{color:#65c22c;font-weight:bold;line-height:1.2em;font-weight:normal;word-spacing:-.1em;zoom:1;}
h1{font-size:32px;margin-bottom:12px;padding-top:30px;}
h2{font-size:22px;margin:0 0 12px;}
h3{font-size:18px;margin:0 0 8px;padding-top:12px;color:#2e5f10;}
p{font-size:12px;line-height:18px;margin-bottom:12px;zoom:1;}

p.small {font-size:11px;color:#888888;line-height:13px;margin-bottom:12px;margin-top:-6px;}

p.copyright{text-align:left;font-size:11px;color:#ccc;margin:6px 0;position:relative;left:252px;zoom:1;width:400px}
p.copyright a{color:#aaa;}
p.copyright a:hover{color:#888;}

ul.bullet{margin:15px 0;}
ul.bullet li{font-size:12px;line-height:18px;margin:0 0 6px;background:url('bullet.png') no-repeat 0 8px;padding-left:12px;position:relative;zoom:1;}
ul.bullet ul.bullet2 li{font-size:12px;line-height:14px;margin:0 0 6px 12px;background:url('bullet2.png') no-repeat 0 6px;padding-left:8px;position:relative;zoom:1;}

ul.callout{margin:15px 0;border-top:1px dotted #65c22c;padding:7px 0 0;}
ul.callout li{font-size:12px;line-height:16px;color:#555;margin:0 0 3px;background:url('arrow.png') no-repeat 0 6px;padding-left:12px;position:relative;zoom:1;}

ol{margin:24px 0;}
ol li{font-size:12px;line-height:18px;list-style:decimal;position:relative;zoom:1;}

dl{margin:12px 0;}
dt{font-weight:bold;font-size:13px;line-height:14px;color:#1E211C;}
dd{font-weight:normal;font-size:12px;line-height:18px;margin-bottom:12px;}

.secondary{padding:0 30px 20px 0;}
.secondary dt, .secondary dd{font-size:11px;position:relative;zoom:1;}


/* home
--------------------------------------------- */
#home #main{height:500px;background:url('../images/homeSplashBg.jpg') -20px -20px no-repeat;margin-top:20px;}
#slideshow{background: url(/assets/tru-salon/_dataset-256/1/2283/home-ss-00.jpg) no-repeat;width:660px;height:478px;/*margin-top:40px;margin-left:35px;*/}
#facebook{padding-top: 25px; padding-left: 15px;}

.featured {width:400px;float:right;text-align:right;position:relative;top:0;right:0;}
.featured img{float:right;margin-left:15px;position:relative;top:-80px;right:20px;z-index:100}
.featured h2{font-size:14px;margin:10px 0 4px;}
.featured h2 a{color:#000;text-decoration:none;position:relative;}
.featured h2 a:hover{color:#65c22c;}
.featured p{font-size:11px;line-height:16px;}



/* contact
--------------------------------------------- */
table#contact{width:100%;}
table#contact th, table#contact td{padding:3px 0;vertical-align:top;}
table#contact th{width:110px;padding-right:15px;text-align:right;}
table#contact label{display:block;margin-top:14px;font-size:12px;font-weight:bold;color:#444;}
table#contact span.wrap{display:block;background:#f3f3f3;padding:4px;position:relative;width:366px;color:#51594C;}
table#contact input.text{font-size:16px;padding:7px;border:1px solid #DAE3D4;font-family:arial,helvetica,sans-serif;width:350px;color:#51594C;}
table#contact textarea{height:90px;width:350px;padding:7px;font-family:arial,helvetica,sans-serif;font-size:16px;color:#51594C;border:1px solid #DAE3D4;}
table#contact button.button{text-transform:uppercase;background:#65C22C;border-style:solid;border-width:0 0 1px;border-color:#4B9121;color:#fff;font-family:arial,helvetica,sans-serif;font-weight:normal;font-size:13px;letter-spacing:.03em;line-height:13px;padding:9px 24px 6px;text-align:center;cursor:pointer;outline:none;}
table#contact button:hover{background:#4B9121;}
table#contact button:active{background:#3F791B;}


/* portfolio
--------------------------------------------- */
table#portfolio{width:100%;border-top:1px solid #ececec;}
table#portfolio th{width:170px;}
table#portfolio td{}
table#portfolio tr th, table#portfolio tr td{border-bottom:1px solid #ececec;padding:10px 0;vertical-align:middle;}
table#portfolio h2{margin-bottom:3px;}
table#portfolio p{font-size:12px;margin-bottom:0;}

/* services
--------------------------------------------- */
/*for jquery slicker Services description drop down */
.description {padding:5px;line-height:16px;background-color:#ffffff;}
.description ul {margin:0;}
.description ul li {font-size:12px;line-height:14px;margin:0 0 3px 3px;background:url('bullet2.png') no-repeat 0 5px;padding-left:9px;position:relative;zoom:1;}

/* products
--------------------------------------------- */
table#products{width:100%;border-top:1px solid #ececec;}
table#products th{width:80px;}
table#products tr th, table#products tr td{border-bottom:1px solid #ececec;padding:10px 0;vertical-align:middle;}
table#products h3{margin-bottom:3px;}
table#products p{font-size:12px;margin-bottom:0;}

ul.products{margin-right:-10px;}
ul.products li{display:block;float:left;margin-right:10px;width:117px;line-height:11px;position:relative;zoom:1;}
ul.products li a {color:#65c22c;}
ul.products li img{display:block;width:100px;height:100px;background:#6D6E6B;margin-bottom:10px;border:5px solid #e3e3e3;}
ul.products li span{display:block;margin-bottom:15px;font-size:12px;}


/* about us 
--------------------------------------------- */
ul.stylists{margin-right:-10px;}
ul.stylists li{display:block;float:left;margin-right:10px;width:185px;line-height:11px;position:relative;zoom:1;}
ul.stylists li a {color:#65c22c;}
ul.stylists li img{display:block;width:175px;height:100px;background:#6D6E6B;margin-bottom:10px;border:5px solid #e3e3e3;}
ul.stylists li span{display:block;margin-bottom:15px;font-size:12px;}


/* photo shoots
--------------------------------------------- */
#flickrPics {height:690px;width:690px;}
#flickrPics div {height:690px; margin: 0 auto; width:690px;}
#flickrPics div img {display: block; margin: auto; }
.photoshoot-pager{font-size: 14px;}
.photoshoot-list h3 {border: 7px solid #f7f7f7; float: left; margin: 10px 20px 20px 0; padding: 0; text-align: center; width: 186px;}
.photoshoot-list h3:hover {border: 7px solid #f2f2f2; }
.photoshoot-list h3 a { border: 1px solid #eee; display: block; padding: 20px; text-decoration: none !important; width: 144px; }
.photoshoot-list h3:hover a {border: 1px solid #ddd; }

/* wedding services
--------------------------------------------- */
.wedding-sidebar {
  border-left: 1px dotted #65C22C;
  float: right;
  margin-top: 86px;
  padding: 0 30px 0 20px;
  width: 149px;
}

.wedding-sidebar .callout {
  border: none;
  margin: 0;
}

#weddingflickrPics {height:470px;overflow:hidden;width:470px;}
#weddingflickrPics div {height:470px; margin: 0 auto; width:470px;}
#weddingflickrPics div img {display: block; margin: auto;; max-width: 470px; }

/* misc.
--------------------------------------------- */
hr,.hide{display:none;}
a img{border:none;}
.asterisk {color:#4ea01c; font-weight:bold;}

/* Action & Salon Photos
--------------------------------------------- */
div#actionPhoto img,
div#actionPhoto div {display:none;}

div#actionPhoto img.current,
div#actionPhoto div.current {display:block;}

div#salonPhoto img,
div#salonPhoto div {display:none;}

div#salonPhoto img.current,
div#salonPhoto div.current {display:block;}



/* self-clear floats */
.group {display: inline-block}
* html .group{height: 1%}
.group {display: block}
.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}