/*
Theme Name: WaterstoneSpa
Theme URI: http://dnawebagency.com
Description: The WaterstoneSpa theme made by DNA Web Agency - http://dnawebagency.com
Version: 1.0
Author: DNA Web Agency
Author URI: http://dnawebagency.com/
Tags: Organic, Natural, Green, Spa
*/

/**Include Conditional CSS and other Style Files**/
@import url("css/c-css.php");
@import url("css/default-wordpress-styles.css");
@import url("css/reset.css");
/*
Universal Styles
*/
body {background-image:url(images/BG-header.jpg); background-repeat:repeat-x; width:100%; height:auto; background-color:#d4e8e1; background-position:center top; background-attachment:fixed; font-family:"Times New Roman", Times, serif; color:#736357; font-size:14px; line-height:20px;}

a, a:visited {color:#534741; text-decoration:underline;}
a:hover {text-decoration:none;}

p {margin-top:0;}

h1 {font-family: Copperplate Gothic Light, sans-serif; color:#736357; font-weight:normal; line-height:25px; font-size:24px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; padding-top:12px; padding-bottom:12px; text-align:center;}
h2 {font-weight:normal; color:#333333;}
   h2.package-divider {text-align:center;}
   h2.botanical { background-image:url(images/LOGO-h2-botanical.gif); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-top:15px; margin-bottom:7px;}
h3 {padding:0; margin:0; font-weight:normal; font-size:16px; color:#736357;}
h4 {font-family: Copperplate Gothic Light, sans-serif; color:#736357; font-weight:normal; line-height:25px; font-size:24px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; padding-top:12px; padding-bottom:12px; text-align:center;}

.copperplate {font-family: Copperplate Gothic Light, sans-serif;}

#waterstone-spa-container {width:949px; height:auto; margin:0 auto; position:relative;}
   #waterstone-spa-container-top {width:949px; height:32px; margin:0; padding:0; background-image:url(images/IMG-container-top.png); background-repeat:no-repeat;}
   #waterstone-spa-container-middle {width:949px; height:100%; margin:0; padding:0; min-height:650px; background-image:url(images/IMG-container-middle.png); background-repeat:repeat-y;}
   #waterstone-spa-container-middle-home {width:949px; height:100%; margin:0; padding:0; min-height:550px; background-image:url(images/IMG-container-middle-home.png); background-repeat:repeat-y;}
   #waterstone-spa-container-bottom {width:949px; height:32px; background-image:url(images/IMG-container-bottom.png); background-repeat:no-repeat;}

#page-content {margin:0; padding:0;}
#page-content .entry {width:690px; margin:70px 35px 0 auto;}

.clear {clear:both; margin:0; padding:0;}
/*
Header
*/
#waterstone-spa-header {width:949px; height:112px; margin:0 auto;}
   #waterstone-spa-logo {float:left; position:relative; top:30px; width:417px; height:85px;}
   #waterstone-spa-header-botanical {float: left; position:relative; left:251px; background-image:url(images/IMG-header-botanical.png); background-repeat:no-repeat; width:108px; height:124px;}
/*
Main Navigation
*/
#wss-side-nav {float:right; position:relative; margin-right:-37px;}
#waterstone-spa-header-navigation {float:right; width:170px; height:auto;}
   #waterstone-spa-header-navigation ul {padding:0; margin:5px 0 0 0; position:relative; z-index:9;}
   #waterstone-spa-header-navigation li {list-style-type:none; line-height:19px;}
   #waterstone-spa-header-navigation a {font-family: Copperplate Gothic Light, sans-serif; font-size:12px; text-decoration:none; color:#534741; text-shadow:1px 1px 3px #ccc;}
   #waterstone-spa-header-navigation a:hover {text-decoration:underline;}
/*
Footer
*/
#waterstone-spa-footer {height:367px; width:100%; margin:0 auto;}
   #waterstone-spa-footer-fade {width:100%; height:105px;}
   #waterstone-spa-footer-bg {background-image:url(images/BG-footer-bottom.jpg); background-repeat:repeat-x; background-position:-20% bottom; width:100%; height:262px;}
   #waterstone-spa-footer-container {width:949px; margin:0 auto;}
      #waterstone-spa-footer-botanical {background-image:url(images/IMG-footer-botanical.png); background-repeat:no-repeat; width:221px; height:378px; position:relative; float:left; margin-top:-116px;}
      #waterstone-spa-footer-navigation {float:right; width:170px; height:auto;}
         #waterstone-spa-footer-navigation ul {padding:0; margin:5px 0 0 0;}
         #waterstone-spa-footer-navigation li {list-style-type:none; line-height:19px;}
         #waterstone-spa-footer-navigation a {font-family: Copperplate Gothic Light, sans-serif; font-size:12px; line-height:20px; text-decoration:none;}
         #waterstone-spa-footer-navigation a:hover {text-decoration:underline;}
      ul.footer-contact {margin:30px 40px 0 30px; padding:0; float:left;}
	  		#footer-contact-spa-button {float:right; margin-top:2px; background-image:url(images/BTN-spa-book-appointment.png); background-repeat:no-repeat; width:154px; height:27px; cursor:pointer;}
	  		#footer-contact-salon-button {float:right; margin-top:2px; background-image:url(images/BTN-salon-book-appointment.png); background-repeat:no-repeat; width:154px; height:27px; cursor:pointer;}
      ul.footer-address-spa {margin:30px 20px 0 0; padding:0; float:left;}
      ul.footer-address-salon {margin:30px 15px 0 0; padding:0; float:left;}
      ul.footer-navigation {margin:30px 0 0 20px; padding:0; float:left;}
         #waterstone-spa-footer li {list-style-type:none;}
      ul.footer-follow {margin:-75px 0 0 20px; padding:0; float:left;}
         li.footer-follow {list-style-type:none; display:inline; margin-left:7px;}
            li.footer-follow a {text-decoration:none;}
            li.footer-follow a:hover {text-decoration:underline;}
/*
Sub Navigation
*/
#waterstone-spa-sub-header-navigation {float:left;  height:auto; position:relative; top:103px; width:630px;}
   #waterstone-spa-sub-header-navigation ul {padding:0; margin:5px 0 0 0;}
   #waterstone-spa-sub-header-navigation li {list-style-type:none; display:inline; padding-left:20px;}
   #waterstone-spa-sub-header-navigation a {font-family: Copperplate Gothic Light, sans-serif; font-size:12px; text-decoration:none; text-shadow:1px 1px 3px #999999;}
   #waterstone-spa-sub-header-navigation a:hover {text-decoration:underline;}
   #waterstone-spa-sub-header-navigation .current_page_ancestor a {text-decoration:underline;}
   #waterstone-spa-sub-header-navigation .current_page_item a {text-decoration:underline;}

#waterstone-spa-side-navigation {float:left; width:175px; height: auto; margin-left:25px;}
   #waterstone-spa-side-navigation-border {background-image:url(images/IMG-sidenav-border.jpg); background-repeat:no-repeat; width:2px; height:343px; float:left; margin:3px 0 0 8px;}
   #waterstone-spa-side-navigation ul {padding:0; margin:5px 0 0 0;}
   #waterstone-spa-side-navigation li {list-style-type:none; text-align:right; display:block; line-height:17px; padding-bottom:8px;}
#waterstone-spa-side-navigation a {font-family: Copperplate Gothic Light, sans-serif; font-size:12px; text-decoration:none; text-shadow:1px 1px 3px #999999;}
   #waterstone-spa-side-navigation a:hover {text-decoration:underline;}
   #waterstone-spa-side-navigation .current_page_item a, #waterstone-spa-side-navigation .current-cat a {text-decoration:underline;}
body.page-template-page-salon-blog-php #waterstone-spa-side-navigation li.cat-item-4 {display:none;}
#waterstone-spa-side-navigation .current-cat ul.children a {text-decoration:none;}



/*
Home Page Styles
*/
#waterstone-spa-home-bottom {margin:0 auto; padding:0; background-image:url(images/BG-home-container-bottom.png); background-repeat:no-repeat; width:949px; height:12px; clear:both;}

#waterstone-spa-home-spa {margin:0 auto; padding:0; background-image:url(images/BG-home-top.jpg); background-repeat:no-repeat; width:884px; height:276px;}
   #waterstone-spa-home-spa-text {float:right; margin:0 15px 0 15px; width:520px; position:relative; font-size:14px; line-height:18px;}
   #waterstone-spa-home-pic-spa {background-image:url(images/IMG-home-pic-spa.png); background-repeat:no-repeat; width:327px; height:269px; float:left; position:relative;}

#waterstone-spa-home-salon {margin:0 auto; padding:0; background-image:url(images/BG-home-salon.jpg); background-repeat:no-repeat; width:884px; height:287px;}
   #waterstone-spa-home-salon-text {float:left; margin:0 15px 0 15px; width:520px; position:relative; font-size:14px; line-height:18px;}
   #waterstone-spa-home-pic-salon {background-image:url(images/IMG-home-pic-salon.png); background-repeat:no-repeat; width:327px; height:269px; float:left; background-position:bottom; position:relative; top:22px; right:1px;}

      ul.home-buttons {padding:0; margin:0;}
         .home-buttons li {display:inline; padding-right:7px; list-style-image:none;}
/*
SubPage Styles
*/
#waterstone-spa-sub-header-title {position:relative; top:16px; float:right; right:175px; padding:0; margin:0;}

.subheadline {font-size:22px; padding-top:20px; padding-bottom:7px; border-top-style:solid; border-top-width:1px; border-top-color:#736357; color:#333333;}
.subheadline-borderless {font-size:22px; padding-top:20px; padding-bottom:7px; color:#333333;}

/*
Both SubPage - Hotel
*/
#waterstone-spa-sub-header-hotel {background-image:url(images/BG-hotel-sub-top.jpg); background-repeat:no-repeat; width:884px; height:131px; margin:0 auto; padding:0;}
   #waterstone-spa-sub-header-image-hotel {background-image:url(images/IMG-hotel-sub-top-pic.png); background-repeat:no-repeat; width:249px; height:198px; position:relative; float:left; cursor:pointer;}
/*
Both SubPage - Media / Press
*/
#waterstone-spa-sub-header-media {background-image:url(images/BG-media-press-sub-top.jpg); background-repeat:no-repeat; width:884px; height:131px; margin:0 auto; padding:0;}
   #waterstone-spa-sub-header-image-media {background-image:url(images/IMG-media-sub-top-pic.png); background-repeat:no-repeat; width:249px; height:198px; position:relative; float:left; cursor:pointer;}
/*
Both SubPage - Contact
*/
#waterstone-spa-sub-header-contact {background-image:url(images/BG-contact-sub-top.jpg); background-repeat:no-repeat; width:884px; height:131px; margin:0 auto; padding:0;}
   #waterstone-spa-sub-header-image-contact {background-image:url(images/IMG-contact-sub-top-pic.png); background-repeat:no-repeat; width:249px; height:198px; position:relative; float:left; cursor:pointer;}
/*
Both SubPage - Spa
*/
#waterstone-spa-sub-header-spa {background-image:url(images/BG-spa-sub-top.jpg); background-repeat:no-repeat; width:884px; height:131px; margin:0 auto; padding:0;}
   #waterstone-spa-sub-header-image {background-image:url(images/IMG-spa-sub-top-pic.png); background-repeat:no-repeat; width:249px; height:198px; position:relative; float:left; cursor:pointer;}
	#waterstone-spa-book-appointment-header {float:right; margin-top:-17px; margin-right:10px; background-image:url(http://www.waterstonespa.com/wp-content/uploads/2011/12/BTN-home-book-appointment.png); background-repeat:no-repeat; width:154px; height:27px; cursor:pointer;}

	#waterstone-spa-gift-certificate-header, #waterstone-salon-gift-certificate-header {float:right; margin-top:-17px; margin-right:10px; background-image:url(http://www.waterstonespa.com/wp-content/uploads/2011/12/BTN-home-gift-certificate.png); background-repeat:no-repeat; width:154px; height:27px; cursor:pointer;}
	#waterstone-salon-gift-certificate-header {background-image:url(http://www.waterstonespa.com/wp-content/uploads/2012/01/BTN-salon-gift-certificate.png); background-repeat:no-repeat;}

	#waterstone-spa-online-store-header { float:right; margin-top:-17px; margin-right:10px; background-image:url(http://www.waterstonespa.com/wp-content/uploads/2011/12/BTN-home-online-store.png); background-repeat:no-repeat; width:154px; height:27px; cursor:pointer; }
	#waterstone-salon-online-store-header {float:right; margin-top:-17px; margin-right:10px; background-image:url(http://www.waterstonespa.com/wp-content/uploads/2012/01/BTN-salon-online-store.png); background-repeat: no-repeat; width:154px; height:27px; cursor:pointer;}
		#waterstone-spa-gift-certificate-header, #waterstone-spa-book-appointment-header, #waterstone-spa-online-store-header, #waterstone-salon-online-store-header {display:block; text-indent:-9999px;}

#waterstone-spa-news-container {width:884px; height:197px; margin:0 auto; background-image:url(images/BG-spa-news.jpg); background-repeat:no-repeat; position:relative;}
   .waterstone-spa-news {width:198px; margin:0 0 0 17px; float:left;}
      .waterstone-spa-news h2 a {font-family: 'Lucida', Arial; color:#333333; font-size:15px; line-height:20px; font-weight:normal; padding-top:2px; margin:0;}
/*
Both SubPage - Salon
*/
#waterstone-spa-sub-header-salon {background-image:url(images/BG-salon-sub-top.jpg); background-repeat:no-repeat; width:884px; height:131px; margin:0 auto; padding:0;}
   #waterstone-spa-sub-header-image-salon {background-image:url(images/IMG-salon-sub-top-pic.png); background-repeat:no-repeat; width:249px; height:198px; position:relative; float:left; cursor:pointer;}
	#waterstone-salon-book-appointment {float:right; margin-top:-17px; margin-right:10px; background-image:url(images/BTN-salon-book-appointment.png); background-repeat:no-repeat; width:154px; height:27px; cursor:pointer; }

/*
#waterstone-salon-gift-certificate-header {float:right; margin-top:-17px; margin-right:10px; background-image:url(images/BTN-get-gift-certificate-salon.png); background-repeat:no-repeat; width:185px; height:27px; cursor:pointer;}
*/

#waterstone-salon-gift-certificate-header, #waterstone-salon-book-appointment {display:block; text-indent:-9999px;}

#waterstone-spa-salon-news-container {width:884px; height:197px; margin:0 auto; background-image:url(images/BG-salon-news.jpg); background-repeat:no-repeat; position:relative;}
   .waterstone-spa-salon-news {width:198px; margin:0 0 0 17px; float:left;}
      .waterstone-spa-salon-news h2 a {font-family: 'Lucida', Arial; color:#333333; font-size:15px; line-height:20px; font-weight:normal; padding-top:2px; margin:0;}
      .waterstone-news-title h2 {padding:0; margin:0 0 7px 0;}
/*
Both SubPage Styles
*/
#waterstone-spa-salon-sub-header {background-image:url(images/BG-spa-salon-sub-top.jpg); background-repeat:no-repeat; width:884px; height:131px; margin:0 auto; padding:0;}


   #waterstone-spa-salon-sub-header-image {background-image:url(images/IMG-spa-salon-sub-top-pic.png); background-repeat:no-repeat; width:249px; height:198px; position:relative; float:left;}

#waterstone-spa-side-info {float:left; width:175px; margin-left:25px; text-align:center;}
   #waterstone-spa-side-navigation-border-salon {background-image:url(images/IMG-sidenav-border-salon.jpg); background-repeat:no-repeat; width:2px; height:343px; float:left; margin:3px 0 0 8px;}
/*
Blog Styles
*/
#comments {width:690px; margin:0 auto;}
   #comments h3 {margin:0; padding:0; text-align:left;}

.navigation { clear:both; width:440px; }

.hentry { border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:15px; }
.search-results .hentry { border-bottom:none; }
#page-content .blog-entry {width:690px; margin:5px 35px 40px auto;}
#page-content .news-date {margin:0; padding:0; color:#534741;}

#sidebar { height:auto; }

/*
NextGen Override
*/
.ngg-galleryoverview { display:inline !important;}
   .ngg-gallery-thumbnail img:hover {background-color:#fff !important; border-color:#736357 !important; border-width:1px !important; border-bottom-style:solid !important;}
   
.ngg-albumoverview {display:inline !important;}
	.ngg-albumoverview h4 { font-weight:normal; font-size:10px; line-height:15px; font-family:Lucida Grande;}