/*  
Theme Name: Treat Salon and Spa
Theme URI: http://www.nataliemac.com
Description: Custom WordPress theme created for Treat Salon and Spa
Version: 1.0
Author: Natalie MacLees
Author URI: http://www.nataliemac.com/

*/

/* 1) DEFAULTS --------------------------------------------------------------------------------- */
	/* 1.1) Resets ----------------------------------------------------------------------------- */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	}

:focus	{
	outline: none;
	}

	/* /Resets --------------------------------------------------------------------------------- */

	/* 1.2) Layout ----------------------------------------------------------------------------- */

html {
	overflow-y: scroll;
	}

body	{
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	background: #4c2d2b url(images/global_body_gradientTop.gif) 0 0 repeat-x;
	color: #fbf4e4;
	text-align: center;
	}
	
#container_top	{
	width: 884px;
	margin: 20px auto;
	text-align: left;
	background: transparent url(images/global_container_top.png) 50% 0 no-repeat;
	padding: 38px 0 0 0;
	}
* html #container_top	{
	background-image: url(images/global_container_top_ie.gif);
	}
	
#container_bottom	{
	width: 884px;
	padding: 0 0 52px 0;
	background: transparent url(images/global_container_bottom.png) 50% 100% no-repeat;
	}
* html #container_bottom	{
	background-image: url(images/global_container_bottom_ie.gif);
	}
	
#container	{
	width: 799px;
	padding: 0 42px 0 43px;
	background: transparent url(images/global_container_middle.png) 50% 0 repeat-y;
	color: #4d2e2e;
	position: relative;
	min-height: 600px
	}
* html #container	{
	background-image: url(images/global_container_middle_ie.gif);
	height: 600px;
	}
	
#searchForm	{
	position: absolute;
	top: 0;
	right: 0;
	width: 320px;
	padding: 0 40px 0 0;
	text-align: right;
	}
	
#searchForm p	{
	display: inline;
	}
	
#searchForm label	{
	font-weight: bold;
	font-size: 12px;
	color: #4d2e2e;
	padding: 0 5px 0 0;
	}
	
#searchForm input[type="text"]	{
	background: #f3e9d3;
	border: 1px solid #b5a59b;
	}
* html #searchForm input.typeText	{
	background: #f3e9d3;
	border: 1px solid #b5a59b;
	}
	
#searchForm input[type="image"]	{
	position: relative;
	top: 5px;
	margin: 0 0 0 5px;
	}
* html #searchForm input.typeImage	{
	position: relative;
	top: 5px;
	margin: 0 0 0 5px;
	}
	
#logo	{
	padding: 23px 0 0 12px;
	}
	
#logo a	{
	display: block;
	width: 198px;
	height: 54px;
	background: transparent url(images/global_logo.gif) 0 0 no-repeat;
	}
		
#logo a span	{
	display: none;
	}
	
#navcontainer	{
	width: 200px;
	float: left;
	position: relative;
	margin: 25px 0 0 0;
	}

#home #navcontainer	{
	height: 273px;
	width: 799px;
	background: transparent url(images/banner_top1.jpg) 100% 100% no-repeat;
	position: absolute;
	top: 100px;
	left: 42px;
	height: 273px;
	margin: 0;
	}

#home #navcontainer.banner_2	{
	background-image: url(images/banner_top2.jpg);
	}
	
#home #navcontainer.banner_3	{
	background-image: url(images/banner_top3.jpg);
	}
	
#home #navcontainer.banner_4	{
	background-image: url(images/banner_top4.jpg);
	}
	
#navcontainer .nw	{
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: transparent url(images/bg_navcontainer_nw.gif) 0 0 no-repeat;
	}

#nav	{
	background: transparent url(images/global_nav_bg.gif) 50% 50%;
	font-family: 'century gothic', futura, 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 16px;
	padding: 10px 20px 30px 20px;
	text-transform: uppercase;
	width: 160px;
	}
	
#home #nav	{
	position: absolute;
	left: 0;
	top: 0;
	height: 253px;
	padding: 10px 20px;
	}
	
#nav li	{
	line-height: 30px;
	min-height: 30px;
	border-bottom: 1px solid #aa654e;
	}
* html #nav li	{
	height: 30px;
	}
	
#nav li a,
#nav li a:link	{
	color: #fff;
	text-decoration: none;
	display: block;
	}
	
#nav li a:hover	{
	background: #aa654e;
	}
	
#nav li:first-child	{
	}
* html #nav li.first-child	{
	}
	
#nav li li	{
	border-bottom: 0 none;
	text-transform: none;
	font-size: 12px;
	padding-left: 1em;
	margin-left: 1em;
	text-indent: -1em;
	line-height: 20px;
	min-height: 20px;
	}
* html #nav li li	{
	height: 20px;
	}
	
#nav li li a:hover	{
	background-color: transparent;
	text-decoration: underline;
	}
	
#content	{
	width: 580px;
	float: right;
	}
	
#topRow	{
	margin: 308px 0 0 0;
	background: #ecd8a8 url(images/bg_topRow.gif) center top repeat-y;
	}
* html #topRow	{
	zoom: 1;
	}
	
#topRowWrap	{
	overflow: hidden;
	background: transparent url(images/bg_topRow_s.gif) center bottom no-repeat;
	}
* html #topRowWrap	{
	zoom: 1;
	}
	
#topRow .w	{
	padding: 10px;
	float: left;
	width: 510px;
	background: transparent url(images/bg_topRow_nw.gif) 0 0 no-repeat;
	}

#topRow .w h2	{
	position: relative;
	padding-left: 133px;
	color: #4d2e2e;
	font-weight: bold;
	font-size: 26px;
	}
	
#topRow .w h2 img	{
	position: absolute;
	left: 0;
	top: 0;
	}
* html #topRow .w h2 img	{
	left: -133px;
	}
	
#topRow .w p	{
	margin-left: 133px;
	font-size: 14px;
	font-weight: bold;
	color: #4d2e2e;
	line-height: 16px;
	margin-bottom: 1em;
	}
	
#topRow .w p.note	{
	margin-bottom: 0;
	font-weight: normal;
	font-size: 12px;
	color: #993625;
	}

#topRow .e	{
	float: right;
	width: 244px;
	background: transparent url(images/bg_topRow_ne.gif) 100% 0 no-repeat;
	padding: 10px;
	}
	
#topRow .e h2	{
	color: #993625;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 0 5px 0;
	}
	
#topRow .e p	{
	line-height: 16px;
	}
	
#topRow .e p span	{
	font-weight: bold;
	}
	
#featureRow	{
	clear: both;
	padding: 12px 0 0 0;
	overflow: hidden;
	}
	
#featureRow h2	{
	color: #e6daac;
	font-size: 16px;
	line-height: 34px;
	height: 34px;
	padding: 0 5px;
	text-transform: uppercase;
	}
	
#featureRow #blog	{
	width: 259px;
	margin-right: 10px;
	float: left;
	background: #f3e9d3;
	position: relative;
	padding: 0 0 40px 0;
	}
	
#featureRow p.more	{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	}
	
#featureRow p.more a,
#featureRow p.more a:link	{
	display: block;
	color: #fdfcf3;
	font-weight: bold;
	text-align: center;
	line-height: 27px;
	height: 27px;
	text-decoration: none;
	}
	
#featureRow p.more a:hover	{
	text-decoration: underline;
	}
	
#blog h2	{
	background: #649bb7;
	position: relative;
	}
	
#blog h2	a	{
	display: block;
	position: absolute;
	top: 9px;
	right: 12px;
	width: 16px;
	height: 16px;
	}
	
#blog h3	{
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	}
	
#blog h3	a,
#blog h3 a:link	{
	color: #649bb7;
	text-decoration: none;
	}
	
#blog h3 a:hover	{
	text-decoration: underline;
	}
	
#blog p.more a	{
	background: #649bb7;
	}
	
#blog .featurePost	{
	padding: 18px 10px 0 10px;
	}
	
.featurePost p	{
	color: #4d2e2e;
	font-size: 12px;
	line-height: 18px;
	}
	
.featurePost p.date	{
	font-size: 11px;
	line-height: 18px;
/	padding: 0 0 10px 0;
	}

#featureRow #testimonials	{
	width: 259px;
	margin-right: 10px;
	float: left;
	position: relative;
	padding: 0 0 40px 0;
	color: #4d2e2e;
	}
	
#testimonials h2	{
	background: #4d2e2e;
	}
	
#testimonials blockquote.cms	{
	padding: 18px 0 0 0;
	font-style: italic;
	}
	
#testimonials p.cite	{
	font-style: normal;
	text-align: right;
	display: block;
	font-weight: bold;
	}
	
#testimonials p.more a	{
	background: #4d2e2e;
	}
	
#featureRow #service	{
	width: 259px;
	float: right;
	position: relative;
	padding: 0 0 40px 0;
	background: #f3e9d3;
	}

#featureRow #service div.cms	{
	padding: 10px 10px 0 10px;
	}
	
#service h2	{
	background: #993625;
	}
	
#service p.image	{
	text-align: center;
	padding: 18px 0 0 0;
	}
	
#service h3	{
	color: #993625;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	padding: 0 0 10px 0;
	}
	
#service p.description	{
	padding: 0 10px;
	}
	
#service p.more	{
	width: 125px;
	}
	
#service p.more a	{
	background: #993625;
	}
	
p.copyright	{
	clear: both;
	padding: 10px 0;
	}
	
	/* 1.3) Tables ----------------------------------------------------------------------- */

table	{ /* tables still need cellspacing=0 in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

	/* /Tables --------------------------------------------------------------------------- */

	/* 1.4) Forms ------------------------------------------------------------------------ */

input[type='text'],
input[type='password'],
textarea,
select	{
	}

	/* /Forms ---------------------------------------------------------------------------- */

	/* 1.5) Links ------------------------------------------------------------------------ */

a,
a:link	{
	color: #006bb3;
	}
	
a:visited	{
	color: #649bb7;
	}
	
a:hover	{
	color: #993625;
	}
	
a:active	{
	color: #993625;
	}

	/* /Links ---------------------------------------------------------------------------- */
	/* 1.6) Special Classes -------------------------------------------------------------- */

.clear	{
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	}

		/* 1.6.1) CMS -------------------------------------------------------------- */
.cms	{
	}
		
.cms p	{
	font-size: 12px;
	color: #4d2e2e;
	line-height: 16px;
	margin: 0 0 1em 0;
	}
	
.cms h1 {
	}
	
.cms h2 {
	}

.cms h3 {
	}

.cms h4 {
	}

.cms h5 {
	}

.cms h6 {
	}

.cms ul,
.cms ol {
	}
	
.cms ul,
.cms ul li {
	}

.cms ol,
.cms ol li {
	}

.cms dl {
	}

.cms dl dt {
	}
	
.cms strong,
.cms b	{
	}
	
.cms i,
.cms em	{
	}
	
.cms blockquote	{
	}

		/* /CMS -------------------------------------------------------------------- */
	/* /Special Classes ------------------------------------------------------------------ */
/* /DEFAULTS -------------------------------------------------------------------------------------- */

/* 2) SITE SPECIFIC ------------------------------------------------------------------------------- */
	/* 2.1) Elements --------------------------------------------------------------------- */
	/* /Elements ------------------------------------------------------------------------- */

	/* 2.1) Classes ---------------------------------------------------------------------- */
	
.post h2	{
	font-size: 18px;
	font-weight: normal;
	}
	
.post h2 a,
.post h2 a:link	{
	color: #649bb7;
	text-decoration: none;
	}
	
.post h2 a:visited	{
	color: #006bb3;
	}
	
.post h2 a:hover,
.post h2 a:active	{
	color: #993625;
	}
	
.post h3,
h3.commentHeader	{
	color: #4d2e2e;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 2px solid #ede2c7;
	padding: 5px 0;
	margin: 1em 0;
	}
	
.post h4,
h4.commentTitle	{
	font-size: 14px;
	color: #993625;
	font-weight: bold;
	}
	
h4.commentTitle span	{
	color: #4d2e2e;
	font-weight: normal;
	}
	
p.date	{
	font-size: 11px;
	color: #4d2e2e;
	margin: 0 0 0.5em 0;
	}
	
.post .subscribe	{
	font-size: 12px;
	margin: 1em 0;
	font-weight: bold;
	}
	
.post .subscribe a,
.post .subscribe a:link	{
	color: #4d2e2e;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: transparent url(images/rss.gif) 0 0 no-repeat;
	line-height: 16px;
	padding: 0 0 0 23px;
	height: 16px;
	}
	
.post .subscribe a:hover	{
	text-decoration: underline;
	}
	
.post .readmore	{
	margin-bottom: 1.5em;
	text-align: right;
	}
	
.postnav	{
	clear: both;
	padding: 10px;
	margin: 10px;
	}
	
.comments li	{
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #ede2c7;
	}
	
.commentForm,
.contact-form	{
	margin: 2em 0 2em 25px;
	background: #ede2c7 url(images/bg_commentForm_n.gif) 0 0 no-repeat;
	width: 464px;
	}
	
.commentForm fieldset,
.contact-form fieldset	{
	padding: 10px;
	background: transparent url(images/bg_commentForm_s.gif) 0 100% no-repeat;
	}
	
.commentForm legend,
.contact-form legend	{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	}
	
.commentForm p	{
	overflow: hidden;
	padding: 0 0 1em 0;
	}
	
.commentForm label	{
	width: 90px;
	float: left;
	text-align: right;
	margin-right: 5px;
	}
	
.commentForm input[type="text"]	{
	float: left;
	width: 160px;
	background: #fbf4e4;
	border: 1px solid #ad9a8a;
	padding: 1px;
	}
	
.contact-form input[type="text"]	{
	background: #fbf4e4;
	border: 1px solid #ad9a8a;
	padding: 1px;
	}
	
.commentForm textarea	{
	float: left;
	width: 300px;
	height: 150px;
	border: 1px solid #ad9a8a;
	padding: 1px;
	background: #fbf4e4;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	}
	
.contact-form textarea	{
	border: 1px solid #ad9a8a;
	padding: 1px;
	background: #fbf4e4;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	}
	
.commentForm p.submit	{
	margin: 1em 0;
	text-align: right;
	}
	
	/* /Classes -------------------------------------------------------------------------- */

	/* 2.2) ID's ------------------------------------------------------------------------- */
	
#content h1	{
	font-size: 24px;
	color: #993625;
	padding: 5px 0;
	margin: 10px 0;
	font-family: 'century gothic', futura, 'helvetica neue', helvetica, arial, sans-serif;
	font-weight: normal;
	border-bottom: 2px solid #ede2c7;
	text-transform: uppercase;
	}
	
	/* /ID's ----------------------------------------------------------------------------- */
/* /SITE SPECIFIC --------------------------------------------------------------------------------- */

/* 3) PAGE SPECIFIC ------------------------------------------------------------------------------- */

.pricetable	{
	padding: 10px;
	}
	
.pricetable table	{
	font-size: 16px;
	color: #993625;
	}
	
.pricetable tr td	{
	width: 100px;
	text-align: right;
	padding: 5px 0;
	font-weight: bold;
	border-bottom: 1px dotted #ede2c7;
	}
	
.pricetable tr td:first-child	{
	width: 240px;
	text-align: left;
	}
	
	
.testimonial	{
	margin: 0 0 1em 0;
	background: #ede2c7;
	padding: 1em 2em;
	}
	
.testimonial blockquote	{
	font-style: italic;
	}
	
.testimonial p.cite	{
	text-align: right;
	font-weight: bold;
	}
	
.gallery li	{
	width: 150px;
	height: 150px;
	margin: 10px 10px 0 0;
	padding: 5px;
	float: left;
	text-align: center;
	}
	
.gallery li p	{
	text-align: center;
	}

/* /PAGE SPECIFIC --------------------------------------------------------------------------------- */