/* Tripoli is a generic CSS standard for HTML rendering. Copyright (C) 2007 David Hellsing */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }

code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }

dfn, i, cite, var, address, em { font-style: normal; }

th, b, strong, h1, h2, h3, h2, h3, h4, h5, h6 { font-weight: normal; }

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td, center { text-align: left; vertical-align: top; }

body { line-height: 1; background: white; color: black; }

q { quotes: "" ""; }

ul, ol, dir, menu { list-style: none; }

sub, sup { vertical-align: baseline; }

a { color: inherit; }

hr { display: none; } /* we don't need a visual hr in layout */

font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */




body {
	background: #71A6B5 url(../images/body_bg.png) repeat-x;
}


#container {
	width: 780px;
	margin: 0 auto 32px;
}


#header {
	height: 141px;
	background: transparent url(../images/top_rounded.gif) top center no-repeat;
	margin: 0;
	padding: 0;
}


#logo  {
	margin: 25px 0 0 30px;
}


#main_content {
	background-color: #fff;
	width: 770px;
	margin: 0 auto;
	overflow: hidden;
}


#introduction {
	width: 500px;
	padding: 10px 0 0 20px;
	float: left;
}


#contact {
	width: 200px;
	float: left;
	padding: 28px 20px 0;
}

#contact-1 {
	width: 200px;
	float: right;
	padding: 0 20px;
}

#container_footer {
	height: 89px;
	clear: both;
	text-align: center;
	background: transparent url(../images/bottom_rounded.gif) top center repeat-y;
}


#main_section {
	width: 700px;
	margin: 0 auto;
}


#masthead {
	width: 770px;
	height: 237px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/mid_bg.png) no-repeat;
}


/* alignment classes */

.left {float: left;}

.right {float: right;}

.center {margin: 0 auto; display: block;}



/* navigation */


#navigation {
	height: 35px;
	width: 780px;
	margin: 0 auto;
}


#navi {
	list-style-type: none;
	margin-left: 160px;
}


#navi li {
	margin: 0;
	padding: 0;
	display: inline;
}


#navi a, #navi a:visited {
	float: left;
	margin: 11px 0;
	border: 0;
	padding: 0;
	background-color: #addedb;
}


#navi a:hover {
	background-position: 0 -40px;
}

#navi a:active {
	background-position: 0 -80px;
}


#our_services a {
	background: transparent url(../images/our_services.png) top left no-repeat;
	width: 126px;
	text-indent: -3333px;
}


#the_spa a {
	background: transparent url(../images/the_spa.png) top left no-repeat;
	width: 95px;
	text-indent: -3333px;
}


#appointments a {
	background: transparent url(../images/appointments.png) top left no-repeat;
	width: 136px;
	text-indent: -3333px;
}


#skin_care_tips a {
	background: transparent url(../images/skin_care_tips.png) top left no-repeat;
	width: 136px;
	text-indent: -3333px;
}


#home a {
	background: transparent url(../images/home.png) top left no-repeat;
	width: 82px;
	text-indent: -3333px;
}


#home_page #home a, #our-services_page #our_services a, #the-spa_page #the_spa a, #skin-care-tips_page #skin_care_tips a, #appointments_page #appointments a {
background-position: 0 -80px;
}


#map_wrapper {
	float: right;
	text-align: center;
	padding: 20px 0;
}


html {
	font-size: 62.5%
}


body {
	font: 1.4em helvetica, arial, sans-serif;
	line-height: 1.8em;
	color: #666;
}


/* headings */

h1, h2, h3 {
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
}


h1 {
	font-size: 2em;
	margin: .6em 0 .3em;
}


h2 {
	font-size: 1.8em;
	margin: .5em 0 .25em;
}


h3 {
	font-size: 1.6em;
	margin: .4em 0 .2em;
}


/* links */

a:link, a:visited {
	color: #443e20;
	text-decoration: none;
}

a:hover, a:active {
	border-bottom: 1px solid;
}


/* misc */

em {font-style: italic;}


strong {font-weight: bold;}


blockquote {
	font: 1.3em georgia, serif;
	line-height: 1.8em;
	color: #71a6b5;
}


cite {
	float: right;
	font: 1em helvetica, arial, sans-serif;
	color: #71a6b5;	
	padding: 6px;
}


/*  */

#main {
	border-top: 1px dotted #71a6b5;
	border-bottom: 1px dotted #71a6b5;
}


#main_section p {padding: 0 16px 8px;}


#introduction p {padding: 0 0 8px;}

#copyright {
	padding-top: 24px;
	font-size: .93em;
	color: #aaa;
	width: 600px;
	margin: 0 auto;
	border-top: 1px dotted #ddd;
}


#copyright a {
	color: #aaa;
}


#home_heading {
	color: #71a6b5; 
	letter-spacing: 1px; 
	margin-bottom: 0;
	font-size: 1.7em;
	margin: .6em 0 .2em;
}


#lead {padding: 15px 25px 0;}


/* the spa page */

.about_the_spa {padding-top: 12px;}


.about_the_spa p {padding: 0 16px;}


.about_the_spa h3 {	padding: 9px 0 0 14px;}


.about_the_spa h4 {	
	padding: 9px 0 0 14px;
	font: bold 1.2em helvetica, arial, sans-serif;
	color: #71a6b5;
}


#image_link {border: 0;}


#contact {margin-top: 1px;}


#contact p  {
	margin: 0;
	padding: 0;
}


#contact h3   {
	margin: 0;
	padding: 0 0 4px;
}


address {
	font-weight: bold;
	font-size: .95em;
	padding: 4px 0;
}


#page_heading {
	color: #71a6b5;
	font-size: 1.8em;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 6px 0;
}


/* our_services styles */

.services {padding-top: 12px;}


.services h3 {padding: 24px 16px 12px;}


.services h4 {
	padding: 0 16px;
	font-weight: bold;
}


.services p {padding: 0 16px;}


.services img {margin-top: 4px;}


.services ul {padding: 0 12px;}


.services em {font: italic 1em georgia, serif;}


#wax_list  {
	float: right;
	margin-right: 199px;
}


/* services headings */

#facials {
	background: transparent url(../images/facials.png) top left no-repeat;
}


#skin_resurfacing {
	background: transparent url(../images/resurface.png) top left no-repeat;
}


#body_treatments {
	background: transparent url(../images/wraps.png) top left no-repeat;
}


#waxing {
	background: transparent url(../images/waxing.png) top left no-repeat;
}


/* gallery on TheSpa page styles */

.masthead img {
	width: 770px;
	height: 237px;
	top: 0;
	left: 0;
}


/* contact form */

#contact-form {
	padding: 20px;
	width: 350px;
}


fieldset {
    font: 1em helvetica, arial, sans-serif;
    color: #666;
    padding: 20px;
   border: solid 1px #d3d3d3;
}

    
legend {
    color: #666;
    font: bold italic 1.2em georgia, serif;
    padding: 8px;
    margin-bottom: 8px;
}


label  {
    font-weight: bold;
    font-size: 1.2em;
    padding: 4px;
}


input, textarea {
        background-color: #ffffcc;
        font-family: georgia, serif;
        color: #666;
}


#name, #email, #topic, #comments {
	font-size: 1.2em;
	padding: 2px;
}


#comment_label {
	display: block;
	padding: 6px;
}


#submit {
	font-size: 1.2em;
}
	

#newsletter #submit {
	font-size: 1em; 
}

#success #response  {
	padding: 16px;
	background-color: #ffffcc;
	display: block;
	width: 400px;
}

#newsletter {
	padding: 6px 0;
	text-align: center;
}

ol {
list-style-type: decimal;	
}
#newsletter input {
	font-size: 1em;
	color: #666;
}


#newsletter label {
	font: italic 1em georgia, serif;	
}


#newsletter input {
	margin: 2px;
	padding: 2px;
	font-family: georgia, serif;
}


#sign_up {	
background-color: #ffffcc; 
padding: 25px;
}


button {
	background-color: #efefef; 
	color: #666; 
	border: 1px solid #71a6b5; 
	padding: 6px;
	margin: 3px;
}

.entry {padding: 10px 25px;}

.entry p {padding: 6px 0;}

.entry h2 {padding-top: 12px; border-top: 1px dotted #ddd;}

#site_map {padding-left: 30px;}

ol {
list-style-type: decimal;
padding-left: 25px;
}

#our-services_page h2 {font-size: 1.5em;}

#logo-link {border: 0;}