#container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 830px;
}

#body {
	margin: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	height:533px;
	width:auto;
	padding:0px;
	font: normal 14px "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
	line-height:25px;
}
.all {
	height:auto;
	width:830px;
	padding: 0px;
}
div.header {
}

div.spacerA {
	clear:both;
	display:block;
	background-image: url(../images/spacerA.jpg);
	height:10px;
	width:830px;
}
div.spacerB {
	clear:both;
	display:block;
	background-image: url(../images/spacerB.jpg);
	background-repeat:no-repeat;
	width:830px;
	height:11px;
	font-size:0px;
}

div.CurveBlue {
	clear:both;
	display:block;
	background-image: url(../images/curveblue.jpg);
	background-repeat:no-repeat;
	width:830px;
	height:45px;
	font-size:0px;
}

div.bodyA1 {
	clear:both;
	display:block;
	background-image: url(../images/bodyA1.jpg);
	width:830px;
	height:162px;

}

div.bodyA3{
	clear:both;
	display:block;
	background-image: url(../images/bodyA3.jpg);
	width:749px;
	height:197px;
  padding-left: 81px;
}

.walingpic{
  float: left;
  width: 311px;
  height: 197px;
  background: #fff url(../images/buttons/upwalingpic.jpg) no-repeat;
  cursor: hand;
}

.walingpic:hover{
  background: #fff url(../images/buttons/downwalingpic.jpg) no-repeat;
  cursor: hand;
}

.coronpic{
  float: left;
  width: 311px;
  height: 197px;
  background: #fff url(../images/buttons/upcoronpic.jpg) no-repeat right;
  padding-left: 45px;
  cursor: hand;
}

.coronpic:hover{
  background: #fff url(../images/buttons/downcoronpic.jpg) no-repeat right;
  cursor: hand;
}

div.sitio {
	display:block;
	background-image: url(../images/buttons/downsitio.jpg);
	width:52px;
	height:23px;
}
div.sitio:hover {
	display:block;
	background-image: url(../images/buttons/upsitio.jpg);
	width:52px;
	height:23px;
}
div.cabana {
	display:block;
	background-image: url(../images/buttons/downwaling.jpg);
	width:133px;
	height:23px;
}
div.cabana:hover{
	display:block;
	background-image: url(../images/buttons/upwaling.jpg);
	width:133px;
	height:23px;
}
div.hotel {
	display:block;
	background-image: url(../images/buttons/downcoron.jpg);
	width:122px;
	height:23px;
}

div.hotel:hover {
	display:block;
	background-image: url(../images/buttons/upcoron.jpg);
	width:122px;
	height:23px;
}

div.bodyA2 {
	display:block;
	background-image: url(../images/bodyA2.jpg);
	width:830px;
	height:34px;
}
div.bodyA2 span{
	display:block;
	float: left;
}

div.contents_left {
	display:block;
	color:#8D6F2F;
	width:420px;
	margin-left:0px;
	float:left;
	text-indent:0px;
	margin-right:5px;
	text-align: justify;
	padding: 20px 10px 0px 15px;
	background: #fff url(../images/left.jpg) repeat-y;
}

h3, h2{ padding:0px; margin: 0px; }



div.contentstop {
	display:block;
	background-image:url(../images/body.jpg);
	background-repeat:no-repeat;
	width:770px;
	height:auto;
	color:#8D6F2F;
	
}

div.contentstop2 {
	display:block;
	background-image:url(../images/body1.jpg);
	background-repeat:no-repeat;
	width:770px;
	padding-left:30px;
	padding-right:30px;
	float:left;	
	height:auto;
	color:#8D6F2F;
}

div.contentstop2 table, td, th{
padding:2px;
text-align: center;
} 
div.contentstop2 td{
margin: 5px;
}

div.contentstop2  table.leftalign{
text-align: left;
}

div.activities{
	display:block;
	width:770px;
	padding-left:30px;
	padding-right:30px;
	float:left;
	height:auto;
}

div.wedding{
	margin-left: -10px;
	display:block;
	width:790px;
	float:left;
	height:auto;
	text-align: center;
}

div.wedding img{
	border: none;
}

a{
color:#8D6F2F;


}

div.actwrap{
	display: block;
	width:650px;
	height:182px;
	padding-left:30px;
	
	float:left;
	height:auto;
}

div.actwrap table, td, th{
padding:2px;
text-align: center;
} 
div.actwrap td{
margin: 5px;
}


div.massage{
	background: #fff url(../images/activities/massage.jpg);
	width:179px;
	height: 182px;
	float: left;
}

div.hopping{
	background: #fff url(../images/activities/hopping.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.glass{
	background: #fff url(../images/activities/glass.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.sailing{
	background: #fff url(../images/activities/sailing.jpg);
	width:179px;
	height:182px;
	float:left;
	
	
}div.reef{
	background: #fff url(../images/activities/reef.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.parasailing{
	background: #fff url(../images/activities/parasailing.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.jetski{
	background: #fff url(../images/activities/jetski.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.banana{
	background: #fff url(../images/activities/banana.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.wakeboard{
	background: #fff url(../images/activities/wakeboard.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}
div.waterski{
	background: #fff url(../images/activities/waterski.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}
div.sunset{
	background: #fff url(../images/activities/sunset.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}
div.flyingfish{
	background: #fff url(../images/activities/flyingfish.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.kayak{
	background: #fff url(../images/activities/kayak.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.land{
	background: #fff url(../images/activities/land.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.horse{
	background: #fff url(../images/activities/horse.jpg);
	width:179px;
	height: 182px;
	float: left;
	
}div.golf{
	background: #fff url(../images/activities/golf.jpg);
	width:179px;
	height: 182px;
	float: left;
}

div.activitiesdesc{
	clear: both;
	width:300px;
	height:auto;
	margin-left: 200px;
	color:#8D6F2F;
	
}

.contents_left img{
border: 2px gray solid;
}

div.contentstop {
	display:block;
	width:770px;
	padding-left:30px;
	padding-right:30px;
	float:left;
}
div.contents {
	clear:both;
	display:block;
	float:left;
	background:url(../images/bodybg.jpg) repeat-y;
	width:830px;
	height:auto;
	color:#8D6F2F;
	margin:0px;
}

div.contents_right {
	
	padding-top: 14px;
	display:block;
	color:#8D6F2F;
	width:285px;
	margin-left:480px;
	text-indent:0px;
	
}

div.ticker  {
	padding-top: 14px;
	display:block;
	background-image: url(../images/ticker.jpg);
	background-repeat: no-repeat;
	width:285px;
	height:226px;
	
	margin-left: 480px;
	
}

div.ticker2  a{
  font: 32px georgia;
  color: #824303;
  text-decoration: none;
}

div.ticker2  a:hover{
  color: #000;
}

div.ticker2  {
	padding-top: 55px;
	display:block;
	text-align: center;
	background: url(../images/sidelinks.jpg) no-repeat;
	width:221px;
	height:246px;
	margin-top: 30px;
	margin-left: 500px;
	
}

div.plan{
	display:block;
	background-image: url(../images/plan.jpg);
	background-repeat: no-repeat;
	width:272px;
	height:80px;
	margin-top: 50px;
	margin-left: 485px;
}

div.ticker  span{
	font-family:Tahoma;
	color:#8D6F2F;
	
	margin-left:10px;
	line-height: 17px;
}
div.ticker p{
	margin:4px;
	width:0px;
	margin-left:15px;
	font-size:14px;
}

div.galleryflash {
	text-align:center;
	position:absolute;
	height:489px;
	height:322px;
	top:372px;
	left:400px;
}

div.gallerytext {
	position:absolute;
	display:block;
	text-align:center;
	font-weight:normal;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#8D6F2F;
	width:297px;
	left:110px;
	top: 380px;
}

div.TopCurveClean {
	clear:both;
	display:block;
	float:left;
	background-image: url(../images/topfooter.jpg);
	background-repeat:no-repeat;
	width:830px;
	height:18px;
}

div.BottomCurve{
	clear:both;
	display:block;
	float:left;
	background-image: url(../images/bottomcurve.jpg);
	background-repeat:no-repeat;
	width:830px;
	height:34px;
}

div.TopCurve{
	clear:both;
	display:block;
	float:left;
	background-image: url(../images/topcurve.jpg);
	background-repeat:no-repeat;
	width:830px;
	height:18px;
}

div.Footer {
	clear:both;
	display:block;
	background-image: url(../images/footer.jpg);
	background-repeat:no-repeat;
	width:830px;
	height:20px;
	margin:0px;
	
}
div.FooterClean {
	clear:both;
	display:block;
	background-image: url(../images/footerclean.jpg);
	background-repeat:no-repeat;
	width:830px;
	height:17px;
	
}

ul.footerLinks{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.footerLinks li{
  display: inline;
}

.contactleft {
	clear:both;
	width:130px;
	height:auto;
	float:left;
	margin-right:10px;
}
.contactright{
	width:250px;
	height:auto;
	float:left;
}

.contactleftB {
	width:130px;
	height:auto;
	float:left;
	margin-right:10px;
}
.contactrightB {
	width:250px;
	height:auto;
	float:left;
}
.contactleftB p {
	margin-top:0px;
	margin-bottom:5px;
}
.contactleft p {
	margin-top:0px;
	margin-bottom:5px;
}






/**              button css               */




#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 12px arial}
 
#sddm li a
{	cursor: pointer;
	display: block;
	margin: 0 0px 0 0;
	padding: 10px 5px 10px 5px;
	background-image: url(../images/buttonspacer.jpg);
	background-repeat:repeat-x;
	color:#8D6F2F;
	text-align: center;
	text-decoration: none;
	}

#sddm li a:hover
{	background-image:url(../images/buttons/buttonhover.jpg);
	background-repeat:repeat-x;
	color: #ffffff;}
	
#sddm li a:focus
{	background-image:url(../images/buttons/buttonhover.jpg);
	background-repeat:repeat-x;
	color: #ffffff;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid #5970B2;
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color:#8D6F2F;
		font: 11px arial}

	#sddm div a:hover
	{	color: #ffffff;
		background-image:url(../images/buttons/buttonhover.jpg);
		background-repeat:repeat-x;}}
		
		
/* end of button*/

/* start of input boxes*/

div.register { 
margin-left: 20px; 

} 

div.register div.entry { 
display:block; 
height:auto; 
padding-bottom:30px; 
//padding-bottom:10px; 
} 

 

div.register div.right { 
float: right; 
width: auto; 
height: auto; 
margin-right: 0px; 
border: 0px solid; 
text-align:right; 
} 

div.register div.left { 
float: right; 
width: auto; 
border: 0px solid; 
height: auto; 
}

div.register span.detail { 
display:block; 
border: 0px solid; 
width: 200px; 
} 

div.register h1 { 
margin-bottom: 30px; 
} 

div.register h2 { 
display:block; 
font-size: 15px; 
margin-top: 10px; 
margin-bottom: 10px; 
margin:0; 
} 

div.register span.input { 
display:block; 
border: 0px solid; 
margin-right: 20px; 
} 

div.register hr { 
display: block; 
position: relative; 
top: 10px; 
margin-bottom: 20px; 
clear: both; 
} 

div.register span.input input { 
width: 150px; 
height: 20px; 
border: 1px solid; 
padding-left: 4px; 
} 

div.register span.input textarea {  
width: 150px; 
height: 105px; 
border: 1px solid; 
padding-left: 4px; 
margin-bottom: 10px; 
} 

div.register div#StatusAvailable { 
margin-top: 10px; 
margin-bottom: 20px; 
text-align: center; 
} 

div.register div#StatusAvailable span.name { 
border-bottom: 1px dashed; 
} 

div.register div#StatusAvailable span.available { 
color: blue; 
} 

div.register div#StatusAvailable span.unavailable { } 

div.register div.captcha { 
display:block; 
width:195px; 
margin:0px; 
margin-left:auto; 
margin-right: 20px; 
//margin-right: 10px; 
border:0px solid; 
} 

div.register #captcha img { 
display:block; 
border: 1px solid; 
margin: 0px; 
width: 195px; 
} 

div.register div.captcha input { 
display:block; 
border: 1px solid; 
margin-top: 0px; 
width: 195px; 
} 

div.register .captcha small { 
display:block; 
border: 1px solid; 
} 

div.register span.register input { 
clear: both; 
border: 1px solid; 
margin-top: 10px; 
margin-left: auto; 
margin-right: 20px; 
cursor: pointer; 
} 

div.success { 
display: block; 
margin-top: 10px; 
margin-left:15px; 
border: 0px solid; 
width: 95%; 
text-align: right; 
} 

div.success h1 { 
display: block; 
text-align: left; 
} 

span.ActivateCodeText { 
display: inline; 
font-size: 15px; 
line-height:20px; 
} 

span.ActivateCode { 
font-weight:bold; 
}

/* end of input boxes*/