html,body{ height:100%; margin:0; padding:0; }
body{
	min-width:600px;
	min-height:400px;
	background-color: #F4F4F4;
	overflow:hidden;
}
#vertical{ height:50%; margin-top:-258px;/* half vertical height*/ width:100%;}
.hoz { width:11900px; margin-left:auto;	margin-right:auto; position:relative; /* allow content to scroll inside element */	text-align:left; clear:both;}

#logo					{
	position:absolute;
	z-index:800;
	top: 265px;
	left: 15px;
}

img {border:none;}

.spreadpicture			{  width:800px; position:relative;	z-index:2;	float:left;	text-align:center; margin-right: 0px; margin-bottom: 0; padding-left: 50px; }
.spread   				{  margin:0 auto; height:527px; width:758px; position:relative; z-index:2; }
#spreads  				{ position:relative; right:480px;}
.spread img   			{ border: 8px solid #FDFDFD;}

/*Menu Color Classes*/
.green ,.yellow, .red{ height:35px;}
#menu { position:relative; z-index:500; height:800px; margin-top:-150px;}
#menu ul {left:-40px;}
#menu ul li{ padding-bottom:5px; list-style:none;}
/*end of Menu Color Classes*/

#credits				{
	font-size:12px;
	color:#666;
	position: absolute;
	left: 110px;
	width:200px;
	bottom:20px;
	text-align: right;
}
#reserve{
	position: absolute;
	left: 171px;
	width:200px;
	bottom:147px;
	z-index:1;
}

#facebook{
	position: absolute;
	left: 150px;
	width:200px;
	bottom:113px;
	z-index:1;
	
}

#trip-advisor{
	position: absolute;
	left: 127px;
	width: 200px;
	bottom: 80px;
	z-index:1;
	
}

#share{
	bottom: 20px;
	left: 61px;
	position: absolute;
	width: 200px;
	z-index: 1;
}

#weather{
	position: absolute;
	left: 85px;
	width: 200px;
	bottom: 40px;
	z-index:1;
	
}
#map{
	position: absolute;
	left: 106px;
	width: 200px;
	bottom: 55px;
	z-index:1;
	
}

#social_media ul{list-style:none;margin:0;padding:0;}

#social_media ul li {float:left;margin-left:10px;}

#social_media ul li a img{border:0;text-decoration:none;}

#credits a{ text-decoration:none; color:#333;}

#firstspread			{ position:relative; float:left; z-index:2; text-align:center; margin-top: 0px; margin-right: 60px; margin-bottom: 0; border: 8px solid #FDFDFD;}

#orchid_resort,			
#orchid_spa, 
#orchid_events 			{  width:780px; position:relative;	z-index:2;	float:left;	text-align:center; margin-top: 0px; margin-right: 20px; margin-bottom: 0; padding-left: 50px; }

#welcome_spread   		{  margin:0 auto; height:525px; width:785px; background-image:url(../images/welcomepicture.jpg); background-repeat:norepeat; position:relative; z-index:2; }

#welcometoorchid        { background-image:url(../images/welcometoorchid.png);	background-repeat:no-repeat; position:absolute; width: 270px; height:28px; left: 61px; top: 55px;}
#locationtitle        	{ background-image:url(../images/locationtitle.png);	background-repeat:no-repeat; position:absolute;	width: 270px; height:28px; left: 61px; top: 55px;}
#settingstitle        	{ background-image:url(../images/settingstitle.png);	background-repeat:no-repeat; position:absolute;	width: 270px; height:28px; left: 61px; top: 55px;}
#musictitle        		{ background-image:url(../images/musictitle.jpg);	    background-repeat:no-repeat; position:absolute;	width: 270px; height:28px; left: 61px; top: 55px;}
#eventstitle        	{ background-image:url(../images/events_title.png);	    background-repeat:no-repeat; position:absolute;	width: 270px; height:28px; left: 61px; top: 55px;}

#resortflower 			{ position:absolute; left: 423px; top: 29px;}
#resortflower img 		{ border:none;}
#musicpicture			{ position:absolute; left: 70px; top: 210px;}
#musicpicture img 		{ border:none;}

#locationpicture		{ position:absolute; top: 1px; left: 363px; z-index:10; height: 544px;}
#locationpicture img	{ border:none;}
#settingspicture		{ position:absolute; left: 580px; top:90px; z-index:10; height: 544px;}
#settingspicture img	{ border:none;}
#musicspicture_quote	{ position:absolute; left: 580px; top:108px; z-index:10; height: 544px;}
#spapicture				{ }
#spapicture img			{ border:none;}

#gallerythumbs			{ position:absolute; left: 580px; top:400px; z-index:10; height: 544px;}

#welcometext 			{ position:absolute; width:220px; left: 72px; top: 120px; font-family:Helvetica, sans-serif; color:#434340;	font-size:12px;	text-align:left;}
#locationtext 			{ position:absolute; width:220px; left: 72px; top: 136px; font-family:Helvetica, sans-serif; color:#434340; font-size:12px; text-align:left;}
#settingstext 			{ position:absolute; width:220px; left: 72px; top: 100px; font-family:Helvetica, sans-serif; color:#434340; font-size:12px; text-align:left;}
#settingstext2			{ position:absolute; width:220px; left: 330px; top: 100px; font-family:Helvetica, sans-serif; color:#434340; font-size:12px; text-align:left;}
#musictext 				{ position:absolute; width:200px; left: 300px; top: 100px; font-family:Helvetica, sans-serif; color:#6C6C68; font-size:12px; text-align:left;}
#musictext_1			{ position:absolute; width:200px; left: 70px; top: 100px; font-family:Helvetica, sans-serif; color:#c9d23a; font-size:12px; text-align:left;}
#spatext 				{ position:absolute; width:220px; left: 72px; top: 100px; font-family:Helvetica, sans-serif; color:#FFF; font-size:12px; text-align:left;}
#culinarytext			{ position:absolute; width:220px; left: 468px; top: 80px; font-family:Helvetica, sans-serif; color:#c9d23a; font-size:12px; text-align:left;}
#eventtext 				{ position:absolute; width:220px; left: 65px; top: 120px; font-family:Helvetica, sans-serif; color:#FFF; font-size:12px; text-align:left;}

.spaservicestitle 		{ position:relative; top:50px; left:45px;}
.spaservicestitlebody	{ position:relative; top:50px; left:40px;}
.spaservicestitlemassage{ position:relative; top:50px; left:20px;}
#refreshingfacial		{ width:200px; position:relative; top:90px; left:45px; text-align:left; font-family:Helvetica, sans-serif; color:#FFF; font-size:12px;}
#eyesparkle				{ width:200px; position:relative; top:110px; left:45px; text-align:left; font-family:Helvetica, sans-serif; color:#FFF; font-size:12px;}
#splashfacial			{ width:200px; position:relative; top:-220px; left:290px; text-align:left; font-family:Helvetica, sans-serif; color:#FFF; font-size:12px;}
#skinrepairing			{ width:200px; position:relative; top:-200px; left:290px; text-align:left; font-family:Helvetica, sans-serif; color:#FFF; font-size:12px;}

#orchid_resort_spread   { margin:0 auto; height:505px; width:785px; background-color:#c9d23a; border: 8px solid #FDFDFD; position:relative; z-index:2; }
#orchid_spa_spread      {  margin:0 auto; height:505px; width:785px; background-color:#d71d91; border: 8px solid #FDFDFD; position:relative; z-index:2; }
#orchid_events_spread   {  margin:0 auto; height:505px; width:785px; background-color:#2f8dd0; border: 8px solid #FDFDFD; position:relative; z-index:2; }

.orchid_spa				{  width:800px; position:relative;	z-index:2;	float:left;	text-align:center; margin-top: 20px; margin-right: 0px;	margin-bottom: 0; padding-left: 350px;}
.orchid_events          {  width:800px; position:relative;	z-index:2;	float:left;	text-align:center; margin-top: 20px; margin-right: 0px;	margin-bottom: 0; padding-left: 350px; }
.orchid_spa_spread      {  margin:0 auto; height:527px; width:785px; background-image:url(../images/welcomepicture.jpg); background-repeat:norepeat; position:relative; z-index:2; }
.orchid_events_spread   {  margin:0 auto; height:527px; width:785px; background-image:url(../images/welcomepicture.jpg); background-repeat:norepeat; position:relative; z-index:2;}


#welcomestrip			{
	position:absolute;
	left: 841px;
	top: 247px;
	z-index:100;
}

#slideshow 				{ position:relative; float:left; width:765px; height:505px; border: 8px solid #FDFDFD;}

#slideshow IMG 			{ position:absolute;	top:0; left:0px; z-index:8; opacity:0.0;}

#slideshow IMG.active 	{ z-index:10; opacity:1.0;}

#slideshow IMG.last-active { z-index:9;}
.gallerypic			{	border-top-width: 8px; border-right-width: 8px;	border-bottom-width: 8px; border-left-width: 8px; border-top-style: none; border-right-style: solid; border-bottom-style: none;
	border-left-style: solid; border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF;}
#secondary {
    color: #FFF;
    padding: 15px 35px;
    
}

#pageslide-slide-wrap {
    background-color: #000;
}

#pageslide-content h2 {
  color: #C60;
}

#pageslide-content a { 
  font-size:12px;
  padding:20px;
}

.pageslide-close {
  font-size: 12px;
  font-weight: bold;
  padding:10px !important; 
  border: 1px solid #C60;
}

#footer { width:100%;  margin-top:-30px; position: fixed; bottom:0;} 

 .slide-out-div {
	 padding-left:10px; padding-right:10px;
	 padding-top:5px;
		  height:20px;
          width: 250px;
          background: #FFF;
          border: 1px solid #29216d;
		  z-index:80000;
		  display:none;
      }      
	  
	  
 .slide-out-div2 {
          padding: 10px;
          width: 250px;
          background: #FFF;
          border: 1px solid #29216d;
		  z-index:100000;
		  display:none;
      }      
	  
#print-btn {
	display: none;
	position: absolute;
	top: 20px;
	right: 20px;
}
#inline_example4:hover #print-btn {
	display: block;
}

.haccordion .content {
	color: #ffffff;
	text-align: left;
}
div.content.spa_menu p {
	margin: 5px 5px 5px 15px;
}
.haccordion .content .title_zabrey {
	margin-top: 50px;
	margin-left: 5px;
	font-size: 20px;
}