/* HTML5 Boilerplate *
 * Credit | Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team.
 * h5bp.com/css
 */

/* HTML5 display definitions */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
[hidden] { display: none; }

/* Base */
html { background:url(../images/bg-tile.jpg) fixed 0 0; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { background:url(../images/looks-intermediate-bg.png) no-repeat fixed center 0;margin: 0; font-size: 12px; line-height: 1.231; }
body, button, input, select, textarea { font-family:"Lucida Sans Unicode","Lucida Sans", "Lucida Grande", Verdana, sans-serif;color:#9d9d9d; }

@font-face {
    font-family: 'SonusLight';
    src: url('SonusLig-webfont.eot');
    src: url('SonusLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('SonusLig-webfont.woff') format('woff'),
         url('SonusLig-webfont.ttf') format('truetype'),
         url('SonusLig-webfont.svg#SonusLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Links */
a {color: #701400;}
a:hover { color: #9f6154; }
a:focus, a:hover, a:active { outline: 0; }
#interior-content a{border-bottom: 1px solid #701400;padding-bottom: 1px;text-decoration: none;}
#interior-content a{border-bottom: 1px solid #9f6154;}
h1, h2, h3, h4, h5, h6{font-family:'SonusLight';font-weight:lighter;}
h1{color:#701400;font-size:21px;}
h2{color:#333;font-size:18px}
h3{font-size:16px}
h4, h5, h6{font-size:14px}

/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }

/* Lists */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol, footer ul{ list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* Forms */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7*/
button, input { line-height: normal; *overflow: visible; }

/* Display hand cursor for clickable form elements; Allow styling of clickable form elements in iOS */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9; Allow only vertical resizing */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {}
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
table button, table input { *overflow: auto; }

/* ==|== Custom styles for LOOKSLLC.com ==========================*/
#container{width:1003px; margin:0 auto;}   
header{position:relative;height:153px;}

nav{position:absolute; top:80px; right:28px;}
nav ul{padding:0 0 22px;border-bottom:1px solid #eeeded;}
nav li{float:left; margin:0 30px 0 0;}
nav li:last-child{margin:0 18px 0 0;}
nav a{display:block;padding:0 0 10px;font-size:10px; color:#9d9d9d;text-decoration:none; text-transform:uppercase;}

nav a:hover, nav a.active,
#Home nav li.home a, #Products nav li.products a, #Employment nav li.employment a,
#Appointments nav li.appointments a, #Location nav li.location a, #Contact nav li.contact a,
#Services nav li.services a, #Staff nav li.staff a{
	background:url(../images/bg-nav.png) no-repeat center bottom;
	color:#701400;
}

#logo{position:absolute; top:18px; left:39px;}

#main{clear:both;}

#btn-specials, #btn-gift-certs{background:url(../images/btn-specials.png) no-repeat 0 top;display:block;width:146px; height:32px;position:absolute; top:35px; right:10px; padding:0;text-indent:-9999px;cursor:pointer;}
#btn-gift-certs{background:url(../images/btn-gifts.png) no-repeat 0 top;right:175px;}
a#btn-specials:hover, #btn-gift-certs:hover{background-position:0 bottom;}


/* ==|== Homepage-specific */
#home-slider{background:url(../images/bg-slider.png) no-repeat 0 0;position:relative; width:943px; height:441px;padding:40px 0 0 60px;}

#slider-nav-bar{width:728px;}
#slider-nav-bar,#slider-nav a{background:#fff;}
#slider-nav, #slider-nav-bar{position:absolute;bottom:68px;margin: 0 18px;}
#slider-nav, #slider-nav a, #slider-nav-bar{height: 10px; opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";z-index: 10;}
#slider-nav{right:50px;}
#slider-nav a{display:block;float:left;margin:0 2px;width:10px;text-indent:-9999px;}
#slider-nav a:hover, #slider-nav a.activeSlide{opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}

#home-callouts{list-style-type:none; height:142px;margin:0 0 0 30px;padding:0;}
#home-callouts li{float:left;margin:0 8px 0 0;}
#home-callouts a{background:url(../images/looks-home-sprite.png) no-repeat 0 0; width:313px; height:142px;display:block; text-indent:-9999px;}
#home-callouts a:hover{background-position:0 bottom;}

#home-callouts li.staff a{background-position:-321px 0;}
	#home-callouts li.staff a:hover{background-position:-321px bottom;}
#home-callouts li.boutique a{background-position:-642px 0 ;}
	#home-callouts li.boutique a:hover{background-position:-642px bottom ;}


/* ==|== End Homepage-specific */


/* Interior Pages */
div#interior-wrapper-outer{background:url(../images/bg-interior-top.png) no-repeat 0 0;padding:14px 0 0;}
div#interior-wrapper-inner{background:url(../images/bg-interior-bot.png) no-repeat 0 bottom;padding:0 0 25px;}
div#interior-content{background:url(../images/bg-interior-top.jpg) no-repeat scroll 3px 1px #fff;margin:0 29px;padding:24px 27px 25px; min-height:300px;}
div#interior-content p{line-height:20px;}

/* Products / Services */
table.services strong{display:block;font-size:13px;}
table.services th{background:#701400; color:#fff;}
th{text-align:left;font-size:15px;}
th span{font-weight:normal;font-size:12px; display:block;}
th, td{padding:10px 20px;}
tr, td{border:1px solid #ececec;}
.products a{display:block;float:left;margin:0 10px 5px 0;}
#Products td:nth-child(odd) {width:230px;font-weight:bold; font-size:11px;}
tr:nth-child(odd){background:#F5F5F5;}

.prod-services-list{list-style-type:none; clear:both;padding:15px 0;margin:10px 0;}
.prod-services-list li{float:left;margin:0 10px;}
.prod-services-list h3{margin:0;width:274px;clear:both;font-size:14px;}

.products table{margin:35px 0;width:100%;}

.product-no-link{padding:0 8px;}

#google-map{float:left;height:400px; width:600px;margin:0 20px 10px !important;}
td.ad-gift-certificates{padding:0;border:0;}
tr.ad-gift-certificates{background:none;border:0;}
table.ad-gift-certificates td{padding:0; border:0;}

/* Custom Form Styles */
.input, .select{margin:0 10px 10px 0;}
.input label, .select label{ display: block;float: left;padding: 5px 13px;text-align: left;width: 125px;}
.input input{height:20px;width:200px;color:#ccc;}
#GiftsCertificates .input input{width:190px;}
.input textarea{width:200px;}

fieldset .short{float:left;}
.short input, .short select{width:130px;float:left;}
.short label{width:70px;}

.appointment-customer{float: left; margin-right: 35px;}

.appointment-date .textarea label{width:100%;}
.appointment-date .textarea textarea{margin-left:13px;width:448px;}
.appointment-date .textarea label, .appointment-date .textarea{float:none; clear:both;}

.appointment-services{clear:both;}

#interior-content input[type="text"], #interior-content input[type="password"], #interior-content textarea, select {
	background:#ececec;color:#333;padding:5px;border:0; 
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
	}

#interior-content input[type="text"]:hover, #interior-content input[type="text"]:focus,
#interior-content input[type="password"]:hover, #interior-content input[type="password"]:focus,
#interior-content textarea:focus, select:focus, select:hover, textarea:focus, textarea:hover {
	background:#D1AC85;color:#333;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);
	}
	

.select label{}
.select select{background:#ececec;width:200px;margin:0 5px 0 0;}

#interior-content input[type="submit"], #interior-content input[type="reset"]  { 
	clear:both;
	color:#333;padding:10px;border:1px solid #999;
	background: #ececec;
	background: -moz-linear-gradient(center top, #ECECEC 0%, #999 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ECECEC 0%,#999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ECECEC 0%,#999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ECECEC 0%,#999 100%); /* IE10+ */
	background: linear-gradient(top, #ECECEC 0%,#999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECECEC', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}

.submit{margin:30px 0 0;padding: 0 13px;text-align: right;}
#Appointments .submit{text-align:center;}
#Contact input[type="submit"] { width:155px;}

/* Services */
.pricing{margin:22px 0 0;}
.pricing th{background:#696969; color:#fff; font-weight:normal;}
.svc-wrapper{position:relative;}
.svc-title{font-weight:normal;color:#701400;cursor:pointer; cursor:hand;}

.description {
    background: url("../images/carat.png") no-repeat scroll 0 1px transparent;
    display: none;
    left: -41px;
    padding-top: 13px;
    position: absolute;
    top: 27px;
    width: 300px;
    z-index: 10;
}
.description div{background:#333; color:#eee; padding:15px;}

/* Form Validation */
p.error{display:none;}
form em{font-size:9px;}
label.error{ float:none;font-size: 10px;font-style: italic;margin: 0 0 0;padding: 0 0 0 12px;color:#701400;}

.thankyou{font-size:15px;}

/* Specials */
#specials-list{margin:0 0 0 12px; width:875px;padding:0;overflow:hidden;}
#specials-list li{background:url(../images/bg-specials.jpg) no-repeat 0 bottom;list-style-type:none; float:left;width:273px;min-height:260px;border:1px solid #d9d9d9;margin:0 15px 10px 0;}
#specials-list li img{width:235px;display:block;margin:4px auto 15px;border:1px solid #701400;}
#specials-list h2{
	background:url(../images/bg-header.jpg) no-repeat 0 0;width:264px; height:34px; padding:15px 0;margin:5px auto;
    font-family:"Times New Roman", Times, serif; font-size:26px; color:#fff; text-align:center;}
#specials-list h3{margin:22px 5px 0 25px; color:#701400;font-size:18px;}
#specials-list div{}
#interior-content #specials-list p{margin:5px 15px 5px 25px;line-height:17px;}
.special-price{display:block;margin:30px 0;font-size:30px;color:#303030;text-align:center;}

/* Staff */
#staff-wrapper{overflow:hidden;}
.staff-inner-wrapper{clear:both; overflow:hidden;margin:0 0 45px;}
#staff-wrapper ul{width:355px;float:right;margin:0; padding:0;}
#staff-wrapper li{list-style-type:none; display:inline;margin:0 10px 0 0;}
#staff-wrapper li span, #staff-wrapper li strong, #staff-wrapper li p{display:none;}
#staff-wrapper li img{margin:0 0 20px;}
#staff-wrapper li a{border:none;}
#staff-wrapper li a:hover img, #staff-wrapper li a.active img{opacity:.4;filter: alpha(opacity = 40);zoom:1;}
#staff-wrapper img{}

.ee-description{float:left;width:490px;margin:0 30px 0 0;padding:0 10px 0 0; border-right:1px solid #eee;}
.ee-specialities{float: right;width: 325px;}
strong.ee-name{display:block;}
.ee-description img{margin:0 15px 5px 0;float:left;}


/* CMS */
.cms #interior-content input[type="text"]{width:377px;}
.cms #interior-content .login input{width:200px;}
.cms p.error{display:block; color:#FF5E5E;}
.cms table {margin:20px 0;}
.cms table td, .cms th{color:#666666;}
.cms th{font-size:12px;}
.add-item{margin:10px 0 20px;}

.cms table.add{margin:20px 0 0;}
.cms table.add td{border:none;}
.cms #interior-content table.add input[type="text"]{width:165px;}
.cms .toggle{}
.cms .hint{display:block; color:#FF5E5E; font-size:10px;}

/* Dashboard */
.cms-dashboard a{display:block;text-align:right;margin:20px 0 0;text-decoration:underline;border-bottom:none !important;}

/* Footer */
footer{padding:0 30px; clear:both;}
footer ul, footer p {font-size:10px; text-transform:uppercase;}
footer ul{margin:25px 0 0;padding:15px 0;border:1px solid #fff; border-width:5px 0 1px;overflow:hidden;}
footer ul li{float:left;padding:0 10px 0 25px;line-height:16px;}

footer ul li.facebook{width:391px;padding-top:15px;}
.fb-icon{margin:0;}
.fb-icon img{padding:0 10px 0 0;margin:-2px 0 0;}
.fb-icon a {border:0;text-decoration:none;}

footer ul li.address {border:1px solid #fff;border-width:0 1px;padding:0 55px 0 25px;}
footer ul li.address strong{color: #333;font-weight: normal;}
footer p{color:#aeaeae;padding-left:15px;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {clear:both; zoom: 1; }

/* ==|== print styles */ 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* Foundation Styles */
meta.foundation-data-attribute-namespace {font-family: false; }.reveal-modal-bg{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,0.45);z-index:1004;display:none;left:0}.reveal-modal,dialog{visibility:hidden;display:none;position:absolute;z-index:1005;width:100vw;top:0;border-radius:3px;left:0;background-color:#fff;padding:1.25rem;border:solid 1px #666;box-shadow:0 0 10px rgba(0,0,0,0.4);padding:1.875rem}@media only screen and (max-width: 40em){.reveal-modal,dialog{min-height:100vh}}.reveal-modal .column,dialog .column,.reveal-modal .columns,dialog .columns{min-width:0}.reveal-modal>:first-child,dialog>:first-child{margin-top:0}.reveal-modal>:last-child,dialog>:last-child{margin-bottom:0}@media only screen and (min-width: 40.063em){.reveal-modal,dialog{width:80%;max-width:62.5em;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal,dialog{top:6.25rem}}.reveal-modal.radius,dialog.radius{border-radius:3px}.reveal-modal.round,dialog.round{border-radius:1000px}.reveal-modal.collapse,dialog.collapse{padding:0}@media only screen and (min-width: 40.063em){.reveal-modal.tiny,dialog.tiny{width:30%;max-width:62.5em;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal.small,dialog.small{width:40%;max-width:62.5em;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal.medium,dialog.medium{width:60%;max-width:62.5em;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal.large,dialog.large{width:70%;max-width:62.5em;left:0;right:0;margin:0 auto}}@media only screen and (min-width: 40.063em){.reveal-modal.xlarge,dialog.xlarge{width:95%;max-width:62.5em;left:0;right:0;margin:0 auto}}.reveal-modal.full,dialog.full{top:0;left:0;height:100%;height:100vh;min-height:100vh;margin-left:0 !important}@media only screen and (min-width: 40.063em){.reveal-modal.full,dialog.full{width:100vw;max-width:62.5em;left:0;right:0;margin:0 auto}}.reveal-modal .close-reveal-modal,dialog .close-reveal-modal{font-size:2.5rem;line-height:1;position:absolute;top:0.5rem;right:0.6875rem;color:#aaa;font-weight:bold;cursor:pointer}dialog{display:none}dialog::backdrop,dialog+.backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;background:rgba(0,0,0,0.45);display:none;left:0}dialog[open]{display:block}@media print{dialog,.reveal-modal,dialog{display:none;background:#fff !important}}