/* layout
----------------------------------------------- */

body {
	padding: 0px;
	margin: 0px;
	background: #003 url(../images/tile4.jpg) repeat-y top center;
	text-align: center;
	height: 100%;
	}
	
a, p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: verdana, arial, sans-serif;
	color: #000;
	}
	
hr {
	color:#999;
	background-color:#999;
	height:1px;
}
	
html {
	height: 100%;
	}	

#container {
	top:30px; /*set to accommodate #topMsg */
	width: 932px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	}
	
/* area  top flash banner*/
#topMsg{
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:30px;
	background-color:#d3ae53;
	background-image:url(../beautybook/images/fold.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align: center;
	line-height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}	
	
#nav {
	position: absolute;
	left: 42px;
	top: 166px;
	z-index: 100;
	}
	
#page_header { 
	background: transparent url(../images/header2009.gif) no-repeat top center; 
	margin: 0px;
	width: 931px; 
	height: 170px; 
}

.relais a {
	position: absolute;
	left: 815px;
	top: 20px;
	width:80px;
	height:80px;
	/*z-index: 110;*/
	margin: 0;
	padding: 0;
	border: 0;
	/*border: 1px solid #fff;*/
	text-decoration:none;
	}
  
.relais a i { 
	visibility: hidden; 
	}
	
.spaImg { background-image:url(../images/logos/Island-Currents-Spa.gif); width:220px; height:62px; margin:5px 5px 0px 5px; }
.LSoC_logo { background-image:url(../images/logos/leading-spas-of-canada.gif); width:220px; height:62px; margin:5px;}
.SM_logo { background-image:url(../images/logos/spa-member.gif); width:83px; height:117px; margin:auto;}
	
/* Newsletter sign-up
----------------------------------------------- */	

.newsup {
	/*position: absolute;
	left: 655px;
	top: 5px;
	z-index: 101;*/
	border: 1px solid #D3AE53;
	width: 267px;
	height:34px;
	text-align: center;
	background: #615327;
	padding: 0;
	margin: 0 0 7px 0;
}
			
.newsup p {
	font-size: 11px;
	color: #f4d589;
	font-weight: normal;
	margin: 11px 0 0 5px;
	padding: 0;
	float: left;
	font-family: verdana, arial, sans-serif;
	/*border: 1px solid #fff;*/
	}
			
.newsup img {
	float: right;
	margin: 5px 5px 5px 0;
	padding: 0;
	border: 0;
	width:95px; 
	height:24px;
	/*border: 1px solid #fff;*/
}

div#front_page {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 100%;
	width:656px;
	height:1300px;
}

div#front_page a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 100%;
}

div#twitter {
	float:left;
}

div#twitter img {
	border:none;
}

div#tripAdvisor {
	float:right;
}

div#tripAdvisor img {
	border:none;
	cursor:pointer;
}

/* trip advisor box */
div#TA_cdswritereviewlg856 {
	z-index:101;
	position:absolute;
	top:254px;
	left:691px;
	display:none;
}


.signup h1 {
	font-family: verdana, arial, helvetica, sans;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 3px 0 3px 0;
	}

form.signup {
	font-family: verdana, arial, helvetica, sans;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 3px 0 0 0;
	}
			
form#signup {
	position: relative;
	}
			
div#name, div#email {
	position: relative;
	float: left;
	margin-right: 3px;
	}
			
input#name-field, input#email-field {
	width: 10em;
	}
			
label.overlabel {
	color: #999;
	}
			
label.overlabel-apply {
	position: absolute;
	top: 3px;
	left: 5px;
	z-index: 100;
	color: #999;
	}
	
.smallredtext{
	color: red;
	font-size: 10px;
	display: block;
}

.responsetext{
	color: red;
	font-size: 10px;
	display: block;
}
	
#home a {
  position: absolute;
  width: 225px;
  height: 84px;
  top: 15px;
  left: 16px; 
  text-decoration: none;
  /*border: red 1px solid;*/
  }
  
#home a i { 
	visibility: hidden; 
	}
	
#sound {
	position: absolute;
	left: 832px;
	top: 136px;
	}
	
#photo_content {
	position: absolute;
	left: 0px;
	top: 221px;
	}
	
#full_content {
	position: absolute;
	left: 0px;
	top: 180px; 
	width: 620px;
	font-size: 14px;
	text-align: left;
	line-height: 21px;
	padding-left: 20px;
	padding-bottom: 10px;
	}
	
#full_content h1 {
	font-size: 21px;
	font-style: italic;
	text-align: left;
	color: #d3ae53;
	padding: 10px 0 0 0;
	margin: 0;
	}
	
#full_content h2 {
	font-size: 18px;
	font-style: italic;
	text-align: left;
	color: #000033;
	padding: 10px 0 0 0;
	margin: 0;
	}
	
.pdf {
	list-style: square inside url('../images/pdficon_small.gif')
	}
	
#comArea {
	position:absolute;
	width:269px;
	height:92px;
	top:170px;
	left:662px;
	background-color:#000033;
	z-index:1;
}

#body_text {
	position: absolute;
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	padding-bottom: 10px;
	left: 677px;
	top: 92px; 
	width: 235px;
	}
	
#body_text h1 {
	font-size: 21px;
	font-style: italic;
	text-align: left;
	color: #d3ae53;
	padding: 10px 0 0 0;
	margin: 0;
	}
	
img.left { 
	float: left; 
	}
	
div.desc {
	position: relative;
	}
	
div.desc p {
	font-family: verdana, sans-serif;
	font-size: 12px;
	margin-left: 320px;
	}
	
.commentbox {
	background-color: #d3ae53;
	width: 220px;
	padding: 10px;
	font-family: georgia, geneva, arial, helvetica, sans-serif;
	font-size: 21px;
	line-height: 24px;
	color: #fff;
	}

.commentfooter {
	background: url(../images/arrow4.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 58px;
	padding-top: 1px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	margin-bottom: 2em;
	font-size: 100%;
	color: #000;
	}
	
#switchbox {
	background-color: #d3ae53;
	width: 220px;
	padding: 10px;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: #fff;
	}
	

#body_text a:link { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #000;
	background: transparent; 
	line-height: 21px; 
	text-decoration: underline; 
	}
	
#body_text a:visited { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #000;
	background: transparent; 
	line-height: 21px; 
	text-decoration: underline; 
	}

#body_text a:hover { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #fff;
	background: #d3ae53; 
	line-height: 21px; 
	text-decoration: none; 
	}
	
#body_text a:active { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #000;
	background: #d3ae53; 
	line-height: 21px; 
	text-decoration: underline; 
	}


#switchbox a:link { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff;
	background: transparent;
	line-height: 12px; 
	text-decoration: underline; 
	}
	
#switchbox a:visited { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff;
	background: transparent; 
	line-height: 12px; 
	text-decoration: underline; 
	}

#switchbox a:hover { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff;
	background: #667799; 
	line-height: 12px; 
	text-decoration: none; 
	}
	
#switchbox a:active { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff;
	background: #667799; 
	line-height: 12px; 
	text-decoration: underline; 
	}
	
	
#full_content li a:link { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #000;
	background: transparent; 
	line-height: 21px; 
	text-decoration: underline; 
	}
	
#full_content li a:visited { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #000;
	background: transparent; 
	line-height: 21px; 
	text-decoration: underline; 
	}

#full_content li a:hover { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #fff;
	background: #d3ae53; 
	line-height: 21px; 
	text-decoration: none; 
	}
	
#full_content li a:active { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #000;
	background: #d3ae53; 
	line-height: 21px; 
	text-decoration: underline; 
	}
	

img.floatleft { 
	float: left; 
	margin: 0px 10px 0px 0px; 
	}
	
	
#footer a:link { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #003; 
	line-height: 17px; 
	text-decoration: none; 
	}
	
#footer a:visited { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #003; 
	line-height: 17px; 
	text-decoration: none; 
	}

#footer a:hover { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #003; 
	line-height: 17px; 
	text-decoration: underline; 
	}
	
#footer a:active { 
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #003; 
	line-height: 17px; 
	text-decoration: underline; 
	}
	
#tabular p {
	font-size: 12px;
	text-align: left;
	line-height: 12px;
	padding: 0;
	margin: 0;
	}

#footer {
	width: 620px;
	font-family: verdana, geneva, arial, helvetica, sans-serif; 
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	padding: 0px;
	margin: 0px;
	color: #003;
	}