/* Common */

body,table,input,select,textarea { 

  font-family:Verdana, Arial, Helvetica, sans-serif; 

  font-size:small;

}



/* Remove padding and margin */

*

    {

    margin: 0;

    padding: 0;

    border: 0;

}



a {

	color: #003861;

	text-decoration: none;

}

a:hover {

	color: #75C4F0;

}





body { 

  margin:0; 

  padding:0; 

  background: #003861 url('../images/g-background.gif') repeat-x;

  background-position: top;

  

}



input,select,textarea { 

  font-size:1em;

}



small { 

  font-size:0.85em;

}



img { 

  border:0;

}



form { 

  margin:0; 

  padding:0;

}



ul {  

  margin:0.5em 0 1em 2em; 

  padding:0;

}



li {

  margin: 0.2em 0 0.2em 0; 

}



p,dl { 

  margin:1em 0 1em 0; 

}



dl.col {

  line-height: 1.5em;

  font-size: 0.9375em;

}



dl.col dt { 

  float:left; 

  width: 11em;

  font-weight: bold;

}



dl.col dd { 

  margin-left:12em;

}



/* Design Classes */

#holder

{

	width: 900px;

	margin-left: auto;

	margin-right: auto;


}



#header

{

	padding: 0px;

	margin: 0px;

}



#header img

{

	vertical-align: bottom;

}





#centralholder

{

	padding: 0px;

	margin: 0px;

	width: 880px;

	border-left: 20px solid #75C4F0;

	background: #ffffff;

}



#nav-side

{

	float: left;

	width: 190px;

	font-family: Verdana, Sans-Serif;

	font-size: 12px;

}



#nav-side ul

{

	padding: 0px;

	margin: 0px;

	list-style: none;

	text-transform: uppercase;	

}



#nav-side li

{

	background: transparent url('../images/i-bg-nav.gif') no-repeat bottom left;

  padding: 0;

  margin: 0;	

}



#nav-side a

{

	color: #6e8194;

	text-decoration: none;

	padding-left: 34px;

  line-height: 28px;

  display: block;	

}



#nav-side a:hover

{

	color: #003861;

	background: transparent url('../images/i-bg-nav.gif') repeat-y bottom left;

}



#nav-side .logos a {

  display: inline;
  text-align:center;

}



#nav-side .logos a:hover {

  background: 0;

}



#contentmain

{

	float: left;

	width: 655px;

  margin: 0 0 0 0;
  
  padding-right:15px;

  min-height: 620px;  	

}



.blogcontent {

  padding: 0 0 80px 0;

}



#contentmain .last-paragraph {

  margin: 0 250px 0 0;

}



#contentside

{

	padding-left: 20px;

	float: right;	

	text-align: center;

  width: 215px;
  padding-top:15px;

}

#contentside img {
	padding-bottom:5px;
}



.contentsideholder

{

	float: left;

	border-right: 20px solid #75C4F0;

	/*background: url(../images/g-bottom-tab.jpg) no-repeat bottom right;*/	

}



h1

{

	font: normal 24px 'Trebuchet MS', Arial, sans-serif;

	color: #003861;

}



h1.contact

{  

	color: #007DC2;

}



.contactdetails

{

	/*height: 0px;*/

	position: relative;
	
	

}

.footerbg {
	width:150px;
	height:150px;
	background-color:#999999;
}




#contactdetails th, #contactdetails td, #contactdetails a

{

	font-size: 10px;

	vertical-align: top;

	color: #003861;

	text-align: left;

}



#contactdetails th

{

	text-align: right;

}

#contactdetails td

{

	padding-left: 8px;

}



#contactdetails a

{

	color: #003861;

	text-decoration: none;

}

#contactdetails a:hover

{

	color: #75C4F0;

}



h2

{

	font: normal 18px 'Trebuchet MS', Arial, sans-serif;  

	color: #007DC2;

	font-style: italic;

}



h3,h4,h5,h6

{

  font-family: 'Trebuchet MS', Arial, sans-serif;

	color: #007DC2;

}



p

{

	font-size: 11px;

	line-height: 18px;

	color: #6D6D6D;

}



li

{

	font-size: 11px;

	line-height: 18px;

	color: #6D6D6D;

}



#author

{

	text-align: right;
	
	padding-right:23px;

}



#author a

{

	color: #003861;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	text-decoration: none;

}

#author a:hover

{

	color: #FFFFFF;

}




#footernav

{

	text-align: right;
	
	padding-right:23px;
	
	margin-top:10px;

}
#footernav ul {
	color: #003861;
}


#footernav li

{

	color: #003861;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	text-decoration: none;
	display:inline;
	text-decoration:none;
	padding-left:1px;
	padding-right:3px;

}
#footernav li a

{

	color: #003861;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	text-decoration: none;
	display:inline;
	text-decoration:none;

}

#footernav li a:hover

{

	color: #FFFFFF;

}








/* Buttons Design */



#buttons

{

	height: 80px;



}
#bottomspace

{

	height: 30px;



}



.button

{

	padding: 0px;

	margin: 0px;

	position: relative;

	float: left;

	font-size: 20px; 

  font-family: 'Trebuchet MS', Arial, sans-serif;

}

.button a

{

	text-decoration: none;

	color: #007DC2;

	position: absolute;

	top: 18px;

	left: 20px;	

}

.button a:hover

{

	color: #75C4F0;

}


/* End Design Classes */



.clearall

{

	clear: both;

}



.img

{

	border: 2px solid #bce0f6;

	padding: 6px;

	margin-bottom: 5px;

}



.alignleft

{

	text-align: left;

}



/* Contact Form Design */ 



#contactform  {

  

}



#contactform th,#contactform td { padding:4px; }



#contactform th

{

	font-size:0.85em;

	text-align:left;

	

	vertical-align: top;

	background-color: #85C226;

	color: #ffffff;

}



#contactform td

{

	

	background-color: #B8DB7D;

}



#contactform textarea

{	

	width: 99%;	

	height:8em; 

}



#contactform input.field {

  width:99%;

}



/* Staff Images */

.meetthecrew

{

	width:635px !important;

	padding-bottom: 110px;

}



.text

{

	width: 640px;

	float: left;

}



.last-paragraph .text {

  width: auto;

}



.crew

{

	margin-bottom: 0px;

	padding-bottom: 0px;

}



.crew img

{

	margin-left: 5px;

	margin-top: 10px;

	margin-bottom: 10px;

}



.extracrewpadding

{

	width: 168px;

	float: left;

	text-align: center;

}





/* Blog Styles */

.date

{

	padding: 0px;

	margin: 0px;

	font-size: 10px;

}



.clearfull

{

	clear:both;

	line-height: 18px;

}



.clearfull:after {

  content:".";

  height:1px;

  display:block;

  clear:both;

  visibility:hidden;

}



.images

{

	padding: 16px 16px 16px 0px;

}



.images img

{

	margin-left: 2px;

	float: left;

	border: 2px solid #cccccc;

	margin-top: 3px;

}



.blog-link

{

	color: #007DC2 !important;

}



textarea.comments

{

	border: 1px solid black;

	width: 360px;

}



input.comments

{

	border: 1px solid black;

}





.album_wrapper{

/*  border: 1px solid #999;*/

  float: left;

  position: relative;

  width: 132px;

  height: 200px;

  margin: 10px 11px 0 0;

  padding: 5px 5px 5px 0;

}



.album_wrapper .caption_wrapper a{

  color: #444;

}

.album_wrapper .caption_wrapper{

  font-size: 11px;

	line-height: 13px;

	color: #6D6D6D;

/*  font-weight: bold;*/

  text-align: center;

  padding-bottom:  10px;

}

.image_wrapper img{

  background-color: #fff;

   border: 1px solid #ccc;

   display: block;

   margin: -5px 5px 5px -5px;

   padding: 4px;

   position: relative;

}



.image_wrapper{

  background: url('../images/shadow.gif') no-repeat bottom right;

  clear: right;

  float: left;

  margin: 0 0 5px 5px;

  padding: 0;

  position: relative;

  height: 140px;

}



.photos_wrapper {

  width: 670px;

}



/* CTAs Home Page */



.cta-index {

  width: 205px;

  height: 200px;

  float: left;

  margin: 0 10px 0 0;

}
.videoinput {

  width: 320px;

  height: 250px;

  float: left;

  margin: 20px 10px 15px 0;

}

.buttonsbig {

  width: 280px;

  height: 250px;

  float: left;

  margin: 20px 10px 15px 0;

}

.buttons001 {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	margin-bottom:5px;
}
.buttons001 a {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	background:url(../images/booknow.jpg) no-repeat;
}
.buttons001 a:hover {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	background:url(../images/booknow_ho.jpg) no-repeat;
}

.buttons002 {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	margin-bottom:5px;
}
.buttons002 a {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	background:url(../images/roomrates.jpg) no-repeat;
}
.buttons002 a:hover {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	background:url(../images/roomrates_ho.jpg) no-repeat;
}

.buttons003 {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	margin-bottom:5px;
}
.buttons003 a {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	background:url(../images/guestbook.jpg) no-repeat;
}
.buttons003 a:hover {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	background:url(../images/guestbook_ho.jpg) no-repeat;
}

.buttons004 {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	margin-bottom:5px;
}
.buttons004 a {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	background:url(../images/gallery.jpg) no-repeat;
}
.buttons004 a:hover {
	width:273px;
	height:59px;
	position:relative;
	float:left;
	background:url(../images/gallery_ho.jpg) no-repeat;
}




.cta-index a {

  display: block;

  width: 205px;

  height: 200px;

}



.cta-index a span { 
  display: none;
}

.cta-accommodation { background: transparent url('../images/g-cta-accommodation.jpg') no-repeat; }
.cta-gallery { background: transparent url('../images/g-cta-gallery.jpg') no-repeat; }
.cta-location { background: transparent url('../images/g-cta-location.jpg') no-repeat; margin: 0;}
.cta-freestuff { background: transparent url('../images/g-cta-freestuff.jpg') no-repeat; margin: 0;}

.slideshow {
  margin: 6px 0 0 6px;  
}

#nav-side a.free-stuff {  
  padding: 0 0 0 15px;
}


/* Rewards */
.reward {
  border-bottom: #75c4f0 solid 1px;
  margin: 5px 0 10px 0;
  background: transparent url('../images/g-tshirt.jpg') no-repeat bottom right;
  min-height: 100px;
  padding: 0 220px 0 0;
}

.reward-tshirt   { background-image: url('../images/g-tshirt.jpg'); }
.reward-cooler   { background-image: url('../images/g-cooler.jpg'); }
.reward-accom    { background-image: url('../images/g-hammock.jpg'); }
.reward-internet { background-image: url('../images/g-internet.jpg'); }

.photos { float: right; width: 250px; padding: 15px; }
.photos img { float: right; border: 1px solid #000000; margin: 10px 0 0 0 ;}
.photos p { font-size: 9px; padding: 5px 0 0 0; text-align: center; }

.footer {	
	height: 108px;
	padding-left:12px;
	padding-right:12px;
	padding-top:15px;
	position: relative;
	right: 0;
	border-right:20px solid #75C4F0;
	background:url(../images/footer.jpg) repeat-x top;
	background-color:#7ed7f5;
	padding-bottom:8px;
}


.footer .left { float: left; width: 40% }
.footer .right { float: right; width: 50%; text-align: right; }

.footer ul  { padding: 10px 0 0 0; margin: 0px; height: auto; }
.footer ul li { float: right; list-style: none; padding: 0 5px 0 5px; margin: 0px; }