/* -------------------------------------- 

	#F5D7E3 - Light Pink
	#be1c6e - Dark Rose Pink for headings / features
	#7C458D - Dark Purple
	#92b7bb - Blue Body Text / #008080
	#fafcf3 - Cream Background 			
---------------------------------------- */
 
html {
		text-align: center;
		background: #fff;
		}		

body {  height:100%; overflow-y:auto;
		position: relative;
		text-align: center;
		background: #6d3886 url(../images/butterflies-purple.png) repeat-x fixed bottom center; 
		font: small/1.5 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
		color: #006666 /* #336666 */;
		}		
body#wellness_page {background: #bd5f94  url(../images/butterflies-pink.png) repeat-x fixed bottom center; }	
body#spa_page { background: #3d9593  url(../images/butterflies-turquois.png) repeat-x fixed bottom center; }		
body#news_page, body#photogallery, body#contact_page {background: #6d3886  url(../images/butterflies-purple.png) repeat-x fixed bottom center; 	}

	
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, cite, form, #map{
		margin: 0 15px .75em 15px;
		}						
		
h1, h2, h3, h4 {
		margin-top: .5em;
		margin-bottom: .15em;
		font-family: "Monotype Corsiva", "Apple Chancery", "Times New Roman", Times, serif;
		font-weight: normal;
		color: #be1c6e;
		letter-spacing: -.5px;
		}	

h1 { font-size: 190%; }		
h2 { font-size: 160%; /* margin-top: 20px; */}			
h3 { font-size: 140%; }
h4 { font-size: 110%; font-weight: bold;}

h2#design {margin-top: .5em;}
		
p, li {	font-size: 100%; }		

.subheading {
		float: right;
		margin: 1.5em 25px 0 0;
		font-size: 120%;
		font-weight: bold;
		color: #333;
		font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; 
		}
		
a:link, a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #76318e /*#7c458d */;
		}		
		
a:hover, a:active {
		text-decoration: underline;
		font-weight: bold;
		color: #006666;
		}	
		
blockquote {
		float: right;
		color: #76318e;
		font-family: georgia, 'times new roman', serif;
		font-size: 140%;
		font-weight: normal; 
		margin: 15px 10px;
		width: 200px;
		}
		
strong { font-weight: bold; }		
em { font-style: italic; }
				

/* branding */

#branding {
		padding: 0;
		background: transparent url(../../en/images/day_spa_banner.jpg) bottom no-repeat;
		height: 236px;
		overflow: hidden;
		width: 750px;
		}	
		
#branding h1 { 
		float: left;
		margin: 0 25px;
		display: none /* inline */ ;
		}		

#branding h2 { 	
		padding-left: 130px; 
		padding-top: 160px; 
		font: bold 12pt 'trebuchet ms', 'lucida grande', arial, sans-serif; 
		letter-spacing: .05em;
		color: #fff;
		display: none /* inline */ ;}

#branding p { margin: 0; }	

#nav_menu {
		height: 92px; 
		width: 750px;
		padding: 0;
		background: transparent url(../../en/images/spa_menu_bkg.gif) bottom no-repeat;
		/* overflow: hidden; */
 }	
			

/* content */
		
#content {
		width: 750px;
		overflow: hidden;
		margin: 3px 0 0 0;
	/*	border-top: 3px solid #76318e; */
		}	
		
#content h1 {
		background: transparent;
		margin-top: .5em;
		padding: 0;
		}	
		
#content_intro {
		margin-top: 3px;
		overflow: hidden;
		width: 100%;
		padding: 0;
		text-align: center;
		}			
		
#content_intro p { font-size: 100%; color: #008080; letter-spacing: .05em;}		
#content_intro h1 {color: #76318e; font-size: 180%; letter-spacing: .05em; padding-top: 0; margin-top: 0; }
#content_intro h2 {color: #9563b8; font-size: 120%; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;  margin-top: 0; padding-top: 0;}

#content_main {
		float: left;
		margin-top: 3px;
		margin-bottom: 10px;
		width: 465px;
		overflow: hidden;
		}
		
#photogallery #content_main {
		width: 725px;
		}
		
#content_main h1 { 
		color: #be1c6e;   
		margin-top: .5em;
		margin-bottom: .75em;
		padding-right: 45px;
		padding-bottom: .25em;
		background: transparent url(../../images/lilly.png) right center no-repeat;
		/* border-bottom: 1px solid #bbd69d; */
		font-family: "Monotype Corsiva", "Apple Chancery", "Times New Roman", Times, serif;
		width: auto;
		}		
#content_main h2 { font-size: 180%; letter-spacing: normal;  }
		
#content_main h3 { letter-spacing: normal;  }	
#content_main h4 {font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; font-size: 120%;color: #008080;  }
#content_main ul, #content_sidebar div.innerbox ul, #content_sidebar #facilitiesad ul {
		padding: 0 .20em;
		margin-top: .5em;
		margin-bottom: 1.5em;
		}		
		
#content_main ul li, #content_sidebar div.innerbox ul li, #content_sidebar #facilitiesad ul li {
	margin-left: 1em;
	margin-bottom: .5em;
	list-style: circle;
		}

#sitemap #content_main ul { padding-left: 20px;}
		
#sitemap #content_main ul li {
		padding-left: 1.5em;
		margin-bottom: .75em;
		}
		


#photogallery #content_main ul li {
		background-image: none;
		}		
		
#photogallery #imggallery {
		width: 475px;
		margin: 30px auto 30px auto;
		
		}		
		
#content_secondary {
		clear: both;
		overflow: hidden;
		width: 100%;
		/* background: #f5f7d3 url(../../images/bottom_shadow.gif) top center no-repeat; */
	
		}	
		
#content_secondary #gallerymain {
		float: left;
		display: inline;
		margin-left: 10px;
		width: 300px;
}		

#content_secondary #specialmain {
		float: right;
		width: 400px;
		margin-bottom: 5px;
		margin-right: 10px;
		margin-top: 30px;
}
		
#content_secondary h2 {  
		font-size: 180%;  
		margin-top: 0;
		}		
		
#content_secondary #specialmain h3, #content_secondary #gallerymain h3 {
		margin-top: .75em;
		}				
		
#content_sidebar {
		/* overflow: hidden; */
		float: right;
		padding: 0;
		width: 260px;
		font-family: Arial, Verdana, sans-serif;
		}	
		
#photogallery #content_sidebar {
		display: none;
		width: 0px;
		}		
		
#content_sidebar h3, #content_sidebar ul, #content_sidebar p { margin-top: .5em; }	
#content_sidebar h3, #content_sidebar h2 {text-align: center;}		


.note {
		margin: 1em 0;
		padding:0;
		border: 1px solid #be1c6e /* #95dad5 */; 
		width: 258px;
		background: transparent url(../images/note_background.jpg) repeat top left;
		}	
		
.note h3, .note h2 { margin-top: 0;}

div.note ul, div.innerbox ul { text-align: left;}		


		

#services_design {
		background: transparent;
		float: left;
		width: 249px;
		}
		
#services_installation {
		background: transparent;
		float: left;
		width: 246px;
		border-left: 1px solid #bbd69d;
		border-right: 1px solid #bbd69d;
		}
		
#services_maintenance {
		background: transparent;
		float: left;
		width: 250px;
		}


#options {position: relative; margin: 0; padding: 0;}
		
#spa {
		float: left;
		width: 47%;
		padding-bottom: .75em;
		text-align: center;
		}
		
#retreat {
		float: right;
		width: 47%;
		padding-bottom: .75em;
		text-align: center;
		}			

.green_bg { background: #e4efd8; }
.yellow_bg { background: #f5f7d3; }


/* -footer --------------------------- */
		
#footer 	{ margin-top: 3px;
		padding: 0 0 10px 0;
		overflow: hidden;
		width: 750px;

		 }	
		
#footer #copyright  p,  #footer  p { color: #008080;  font-size: 95%; text-align: center;}		

		
#copyright a:link, #copyright a:visited {

	color: #008080;
	text-decoration: none;
	font-weight: normal;
}					
					
#nav_footer a {
		text-decoration: none;
		color: #008080;
		line-height: 100%;
		font-weight: normal;
		font-size: 110%;
		}
		
#nav_footer a:hover, #nav_footer a:active {
		text-decoration: none;
		color: #7c458d;
		}
		
		
/* -images ------------------------------------- */	

.photoleft {
		float: left;
		margin: .5em 10px 0 0;
		padding: 3px;
		background: #fff;
		border: 1px solid #ddd;
		}		

.imageleft {
		float: left;
		margin: .5em 10px 0 0;
		}
		
.imageright {
		float: right;
		margin: 0 0 0 5px;
		}		

.leftimageborder {
		float: left;
		margin: 15px 15px 0 0;
		padding: 3px;
		border: 1px solid #e4efd8;
		}		

.centerimage {
		margin: 0 0 20px 0;
		padding: 0;
		}					

.centerimageborder {
		margin: 0 0 0 2px;
		padding: 3px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin: 0 auto;
		}
		
.rightimageborder {
		float: right;
		margin: 5px 0 5px 10px;
		padding: 3px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}			
									

/* -utility classes -------------------------- */

		
		
#map {
		width: 430px; 
		height: 350px;
		padding: 10px;
		border: 1px solid #e4efd8;
		}			
		
#languages {text-align: right;}