/* Reset All Styles
-------------------------------------------------------------------- */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }

/* Structure
-------------------------------------------------------------------- */

body{
  font-size: 70%;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  background: #fff url(images/header.gif) repeat-x left top;
}
#container,
#footerContainer{
  width: 750px;
  margin: 0 auto;
}
a:link,
a:visited{
  color: #993366;
}
a:hover,
a:active{
  color: #330000;
}
strong{
  font-weight: bold;
}
em{
  font-style: italic;
}
hr{
  margin: 25px;
  border: none;
  border-top: 1px solid #8BDFCB;
}

/* Header
-------------------------------------------------------------------- */

#header{
  position: relative;
}
h1 a{
  display: block;
  width: 147px;
  height: 95px;
  margin: 10px 0 13px;
  background: url(images/logo.gif) no-repeat;
  text-indent: -9999px;
}

/* Main Navigation
-------------------------------------------------------------------- */

#mainNav{
  position: absolute;
  bottom: 0;
  right: 0;
}
#mainNav li{
  float: left;
}
#mainNav a:link,
#mainNav a:visited{
  display: block;
  padding: 12px 14px;
  background: #DFBB9E url(images/topNav.gif) repeat-x left top;
  border-right: 1px solid #fff;
  font-size: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}
#mainNav a:hover,
#mainNav a:active{
  background: #DFBB9E url(images/topNav_hover.gif) repeat-x left top;
}
#mainNav li.current_page_item a:link,
#mainNav li.current_page_item a:visited,
#mainNav li.current_page_item a:hover,
#mainNav li.current_page_item a:active,
#mainNav li.current_page_parent a:link,
#mainNav li.current_page_parent a:visited,
#mainNav li.current_page_parent a:hover,
#mainNav li.current_page_parent a:active{
  background: #F7F7F7 url(images/topNav_current.gif) repeat-x left top;
  color: #666;
}
#mainNav li.page-item-8.current_page_item a:link,
#mainNav li.page-item-8.current_page_item a:visited,
#mainNav li.page-item-8.current_page_item a:hover,
#mainNav li.page-item-8.current_page_item a:active{
  background: #fff;
}
#mainNav li.page-item-13 a:link,
#mainNav li.page-item-13 a:visited{
  border-right: none;
}

/* Sub Navigation
-------------------------------------------------------------------- */

#subNav{
  background: #F0F0F0;
  width: 100%;
  margin-bottom: 30px;
}
#subNav li{
  float: left;
}
#subNav li a:link,
#subNav li a:visited{
  float:left;
  display: inline-block;
  padding: 5px 13px;
  background: #EAEAEA;
  font-size: 1.1em;
  text-decoration: none;
  color: #3E6F67;
}
#subNav li a:hover,
#subNav li a:active{
  background: #6BBBA7;
  color: #fff;
}
#subNav li.current_page_item a:link,
#subNav li.current_page_item a:visited,
#subNav li.current_page_item a:hover,
#subNav li.current_page_item a:active{
  background: #fff;
  font-weight: bold;
  color: #333;
}

/* Pages
-------------------------------------------------------------------- */

#pageHeader{
  background: #F7F7F7;
  margin-bottom: 15px;
  padding: 20px 10px;
}
#pageHeader h2{
  font-family: "trebuchet ms",verdana,arial,sans-serif;
  font-size: 2.2em;
  color: #663333;
}
#content #pageHeader p{
  margin: 10px 0 15px;
  font-family: "trebuchet ms",verdana,arial,sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
  color: #878787;
}
#content p{
  margin-bottom: 10px;
  font-size: 1.1em;
  line-height: 1.5em;
  color: #474747;
}
h3,
.serviceHeader li{
  margin: 25px 0 5px;
  font-family: "trebuchet ms",verdana,arial,sans-serif;
  font-size: 1.65em;
  color: #663333;
}

/* Home
-------------------------------------------------------------------- */

#content.home{
  width: 540px;
  position: relative;
  padding: 30px 0 50px 205px;
  background: url(images/homePic.png) no-repeat -15px 35px;
}
#content .homeIntro p{
  padding-bottom: 20px;
  font-family: "trebuchet ms",verdana,arial,sans-serif;
  font-size: 1.3em;
  font-style: italic;
  line-height: 1.7em;
  color: #868686;
}
.giftCardOrder{
  margin: 0 auto;
  width: 540px;
}
.giftCardOrder a:link,
.giftCardOrder a:visited{
  display: block;
  background: url(images/giftCardAD.gif) no-repeat;
  width: 540px;
  height: 59px;
  text-indent: -9999px;
}
.homeIntro p:first-line{
  font-size: 1.5em;
}
.spaNews h3{
  margin: 30px 0 20px;
}
.spaNews p{
  font-size: 1.1em;
  line-height: 1.4em;
  color: #535353;
}
.spaNews img{
  float: right;
  margin: 0 0 20px 20px;
}

/* About
-------------------------------------------------------------------- */

.aboutContent{
  position: relative;
  margin-bottom: 100px;
  padding: 0 320px 35px 10px;
  background: url(images/joannSig.gif) no-repeat 270px bottom;
}
.joann{
  position: absolute;
  top: -60px;
  right: 20px;
  width: 267px;
  height: 312px;
  background: url(images/joann.png) no-repeat;
}
.storeInfo{
  margin-top: 50px;
}

/* Services
-------------------------------------------------------------------- */

#content.services #pageHeader{
  padding-right: 200px;
  background: #F8F8F8 url(images/servicesHeader.png) no-repeat right top;
}
.serviceHeader li{
  margin-top: 0;
  margin-bottom: 1px;
}
.serviceHeader li a:link,
.serviceHeader li a:visited{
  color: #a90056;
}
.serviceHeader li a:hover,
.serviceHeader li a:active{
  color: #660035;
}
.servicesContent{
  position: relative;
  margin-left: 10px;
  margin-bottom: 50px;
}
.servicesListing{
  list-style: disc;
  margin-left: 15px;
  margin-bottom: 25px;
  font-size: 1em;
}
.servicesListing li{
  margin-bottom: 3px;
  color: #535353;
}
a.servicesMoreInfo:link,
a.servicesMoreInfo:visited{
  margin-bottom: 10px;
  display: block;
  color: #599E8E;
  text-decoration: none;
}
a.servicesMoreInfo:hover,
a.servicesMoreInfo:active{
  color: #518F80;
}
.column1,
.column2{
  float: left;
  width: 250px;
}
.column3{
  float: right;
}
.specials{
  width: 200px;
  padding: 15px;
  background: #FEEEF7;
  border: 1px solid #ECECEC;
}
.specials h3{
  margin: 0 0 15px;
  font-size: 1.4em;
}
.specials h5{
  margin: 15px 0 3px;
  font-weight: bold;
  color: #333;
}
#content .specials p{
  font-size: 1em;
  line-height: 1.3em;
}
.serviceEntry{
  margin-bottom: 30px;
}
.service #pageHeader{
  margin-bottom: 0;
}
.serviceContent{
  position: relative;
  padding: 0 250px 50px 10px;
}
.ssProducts .serviceContent{
  padding: 0 0 50px 0;
}
.serviceIntro{
  margin-bottom: 40px;
}
.serviceColumn1,
.serviceColumn2{
  float: left;
  width: 350px;
}
.serviceColumn1{
  margin-right: 50px;
}
.ssProducts h3{
  border-bottom: 1px solid #E6E6E6;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 5px;
  background: #F2F2F2;
}
.giftcard h3{
  border-bottom: none;
  margin-bottom: 10px;
  padding: 0;
  background: none;
  font-size: 1.3em;
  
}
.serviceEntry h3{
  margin: 0 15px 0 0;
  padding: 0;
  font-size: 1.3em;
  border-bottom: none;
  background: none;
}
.serviceEntry ul{
  list-style: disc;
}
.packageTerms ol{
  list-style-type: decimal;
}
.serviceEntry li{
  margin-left: 20px;
  color:#474747;
  font-size:1.1em;
}
.packageTerms li{
  margin-left: 20px;
  color:#474747;
}
.serviceMeta{
  display: block;
  margin: 2px 0 5px;
  font-size: 1.2em;
  color: #24928A;
}
.size{
  color: #666;
}
.serviceInfo{
  clear: left;
}

/* Body Care
-------------------------------------------------------------------- */

.bodycare .serviceContent{
  background: url(images/bodyCareAccent.png) no-repeat right top;
}
.bodycare .servicePhotos{
  position: absolute;
  top: 250px;
  right: 10px;
  background: url(images/bodyCarePhotos.jpg) no-repeat;
  width: 218px;
  height: 167px;
}

/* Body Care
-------------------------------------------------------------------- */

.skincare .serviceContent{
  background: url(images/skinCareAccent.png) no-repeat right top;
}
.skincare .servicePhotos{
  position: absolute;
  top: 300px;
  right: 5px;
  background: url(images/skinCarePhotos.jpg) no-repeat;
  width: 212px;
  height: 299px;
}

/* Massage
-------------------------------------------------------------------- */

.massage .serviceContent{
  background: url(images/massageAccent.png) no-repeat right 10px;
}

/* Hand & Foot
-------------------------------------------------------------------- */

.handfoot .serviceContent{
  background: url(images/handfootAccent.png) no-repeat right top;
}
.handfoot #subNav{
  margin-bottom: 0;
}
.handfoot .serviceIntro{
  padding-top: 30px;
}
.handfoot .servicePhotos{
  position: absolute;
  top: 340px;
  right: 0;
  background: url(images/handFootPhotos.jpg) no-repeat;
  width: 200px;
  height: 271px;
}

/* Waxing & Makeup
-------------------------------------------------------------------- */

.waxing .serviceContent{
  background: url(images/makeupAccent.png) no-repeat right 10px;
}


/* Gift Packages
-------------------------------------------------------------------- */

.giftPackagesContent{
  position: relative;
  margin-bottom: 50px;
  padding-left: 10px;
}
.packageTerms{
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  background-color: #efefef;
  border: 1px solid #ccc;
  width: 300px;
}

/* Products
-------------------------------------------------------------------- */

.products .page_item{
  margin-top: 25px;
}
.productsContent{
  margin-bottom: 50px;
  padding-right: 280px;
  padding-left: 10px;
  background: url(images/productsAccent.jpg) no-repeat right top;
}
.qty{
  width: 20px;
  vertical-align: 5px;
  margin-right: 10px;
}
.ssProducts label{
  font-size: 1.3em;
  color: #666;
  vertical-align: 5px;
}
.viewCart{
  float: right;
  margin: 5px 10px 0 0;
}
.shippingInfo{
  clear: left;
  width: 300px;
  border: 1px solid #efefef;
  background: #F9F9F9;
  padding: 10px;
}
.shippingInfo .wptable{
  width: 300px;
  margin-bottom: 0;
}
.shippingInfo h3{
  background: 0;
  font-size: 1.3em;
  margin-top: 0;
  padding: 0;
  border: 0;
}

/* Gift Cards
-------------------------------------------------------------------- */

.giftcardContent{
  margin-bottom: 100px;
  padding-right: 280px;
  padding-left: 10px;
  background: url(images/giftCard.jpg) no-repeat right top;
}
.giftcard h3{
  margin: 20px 0 10px;
}
.giftCardList{
  clear: left;
  width: 400px;
}
.giftCardList li{
  float: left;
  width: 100px;
  margin-bottom: 15px;
}
.giftCardList li input{
  padding: 4px;
  width: auto;
  font-size: 1.1em;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-weight: bold;
  background: #ECFFF5 url(images/inputButton.gif) repeat-x left top;
  border: 3px double #CCE2D5;
  color: #59AF99;
  width: 80px;
  outline: none;
}
.giftCardList li input:active{
  border: 3px double #B0C1B9;
  background: #ECFFF5
}


/* Customer Testimonials
-------------------------------------------------------------------- */

.custQuote{
  margin-top: 220px;
  margin-bottom: 50px;
  padding: 40px 0 0 10px;
  font-size: 1.1em;
}
#content .custQuote p{
  color: #999;
  font-family: georgia;
  font-style: italic;
  line-height: 19px;
}
.custQuote h5{
  margin: 0 0 25px;
  font-family: "trebuchet ms",verdana,arial,sans-serif;
  font-size: 1.1em;
  color: #663333;
}
.custQuote cite{
  display: block;
  font-family: trebuchet ms;
  font-size: 1.1em;
  margin-top: 15px;
  margin-right: 10px;
  float: right;
  clear: left;
  color: #666;
}
.skincare .custQuote,
.handfoot .custQuote{
  margin-top: 310px;
}
.testimonial{
  position: absolute;
  right: 0;
  width: 200px;
}
.waxing .testimonial{
  position: absolute;
  top: 20px;
  right: 0;
  width: 200px;
}
.servicesContent .testimonial,
.salonContent .testimonial{
  position: static;
  margin-left: 20px;
}
.servicesContent .testimonial .custQuote{
 margin-top: 0; 
}

/* Spa Orientation
-------------------------------------------------------------------- */

.orientation #pageHeader{
  margin-bottom: 0;
}
.orientationContent{
  background: url(images/spaEntrance.jpg) no-repeat;
  padding-top: 250px;
  margin-bottom: 50px;
  position: relative;
}
.orientationContent ul{
  list-style: disc;
  padding-left: 20px;
  font-size: 1.1em;
  color: #535353;
}
.orientationContent li{
  margin-bottom: 8px;
}
.takeTour{
  position: absolute;
  top: 185px;
  right: 30px;
}
.takeTour a:link,
.takeTour a:visited,
.takeTour a:hover,
.takeTour a:active{
  display: block;
  width: 162px;
  height: 31px;
  background: url(images/takeTour.png) no-repeat;
  text-indent: -9999px;
}


/* Salon
-------------------------------------------------------------------- */

#content.salon #pageHeader{
  padding-right: 200px;
  background: #F8F8F8 url(images/logoSalon.gif) no-repeat 570px 15px;
}
.salonContent{
  position: relative;
  margin-left: 10px;
  margin-bottom: 50px;
}
.wptable{
  margin: 5px 0 25px;
  border-top: 1px solid #E4E4E4;
}
.wptable td{
  padding: 5px 5px 5px 0;
  border-bottom: 1px solid #E4E4E4;
}
.wptable th{
  padding: 5px 5px 5px 0;
  font-size: 1.1em;
  border-bottom: 1px solid #ccc;
}
.salonService{
  margin: 0 15px 0 0;
  font-size: 1.1em;
  color: #663333;
}
.salonServices{
  float: left;
}
.salonPrice{
  font-size: 1.1em;
  color: #24928A;
}
.salon h3{
  margin: 0;
}
.salon h4{
  margin: 0 15px 0 0;
  font-size: 1.1em;
  float: left;
  color: #663333;
}
.salonMeta{
  font-size: 1.1em;
  color: #24928A;
}
.salonEntry{
  margin-bottom: 5px;
}
.salon .servicePhotos{
  position: static;
  background: url(images/salonPhotos.png) no-repeat;
  width: 218px;
  height: 267px;
  margin-top: 40px;
}
.salonContent .custQuote{
  padding-top: 42px;
  margin-top: 0;
}


/* Contact
-------------------------------------------------------------------- */

.contactContent{
  margin-left: 10px;
  margin-bottom: 50px;
}
.contactForm{
  float: left;
}
.ddfmwrap label{
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  color: #663333;
}
.ddfmwrap input,
.ddfmwrap textarea{
  padding: 2px;
  width: 250px;
  font-size: 1.1em;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
}
.ddfmwrap textarea{
  width: 350px;
  height: 200px;
}
.ddfmwrap .submit input{
  padding: 4px;
  width: auto;
  font-size: 1.1em;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  background: #6BBBA7;
  border: 4px double #8CE0CC;
  color: #fff;
}
.ddfmwrap .required{
  font-size: 1.5em;
  color: #4F8C7E;
  vertical-align: -6px;
  line-height: 0;
}
.ddfmwrap .credits{
  visibility: hidden;
}
.contactInfo{
  float: right;
  width: 200px;
  padding: 15px;
  border-left: 1px solid #ccc;
}
.contactInfo h5{
  margin: 15px 0 3px;
  font-weight: bold;
  color: #333;
  font-size: 1.2em;
}
#content .contactInfo p{
  font-size: 1.1em;
  line-height: 1.3em;
}
.contactInfo em{
  font-style: italic;
  font-size: .9em;
  color: #808080;
}
.giftCardOrderContact{
  margin: 0 auto 20px;
  width: 725px;
}
.giftCardOrderContact a:link,
.giftCardOrderContact a:visited{
  display: block;
  background: url(images/giftCardContact.gif) no-repeat;
  width: 725px;
  height: 59px;
  text-indent: -9999px;
}


/* Virtual Tour
-------------------------------------------------------------------- */

.tourEntry{
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0 auto 50px;
  width: 600px;
}
.virtualTourContent h4{
  font-size: 1.5em;
  font-weight: bold;
}
.virtualTourContent img{
  margin-bottom: 20px;
}

/* Footer
-------------------------------------------------------------------- */

#footer{
  background: #68BAA8;
  border-top: 15px solid #89DFCD;
  color: #fff;
  padding: 20px 0 0;
  overflow: hidden;
}
#footerContainer{
  padding-bottom: 20px;
  background: url(images/footerButterfly.gif) no-repeat right bottom;
}
#block1,#block2,#block3{
  float: left;
  min-height: 160px;
}
#block1,#block2{
  width: 185px;
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #89DFDA;
}
#block3{
  width: 250px;
}
#footer{
  font-size: 1.1em;
}
#footer p,
#footer li{
  margin-bottom: 12px;
}
#footer h4,
#footer li a:link,
#footer li a:visited{
  display: block;
  margin-bottom: 8px;
  font-family: "trebuchet ms",verdana,arial,sans-serif;
  font-size: 1.3em;
}
#footer li a:link,
#footer li a:visited{
  display: block;
  color: #fff;
}
.copyright{
  clear: left;
  padding: 30px 0 0;
  color: #138C87;
}
.social{
}
.social a:link,
.social a:visited{
  display: block;
  background-color: #72C8B7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  padding: 5px 5px 5px 28px;
  margin-bottom: 8px;
  text-decoration: none;
}
.social a:hover,
.social a:active{
  background-color: #890032;
}
.facebook a{
  background-image: url(/wp-content/themes/simplySkin/images/facebook_16.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.twitter a{
  background-image: url(/wp-content/themes/simplySkin/images/twitter_16.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.emailSignUp{
  margin: 0 0 15px;
}
.emailSignUp label{
  display: block;
  width: 240px;
  font-weight: bold;
}
.emailSignUp .subscribeButton{
  vertical-align: -7px;
}
*+html .emailSignUp .subscribeButton{
  vertical-align: -5px;
}
* html .emailSignUp .subscribeButton{
  vertical-align: -5px;
}
.emailSignUp #mb-iilhr-iilhr{
  font-size: 1em;
  padding: 1px;
  width: 155px;
}

/* 404
-------------------------------------------------------------------- */

.notFound #pageHeader p{
  padding-bottom: 0;
}
.notFoundContent{
  margin: 30px 0 200px;
}
.notFoundContent ul{
  list-style: square;
  margin: 10px 0 10px 30px;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #535353;
}
.notFoundContent li{
  margin-bottom: 5px;
}

/* Self-Clearing Floats
-------------------------------------------------------------------- */

#header:after,
#footer:after,
#footerContainer:after,
.servicesContent:after,
.salonContent:after,
#mainNav:after,
#subNav:after,
.contactContent:after,
.giftCardList:after,
.serviceContent:after,
.custQuote:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* IE Fixes
-------------------------------------------------------------------- */

* html #mainNav a:link,
* html #mainNav a:visited{
  display: inline-block;
}

* html .joann{
  position: absolute;
  top: -60px;
  right: 20px;
  width: 267px;
  height: 312px;
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://simplyskin.jimbarraud.com/wp-content/themes/simplySkin/images/joann.png', sizingMethod='image/scale/crop');
}

#header,
#footer,
#footerContainer,
.servicesContent,
.salonContent,
#subNav,
.contactContent,
.giftCardList,
.serviceContent,
.custQuote{
  height: 1%;
}