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

	#ffffff - HTML Background (White)
	#ffffff - Body Background (White)
	#F5D7E3 - Light Pink
	#be1c6e - Dark Rose Pink for headings / features
	#7C458D - Dark Purple
	#333333 - Gray Headings
	#92B7B8 -  Blue Body Text
	#F4BED8 - medium dull pink
	
---------------------------------------- */

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 */;
		}		
		
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, cite, form, #map{
		margin: 0 15px .75em 15px;
		}						
		
h1, h2, h3, h4, #spa h2, #retreat h2 {
		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%; }			
h3 { font-size: 140%; }
h4 { font-size: 110%; font-weight: bold;}
		
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: underline;
		font-weight: bold;
		color: #7c458d;
		}		
		
a:hover, a:active {
		text-decoration: none;
		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(../images/day_spa_banner.jpg) bottom no-repeat;
		height: 236px;
		overflow: hidden;
		width: 750px;
		}	
		
#branding h1 { 
		float: left;
		margin: 0 25px;
		display: none;
		
		}		
#branding h2 { 	
		padding-left: 180px; 
		padding-top: 160px; 
		font: bold 12pt 'trebuchet ms', 'lucida grande', arial, sans-serif; 
		letter-spacing: .05em;
		color: #fff;}

#branding p { margin: 0; }

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

/* -nav_main --------------------------- */
							
#nav_main {
		position: absolute;
		left: 20px;
		top: 235px;
		background: transparent;
		overflow: hidden;
		width: 100%;
		z-index: 10;
		}
		
#nav_main ul {
		float: left;
		margin: .5em 0;
		padding: 0 5px;
		}		
		
#nav_main ul li {
		float: left;
		color: #fff;
		}	
		
#nav_main ul a {
		display: block;
		float: left;
		text-decoration: none;
		text-align: center;
		background: transparent url(../images/nav_separator.gif) bottom right no-repeat;
		font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
		font-size: 130%;
		font-weight: bold; 
		width: auto;
		margin-right: 10px;
		}	
						
		
#nav_main ul a:hover, #nav_main ul a:active {
		color: #92B7B8c;
		/* background: #f5f7d3 none; */
		}	
		
#home #nav_main ul li.home a,
#contact #nav_main ul li.contact a,
#dayspa #nav_main ul li.dayspa a,
#facilities #nav_main ul li.facilities a,
#photogallery #nav_main ul li.photogallery a,
#retreat #nav_main ul li.retreat a {
		/* background: #f5f7d3 url(../images/nav_selected.jpg) left no-repeat; */
		color: #92B7B8;
		font-weight: bold;
		}							

/* -content --------------------------- */
					

/* content */
		
#content {
		/* background: #fff; */
		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%;
		color: #222;
		}			
		
#content_intro p { font-size: 105%; color: #008080; letter-spacing: .05em;}		

#content_main {
		float: left;
		margin-top: 3px;
		margin-bottom: 20px;
		width: 465px;
		}
		
#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 h3 { letter-spacing: normal;  }	

#content_main ul {
		padding: 0 .20em;
		margin-top: .5em;
		margin-bottom: 1.5em;
		}		
		
#content_main ul li {
		background: transparent url(../../images/bullet.gif) 0 .5em no-repeat;
		padding-left: 1.2em;
		margin-bottom: .5em;
		}

						
#content_secondary {
		clear: both;
		overflow: hidden;
		width: 100%;
		}	
		
#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-top: 10px;
		width: 260px;
		padding-left: 25px;
		}			
		
#content_sidebar h3, #content_sidebar ul, #content_sidebar p { margin-top: .5em; }	
		
.note {
		margin: 1em 0;
		padding-bottom: 1em;
		background: #fafcf3 url(../images/line.jpg) no-repeat top center;
		width: 100%;
		padding-top: 35px;
		}	
		
.note h3 { margin-top: 0; }		

#home #content_intro {
		margin-top: 3px;
		padding: 5px 0 0 0;
		overflow: hidden;
		width: 100%;
		text-align: center;
		}	
		
#home #content_intro span { font-size: 95%; width: auto; }	
#home #content_intro .spanh2 {  
		 font-family: "Monotype Corsiva", "Apple Chancery", "Times New Roman", Times, serif;
		font-weight: normal;
		color: #be1c6e;
		letter-spacing: .5px; 
		margin: .5em 0;
		font-size: 160%;
		}

#home #content_intro h1 {color: #76318e; font-size: 150%; letter-spacing: .05em; }
#home #content_intro h2 {font-family: Georgia, 'Times New Roman', serif; font-size: 1.2em; }

#home #content_intro a { padding: 0 15px .5em 15px; }

#home #content_intro a:link, #home #content_intro a:visited {
		display: block;
		text-decoration: none;
		font-weight: normal;
		color:  #006666 /* #336666 */;
		}	
		
#home #content_intro a:hover, #home #content_intro a:active {
		display: block;
		text-decoration: none;
		font-weight: normal;
		/* background:	#ffffcc; */
		color:  #006666 /* #336666 */;
		}

#home #content_intro #services_maintenance a:hover, #home #content_intro #services_maintenance a:active {
		 background: #fafcf3; 
		}
		
#home #content_intro #services_design a:hover, #home #content_intro #services_design a:active {
		 background: #fafcf3; 
		}
		
#services_design {
		background: transparent;
		float: left;
		width: 249px;
		margin-top: 20px;
		
		}
		
#services_installation {
		background: transparent;
		float: left;
		width: 246px ;
		/* border-left: 1px solid #bbd69d;
		border-right: 1px solid #bbd69d; */
		margin-top: 50px;
		}
		
#services_maintenance {
		background: transparent;
		float: left;
		width: 250px ;
		margin-top: 20px;
		}

#home #content_main {
		margin: 3px 0;
		border-top: none;
		overflow: hidden;
		width: 100%;
	/*	background: #fff url(../images/welcome_bg.gif) repeat-y; */
		}		
		
#home #content_main h1 { color: #be1c6e; margin-top: .25em; text-align: center; }						
		
#spa {
		float: left;
		width: 45%;
		padding-bottom: .75em;
		margin-top: 20px;
		/* border: 1px solid #95dad5; */
		margin-left: 10px;
		text-align: center;
		}
		
#retreat {
		float: right;
		width:45%;
		padding-bottom: 0;
		margin-top: 20px;
		/* border: 1px solid #95dad5; */
		margin-right: 10px;
		text-align: center;
		}		

#spa p, #retreat p {text-align: left; color: #006666;letter-spacing: normal; width: 300px;}

#spa h2 a, #retreat h2 a, #spa h2 a:visited, #retreat h2 a:visited {
		text-align: center;  
		font-size: 120%; 
		font-family: "Monotype Corsiva", "Apple Chancery", "Times New Roman", Times, serif;
		font-weight: normal;
		color: #be1c6e;
		text-decoration: none;}
		
#spa h2 a:active, #retreat h2 a:active, #spa h2 a:hover, #retreat h2 a:hover {text-decoration: underline;}		

#spa p.right, #retreat p.right {text-align: right;}

#home #content_secondary {
		margin-top: 3px;
		overflow: hidden;
		width: 100%;		}	

.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;
		}			

#blue {background-color: #006192; width:75px; height:49px; margin-left: auto; margin-right: auto;}
#blue a.linkopacity img {
filter:alpha(opacity=100); 
-moz-opacity: 1; 
opacity: 1;
width:75px; height:49px;
}


#blue a.linkopacity:hover img, #blue a.linkopacity:active img {
filter:alpha(opacity=50);   
-moz-opacity: .5;   
opacity: .5;
}
										
#languages {text-align: right;}

#winterimages {clear: both; text-align: center; width: 550px; margin-left: auto; margin-right: auto;}