/* 
Title:     Denny Kemp Master Stylesheet
Author:    design@studio2info.com
Updated:   September 2009
*/


/* Color Reference
---------------------------------------------------------- 

Color	Number

Grey		#9d9fa2
Orange	#f7901e	



/* General and global
---------------------------------------------------------- */

/* Clearfix - Clearing 21st Century Style - http://www.positioniseverything.net/easyclearing.html */ 

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* self-clear floats */

.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


*{margin:0; padding:0;}


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


hr {
	border: 0;
	width: 100%;
	height: 6px;
	color: #f7901e;
	background-color: #f7901e;
	margin: 0;
	.margin: -7px;
	}


img {
	font-size: 10px;
	font-weight: normal;
	color: #d1d1d1;
	font-family: Arial, Helvetica, san-serif;
	}
	
a, a:hover, a:focus, a:active, a:visited {
	outline: none;
	}

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

ul#main-nav li {
	font-family: Arial, Helvetica, san-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.7em;
	}


ul#main-nav li ul li {
	font-family: Arial, Helvetica, san-serif;
	font-weight: normal;
	line-height: 1.1em;
	margin-left: 20px;
	height: 15px;
	}

ul#main-nav li ul {
	margin-bottom: 3px;
	}

ul#main-nav li ul li a {
	padding: 0 0 0 17px;
	background: url(/images/bg/li-arrows.png) top left no-repeat;
	}
	
ul#main-nav li ul li a:hover {
	background-position: 0 -15px;
	}

ul#main-nav li ul li a:active {
	background-position: 0 -30px;
	}

ul.services-menu {
	display: none;
	}
	
ul.contact-menu {
	display: none;
	}

body#services-page ul.services-menu {
	display: block;
	}
	
body#contact-page ul.contact-menu {
	display: block;
	}
	


body#home-page #contact-info {
	background: url(/images/bg/dots1.png) top left no-repeat;
	}
body#home-page li#nav-home a {
	color: #f7901e;
	}
	
body#services-page #contact-info {
	background: url(/images/bg/dots2.png) top left no-repeat;
	}
body#services-page li#nav-services a {
	color: #f7901e;
	}
	
ul#main-nav li#nav-services ul.services-menu li a,
ul#main-nav li#nav-contact ul.contact-menu li a {
	color: #9d9fa2;
	}
	
ul#main-nav li#nav-services ul.services-menu li a:hover,
ul#main-nav li#nav-contact ul.contact-menu li a:hover {
	color: #d1d1d1;
	}
	
ul#main-nav li#nav-services ul.services-menu li a:active,
ul#main-nav li#nav-contact ul.contact-menu li a:active {
	color: #f7901e;
	}
	
body#services-page.basics ul#main-nav li ul.services-menu li#nav-services-1 a,
body#services-page.select ul#main-nav li ul.services-menu li#nav-services-2 a,
body#services-page.nails ul#main-nav li ul.services-menu li#nav-services-3 a,	
body#services-page.massage ul#main-nav li ul.services-menu li#nav-services-4 a,
body#services-page.saltglow ul#main-nav li ul.services-menu li#nav-services-5 a,	
body#services-page.facials ul#main-nav li ul.services-menu li#nav-services-6 a,
body#services-page.waxing ul#main-nav li ul.services-menu li#nav-services-7 a,
body#services-page.packages ul#main-nav li ul.services-menu li#nav-services-8 a,
body#services-page.bridal ul#main-nav li ul.services-menu li#nav-services-9 a {

	background-position: 0 -30px;
	color: #f7901e;
	}	
	
body#contact-page.contact ul#main-nav li ul.contact-menu li#nav-contact-1 a,
body#contact-page.bios ul#main-nav li ul.contact-menu li#nav-contact-2 a {
	background-position: 0 -30px;
	color: #f7901e;
	}	

	
body#products-page #contact-info {
	background: url(/images/bg/dots3.png) top left no-repeat;
	}
body#products-page li#nav-products a {
	color: #f7901e;
	}
		
body#video-page #contact-info {
	background: url(/images/bg/dots4.png) top left no-repeat;
	}
body#video-page li#nav-videos a {
	color: #f7901e;
	}
	
body#be-wellkempt #contact-info {
	background: url(/images/bg/dots5.png) top left no-repeat;
	}
	
body#be-wellkempt li#nav-wellkempt a {
	color: #f7901e;
	}

body#contact-page #contact-info {
	background: url(/images/bg/dots6.png) top left no-repeat;
	}
body#contact-page li#nav-contact a {
	color: #f7901e;
	}


#contact-info {
	padding-top: 40px;
	margin-top: 255px;
	}
	
#services-page #contact-info {
	margin-top: 117px;
	}
	
#contact-page #contact-info {
	margin-top: 225px;
	}
	
ul#hours {
	margin-bottom: 8px;
	}

ul#hours li {
	font-family: Arial, Helvetica, san-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
	color: #9d9fa2;
	}

/* Content
---------------------------------------------------------------------------------- */
#content-wrapper {
	margin: 0 auto;
	.margin: 0 auto -8px auto;
	width: 960px;
	height: 730px;

	}

#left-column {
	float: left;
	width: 220px;
	height: 660px;
	margin: 70px 0 0 10px;
	}
	
#right-column {
	float: left;
	width: 730px;
	height: 730px;
	}

#gallery-shot {
	float: left;
	height: 730px;
	width: 730px;
	}
	
.lefty {
	float: left;
	}

#content-top {
	height: 265px;
	}


#home-logo {
	margin-bottom: 26px;
	}

body#home-page #home-logo {
	margin-bottom: 57px;
	}
	
#products-tab {
	margin-left: -12px;
	margin-bottom: 14px;
	}
	
#feature-box {
	width:410px;
	}

#feature-image {
	margin: 75px 17px 0 65px;
	float: left;
	width: 85px;
	height: 110px;
	}
	
#feature-copy {
	float: left;
	width: 200px;
	margin-top: 108px;
	}	

#quote {
	margin-top: 100px;
	text-align: right;
	}
	
#mapbox {
	margin-bottom: 8px;
	}	
	
iframe {
	border: 1px solid #d1d1d1;
	margin: 0 0 -7px 0;
	padding: 0;
	}

.maplink {
	padding: 10px 0 10px 0;
	float: right;
	}
	
.maplink a {
	font-size: 11px;
	font-weight: normal;
	}
.maplink a:hover {
	color: #d1d1d1;
	}
	
#footer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 2px;
	}

#facebook
{
  display: block;
  margin-top:5px;
  width: 30px;
  height: 30px;
  background: url("/images/facebook.gif") no-repeat 0 0;

}

#facebook:hover
{ 
  background-position: 0 -30px;
}

#facebook span
{
  display: none;
}

.signup { 
	margin: 25px 0; 
}


/* News & Events  div .event is equal to div .group ------------------------------ */

.event:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.event {
	margin-bottom: 25px;
	width: 410px;
	}

.heading {
	height: 21px;
	padding-left: 6px;
	background-color: #f2f2f2;
	padding-top: 2px;
	margin: 0 0 12px 0;
	}
	
.heading h2 {
	font-family: Arial, Helvetica, san-serif;
	color:#999999;
	font-size: 15px;
	font-weight: normal;
	}

.photo {
	float: left;
	height: 90px;
	width: 80px;
	margin-right: 18px;
	}

.details {
	float: left;
	width: 405px;
	}
	
.details p {
	font-family: Arial, Helvetica, san-serif;
	color:#999999;
	font-size: 12px;
	font-weight: normal;
	}

#news-tab {
	float: left;
	width: 175px;
	height: 55px;
	}
	
#bridal-tab {
	float: left;
	width: 185px;
	height: 55px;
	}

	
#contact-staff-tab {
	float: left;
	width: 135px;
	height: 55px;
	}

#staff-tab {
	margin-left: -12px;
	margin-bottom: 14px;
	}

#news-pagination {
	float: left;
	width: 240px;
	margin-top: 22px;
	margin-left: -10px;
	}
	

#news-pagination a {
	font-family: "Arial Narrow", Helvetica, san-serif;
	font-size: 15px;
	font-weight: normal;
	padding: 0 4px;
	}

#nav-news-pages li {
	float: left;
	}

#nav-news-pages li#nav-news-back a {
	display: block;
	padding: 15px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:15px; /* for IE5/Win only */
	margin: 2px -7px 0 0;
	background: url(/images/tabs/left-arrow.gif) top left no-repeat;
	background-position: 0 -30px;
	}
	
#nav-news-pages li#nav-news-forward a {
	display: block;
	padding: 15px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:15px; /* for IE5/Win only */
	margin: 2px 0 0 5px;
	background: url(/images/tabs/right-arrow.gif) top left no-repeat;
	background-position: 0 -30px;
	}
	
#nav-news-pages li#nav-news-back a:hover, #nav-news-pages li#nav-news-forward a:hover {
	background-position: 0 -15px;
	}



/* Table Styling
---------------------------------------------------------------------------------- */

table {
	border: none;
	border-collapse: collapse;
	width: 410px;
	}

.shade {
	background-color: #f2f2f2;
	}
	
tr {
	height: 23px;
	}

tr#tall-row {
	height: 65px;
	}
	
tr.tall-row {
	height: 65px;
	}

td {
	font-family: Arial, Helvetica, san-serif;
	color:#999999;
	font-size: 13px;
	font-weight: normal;
	padding-left: 6px;
	vertical-align: middle;
	}

td.right {
	text-align: right;
	padding-right: 6px;
	}

td.indent {
	padding-left: 18px;
	line-height: 1.3em;
	font-size: 13px;
	vertical-align: text-top;
	padding-top: 3px;
	}

	
td.indent ul li {
	font-size: 13px;
	line-height: 1.3em;
	margin-bottom: 4px;
	margin-left: 3px;

	}


td.indent span.bullets {
	padding-left: 30px;
	}
	
.indent-2 {
	padding-left: 9px;
	}
	
ul#table-list {
	list-style: disc outside none;
	margin-left: 13px;
	}

tr.info-row td {
	vertical-align: text-top;
	padding-right: 36px;
	padding-bottom: 10px;
}

table.secondary {
	margin-top: 20px;
	}


/* Typography
---------------------------------------------------------------------------------- */

h1.logo {
	display: block;
	padding: 1px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:1px; /* for IE5/Win only */
	}
	
	
h2.tabs {
	display: block;
	padding: 1px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:1px; /* for IE5/Win only */
	}


	
h3 {

	}
	
	
	
p {
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 8px;
	line-height: 1.2em;
	}

p.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	text-align: justify;
	}

	
a	{
	font-family: Arial, Helvetica, sans-serif;
	color: #9d9fa2;
	text-decoration: none;
	}
	
a:hover {
	color: #d1d1d1;
	}
	
a:active {
	color: #f7901e;
	}
	
ul {
	list-style: none;
	}

.bold {
	font-weight: bold;
	}

a.orange {
	color: #f7901e;
	}
	
a.orange:hover {
	color: #d1d1d1;
	}

p.phone {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
	}

p.mailto {
	font-size: 12px;
	margin-bottom: 22px;
	}

p.disclaim {
	font-size: 10px;
	font-weight: bold;
	margin: -20px 0 0 40px;
	}

p.address {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 9px;

	}

	
p.lg-quote {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 2px;
	}
	
.details ul li {
	color: #f7901e;
	font-size: 13px;
	margin-bottom: 4px;
	}
	
.details ul {
	list-style: circle;
	margin-bottom: 5px;
	}
	
/* Slider and other JQuery Function and a small bit for the gallery
---------------------------------------------------------------------------------- */


#sliderWrap {
	position: absolute;
	margin: 0 0 0 200px;
	.margin: -8px 0 0 -530px;
	height: 730px;
	
	}

#slider {
	position: relative;
	background-image:url(/images/slider/slider.png);
	background-repeat:no-repeat;
	background-position: bottom;
	height: 730px;
	width: 530px;
	margin: 0 -485px 0 0;

	}

#slider img {
	border: 0;
	}

#sliderContent {
	margin: 0 0 0 109px;
	position: relative;
	background-color: white;
	color:#333333;
	font-weight:bold;
	padding: 10px;
	width: 410px;
	}

#tab-content {
	margin-top: 60px;
	}

#openCloseWrap {
	position: absolute;
	margin: 210px 0 0 0;
	height: 83px;
	}

#openCloseWrap a img {
	padding: 5px;
	margin: 115px 0 0 15px;
	.margin: 115px 0 0 -95px;
	text-decoration: none;
	}


body#home-page #main_image {
	background: url(/images/gallery/home1.jpg) top left no-repeat;
	margin: 0;
	.margin: -8px 0 0 0;
	}

body#services-page #main_image {
	background: url(/images/gallery/serv1.jpg) top left no-repeat;
	margin: 0;
	.margin: -8px 0 0 0;
	}

body#products-page #main_image {
	background: url(/images/gallery/prod1.jpg) top left no-repeat;
	margin: 0;
	.margin: -8px 0 0 0;
	}

body#be-wellkempt #main_image {
	background: url(/images/gallery/news1.jpg) top left no-repeat;
	margin: 0;
	.margin: -8px 0 0 0;
	}

body#contact-page #main_image {
	background: url(/images/gallery/cont1.jpg) top left no-repeat;
	margin: 0;
	.margin: -8px 0 0 0;
	}