strong { font-weight: bold; }
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #260F25;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
}
.oneColFixCtr #container {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/crown-spa-background.jpg);
	min-height: 1047px;
}
.oneColFixCtr #mainContent {
	padding: 0;
	border: 0;
}
.ysbryd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* hide from IE-mac \*/
* html .ysbryd {height: 1%;}
   

/* ==================================
		  Standard Essentials
   ================================== */
a:link { color: blue; font-weight: bold; text-decoration: none; }
a:visited { color: blue; font-weight: bold; text-decoration: none; }
a:hover { color: red; font-weight: bold; text-decoration: underline; }
a:active { color: red; font-weight: bold; text-decoration: underline; }
.menuSpacer { font-size: 2px; margin: 0; padding: 0; height: 10px; }
.clearBar { clear: both; line-height: 0pt; }


/* ===============================
   Crowne Header
   =============================== */
#header {
position: absolute;
height: 190px;
width: 960px;
}


#spaLogo {
position: absolute; z-index: 1; text-align: left;
top: 24px; left: 96px; width: 206px; height: 91px; line-height: 91px; 
}
#spaLogo span { display: none; }
#spaLogo a:link, #spaLogo a:visited { 
display: block; height: 91px; line-height: 91px;
background: url(../images/crowne-spa-logo.png) no-repeat left top;
}
#spaLogo a.active { background-position: left top; }
#spaLogo a:hover { background-position: left top; }


#spaCandles {
position: absolute; z-index: 1;
top: 78px; left: 650px; width: 227px; height: 100px;
background: url(../images/spa-candles.png) no-repeat left top;
}


/* ===============================
   Main Columns
   =============================== */
#mainPage {
position: absolute;
top: 193px;
width: 960px;
}
#leftCol { float: left; width: 211px; background-color: transparent; }
#rightCol { margin-bottom: 20px; float: right; width: 749px; background-color: transparent; }

#pageCol { float: left; width: 520px; background-color: transparent; }
#offerCol { margin-top: 6px; float: right; width: 229px; background-color: transparent; }

#leftColPartTwo { 
position: relative;
top: 126px;
width: 201px;
/* background-color: yellow; */
}


/* ===============================
   Navigation Menu
   =============================== */
#navHome {
position: absolute; z-index: 1; text-align: left;
top: 7px; left: 0px; width: 201px; height: 29px; line-height: 29px; 
}
#navHome span { display: none; }
#navHome a:link, #navHome a:visited { 
display: block; height: 29px; line-height: 29px;
background: url(../images/navigation/01-home.png) no-repeat left top;
}
#navHome a.active { background-position: right top; }
#navHome a:hover { background-position: right top; }

#navAbout {
position: absolute; z-index: 1; text-align: left;
top: 36px; left: 0px; width: 201px; height: 46px; line-height: 46px; 
}
#navAbout span { display: none; }
#navAbout a:link, #navAbout a:visited { 
display: block; height: 46px; line-height: 46px;
background: url(../images/navigation/02-about.png) no-repeat left top;
}
#navAbout a.active { background-position: right top; }
#navAbout a:hover { background-position: right top; }

#navTreatments {
position: absolute; z-index: 1; text-align: left;
top: 82px; left: 0px; width: 201px; height: 44px; line-height: 44px; 
}
#navTreatments span { display: none; }
#navTreatments a:link, #navTreatments a:visited { 
display: block; height: 44px; line-height: 44px;
background: url(../images/navigation/03-treatments.png) no-repeat left top;
}
#navTreatments a.active { background-position: right top; }
#navTreatments a:hover { background-position: right top; }

/* part 2 of nav */
#navInfo {
position: absolute; z-index: 1; text-align: left;
top: 0px; left: 0px; width: 201px; height: 47px; line-height: 47px; 
}
#navInfo span { display: none; }
#navInfo a:link, #navInfo a:visited { 
display: block; height: 47px; line-height: 47px;
background: url(../images/navigation/04-info.png) no-repeat left top;
}
#navInfo a.active { background-position: right top; }
#navInfo a:hover { background-position: right top; }

#navProducts {
position: absolute; z-index: 1; text-align: left;
top: 47px; left: 0px; width: 201px; height: 30px; line-height: 30px; 
}
#navProducts span { display: none; }
#navProducts a:link, #navProducts a:visited { 
display: block; height: 30px; line-height: 30px;
background: url(../images/navigation/05-products.png) no-repeat left top;
}
#navProducts a.active { background-position: right top; }
#navProducts a:hover { background-position: right top; }

#navContact {
position: absolute; z-index: 1; text-align: left;
top: 77px; left: 0px; width: 201px; height: 29px; line-height: 29px; 
}
#navContact span { display: none; }
#navContact a:link, #navContact a:visited { 
display: block; height: 29px; line-height: 29px;
background: url(../images/navigation/06-contact.png) no-repeat left top;
}
#navContact a.active { background-position: right top; }
#navContact a:hover { background-position: right top; }


#navReviews {
position: absolute; z-index: 1; text-align: left;
top: 106px; left: 0px; width: 201px; height: 45px; line-height: 45px; 
}
#navReviews span { display: none; }
#navReviews a:link, #navReviews a:visited { 
display: block; height: 45px; line-height: 45px;
background: url(../images/navigation/08-reviews.png) no-repeat left top;
}
#navReviews a.active { background-position: right top; }
#navReviews a:hover { background-position: right top; }


#navEmail {
position: absolute; z-index: 1; text-align: left;
top: 151px; left: 0px; width: 201px; height: 57px; line-height: 57px; 
}
#navEmail span { display: none; }
#navEmail a:link, #navEmail a:visited { 
display: block; height: 57px; line-height: 57px;
background: url(../images/navigation/07-email.png) no-repeat left top;
}
#navEmail a.active { background-position: right top; }
#navEmail a:hover { background-position: right top; }




/* ===============================
   Treatment Sub Navigation
   =============================== */
#treatmentNav { 
position: relative;
top: 126px;
width: 201px;
font-size: 12px;
}

#treatmentNav ul {
width: 130px;
margin-left: 71px;
}

#treatmentNav ul li {
list-style: none;
margin-bottom: 8px;
}

#treatmentNav span.green {
color: #BDD52F;
}

#treatmentNav a:link { color: #fff; font-weight: normal; text-decoration: none; }
#treatmentNav a:visited { color: #fff; font-weight: normal; text-decoration: none; }
#treatmentNav a:hover { color: #BDD52F; font-weight: normal; text-decoration: none; }
#treatmentNav a:active { color: #BDD52F; font-weight: normal; text-decoration: none; }


/* ===============================
   Page Typography
   =============================== */

#pageContent {
margin-top: 10px;
margin-bottom: 10px;
}

#pageContent p {
color: #fff;
font-weight: normal;
font-size: 14px;
line-height: 22px;
margin-bottom: 7px;
padding-left: 32px;
padding-right: 22px;
}
#pageContent p em {
font-style: italic;
}
#pageContent p.small {
font-size: 11px;
margin-bottom: 0px;
line-height: 16px;
}

#pageContent ul {
font-size: 14px;
line-height: 19px;
margin-bottom: 7px;
padding-left: 50px;
padding-right: 22px;
}

#pageContent ul li {
margin-bottom: 7px;
padding-left: 10px;
padding-right: 22px;
}

#pageContent h1 {
color: #BDD52F;
font-weight: normal;
font-size: 25px;
line-height: 18px;
margin-bottom: 5px;
padding-left: 32px;
padding-right: 22px;
}

#pageContent h2 {
color: #BDD52F;
font-weight: normal;
font-size: 22px;
line-height: 18px;
margin-bottom: 5px;
padding-left: 32px;
padding-right: 22px;
}

#pageContent h3 {
color: #BDD52F;
font-weight: normal;
font-size: 16px;
line-height: 18px;
margin-bottom: 0px;
padding-left: 32px;
padding-right: 22px;
margin-top: 18px;
}

#pageContent h4 {
	color: #BDD52F;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 18px;
	padding-left: 32px;
	padding-right: 22px;
	margin-top: -7px;
	font-style: italic;
}


#pageContent h3.first {
margin-top: 0px;
}

#pageContent span.green {
color: #BDD52F;
}

#pageContent .imgHead {
margin-left: 30px;
width: auto;
height: 27px;
}
#pageContent .imgHead span {
display: none;
}

#pageContent .subHead {
width: auto;
height: 17px;
font-family: 'Arvo', arial, serif; }

#pageContent .subHead span {
	font-size: 16px;
	color:#ccb4c8;
}

#pageContent a:link { color: #fff; font-weight: normal; text-decoration: none; }
#pageContent a:visited { color: #fff; font-weight: normal; text-decoration: none; }
#pageContent a:hover { color: #BDD52F; font-weight: normal; text-decoration: underline; }
#pageContent a:active { color: #BDD52F; font-weight: normal; text-decoration: underline; }

#trip-advisor-review {
	float:right;
margin: 0px 22px 25px 50px;
}


#facebook-link {
	font-size:12px;
	font-weight:normal;
	margin:20px 0px 20px 10px;
	width:170px;
}

#facebook-link a {
	color:#FFF;
	text-decoration:none;
}

#facebook-link a:hover {
	color:#BDD52F;
	text-decoration:underline;
}

.facebook-link-logo {
margin-right:10px;	
}


/* ===============================
   Dotty Border
   =============================== */

div.dotty {
width: 492px;
padding-bottom: 7px;
background: url(../images/dotty-border-top.png) no-repeat 12px top;
padding-top: 20px;
}

div.dotty-base {
height: 15px;
width: 492px;
background: url(../images/dotty-border-base.png) no-repeat 12px top;
}

div.dottyline {
width: 500px;
height: 2px;
background: url(../images/dotted-hr.png) no-repeat 20px top;
margin-top: 17px;
margin-bottom: 17px;
}

/* ===============================
   Images
   =============================== */
img.left {
float: left;
margin-right: 15px;
}

img.right {
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: -35px;
}

img.right2 {
float: right;
margin-right: -15px;
margin-left: 15px;
margin-top: -35px;
}

img.right3 {
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: -10px;
}

img.productphoto {
float: right;
margin-right: -15px;
margin-left: 15px;
margin-top: 5px;
}

img.bottles {
margin-left: 30px;
margin-top: -5px;
}

#bottles {
position: relative; z-index: 1;
top: -5px; left: 30px; width: 448px; height: 186px;
background: url(../images/photos/product-bottles.png) no-repeat left top;
}


img.man {
margin-left: 15px;
}

img.download {
margin-left: 3px;
margin-top: 40px;
}

img.getintouch {
float: right;
margin-right: -17px;
margin-top: 0px;
width: 134px;
height: 39px;
margin-bottom: -30px;
}

.treatment_logos {
	margin-left:33px;
	margin-bottom:-10px;
	margin-top:10px;
}

/* ==================================
		Contact Form
   ================================== */

.contactForm label { margin-bottom: 5px; }
.contactForm input { width: 435px; position: relative; }
.contactForm p.field { padding-bottom: 5px;  }
.contactForm input[type="text"] { height: 16px; border: 1px inset #D3CFCF; padding:5px 3px; }
.contactForm textarea { width: 435px; height: 65px; border: 1px inset #D3CFCF; padding:5px 3px; }
.contactForm input.submit { width: auto; }
.contactForm input[type="image"] { width: auto; }
.contactForm #submit { vertical-align: text-bottom; }
.contactForm #sendformpointer { cursor: pointer; } 
.contactForm #submitButton label { display: none; } 
.contactForm #submitButton input { float: right; margin-right: 10px; width: auto; } 



