/* -- Main body definitions -- */

body{
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#141510;
	background-color: #092644;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

h1{
	font-size:23px;
	color:#1063b3;
	font-family:Century Gothic,Helvetica,sans-serif;
}

h2{
	font-size:23px;
	color:#ff7500;
	font-family:Century Gothic,Helvetica,sans-serif;
}

h3{
	font-size:21px;
	color:#0b0b0b;
	font-weight:normal;
	margin:10px 0 5px 0;
}
.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #009FFF;
	border: 1px solid #006AAA;
}


.hr{
	height:1px;
	display:block;
	border-bottom:thin solid #ccc;
}
.border {
	border: 2px solid #5599FF;
}


a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.font21px{
	font-size:21px;
	color:#0b0b0b;
	font-weight:normal;
	margin:10px 0;
	display:block;
}

#wrapper{
	margin:0 auto;
	width:920px;
	border-left:6px solid #26415e;
	border-right:6px solid #26415e;
}

#header{
	width:920px;
	height:128px;
	background:#fff;
	display:block;
	margin:0;
}

#header-top{
	width:920px;
	height:102px;
	display:block;
}

.logo{
	height:72px;
	margin:10px 0 0 10px;
	float:left;
}

.hotline{
	width:224px;
	height:29px;
	float:right;
	margin:55px 15px 0 0;
}

#banner-wrapper{
	width:920px;
	height:296px;
	display:block;
}

#banner{
	width:570px;
	height:296px;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
}

.bannertop{
	width:920px;
	height:2px;
	float:left;
}

#register-newsletter{
	width:920px;
	height:98px;
	display:block;
	background:url('../images/register.jpg') no-repeat;
}

#registera-newsletter{
	width:920px;
	height:98px;
	display:block;
	background:url('../images/registera.jpg') no-repeat;
}

.newsletter{
	width:360px;
	height:48px;
	float:left;
	padding:50px 0 0 20px;
}

input.newsletter-input{
	border:1px solid #fff;
	height:20px;
	width:250px;
	margin:0 5px 0 0;
	font-size:12px;
	padding:3px 10px 0 10px;
}

.register{
	width:280px;
	height:74px;
	float:right;
	margin:24px 47px 0 0;
}

#content{
	width:860px;
	background:#fff url('../images/content-bg.gif') no-repeat;
	padding:35px 30px 0 30px;
}

#mainbody{
	width:860px;
	display:block;
	margin:0;
}

#mainbodycontent{
	width:579px;
	margin:20px 30px 0 0;
	float:left;
}

#videoblock{
	width:246px;
	overflow:hidden;
	border:2px solid #000000;
	margin:0;
	float:right;
}

#videoblock_video{
	width:250px;
	margin:0;
	float:right;
	height: 187px;
	overflow: hidden;
}

#mainbodycontent ul{
	padding:0; 
	list-style-position:inside;
}

.fontblue{
	color:#1063B3
}

.fontorange{
	color:#FF7500
}

.gallerycontainer{
	margin:20px 0 0 0;
	padding:0 50px;
	border-bottom:1px dashed #000000;
	border-top:1px dashed #000000;
	background-color: #161eab;
	background-image: url(../images/gallarybg.gif);
	background-repeat: repeat-x;
}

#mainbody p{
	text-align:justify;
	font-size:13px;
	line-height:20px;
}

#branchwrapper{
	width:860px;
	display:block;
}

.indent{
	padding:0 0 0 70px;
	display:block;
}

.welcomeh{
	margin:0;
	float:left;
}

.welcome a{
	font-size:23px;
	font-weight:bolder;
	color:#1063b3;
	font-family:Century Gothic,Helvetica,sans-serif;
	margin:0;
	float:left;
}

.branch{
	width:238px;
	height:180px;
	float:left;
	color:#fff;
	font-weight:bolder;
	padding: 2px;
	border: 2px solid #5599FF;
}

.branch-spacer{
	width:60px;
	height:150px;
	float:left;
}

.sm{
	background:#000 url('../images/sm.jpg') no-repeat;
}

.mb{
	background:#000 url('../images/mb.jpg') no-repeat;
}

.sb{
	background:#000 url('../images/sb.jpg') no-repeat;
}

.costarica{
	background:#000 url('../images/costarica.gif') no-repeat;
}

.branchname{
	position:relative;
	top:157px;
	left:10px;
}

.branchbooknow{
	margin:142px 10px 0 0;
	float:right;
}

#serviceswrapper{
	width:860px;
	height:auto;
	display:block;
	margin:25px 0 0 0;
}

.services{
	width:245px;
	float:left;
}

.services p{
	line-height:18px;
	text-align:justify;
}

.services-spacer{
	width:60px;
	height:245px;
	float:left;
}

.services1{
	background:url('../images/servicesbg1.gif') no-repeat;
}

.services2{
	background:url('../images/servicesbg2.gif') no-repeat;
}

.services3{
	background:url('../images/servicesbg3.gif') no-repeat;
}

.readmore{
	font-weight:bolder;
	color:#032f5a;
	text-decoration:none;
}

.campbooknow{
	font-weight:bolder;
	color:#703a0e;
}

.readmore a, .booknow a{
	text-decoration:none;
}

#testimonials{
	width:340px;
	float:left;
	margin:20px 0 0 0;
}

#gallery{
	width:479px;
	float:right;
	margin:20px 0 0 30px;
}

.photogallery{
	width:479px;
	height:80px;
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
	float:left;
}

.photos{
	width:95px;
	height:66px;
	float:left;
	margin:5px 0 0 0;
}

.photos-spacer{
	width:30px;
	height:71px;
	float:left;
}

#footer-img{
	width:920px;
	height:90px;
	display:block;
	background:url('../images/footer-img.jpg') no-repeat;
}

#footer{
	width:920px;
	height:85px;
	margin:0 auto;
	background-color:#092644;
}

#footer ul{
	padding:0;
	text-align:center;
	list-style-position:inside;
	color:#fff;
}

#footer li{
	display:inline;
	margin:0 5px;
}

#footer a{
	color:#fff;
}

#footer p{
	text-align:center;
	color:#fff;
}

/* -- Menus -- */
.primary{
	width:920px;
	height:26px;
	float:right;
}

.primary ul{
	margin:0;
	padding:0;
	width:720px;
	height:26px;
	float:right;
	list-style:none;
}

.primary li{
	width:101px;
	height:26px;
	float:left;
	margin:0 1px 0 0;
	display:inline;
}

.primary a{
	text-decoration:none;
}

.primary-home a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/home.gif') no-repeat;
}

.primary-surflessons a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surflessons.gif') no-repeat;
}

.primary-surfcamp a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surfcamp.gif') no-repeat;
}

.primary-overnight a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/overnight.gif') no-repeat;
}

.primary-activities a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/activities.gif') no-repeat;
}

.primary-aboutus a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/aboutus.gif') no-repeat;
}

.primary-contactus a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/contactus.gif') no-repeat;
}

.primary-gallery a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/gallery.gif') no-repeat;
}

.primary-faqs a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/faqs.gif') no-repeat;
}

.primary-surfreport a{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surfreport.gif') no-repeat;
}

.primary-home a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/home-hover.gif') no-repeat;
}

.home-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/home-hover.gif') no-repeat;
}

.primary-surflessons a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surflessons-hover.gif') no-repeat;
}

.surflessons-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surflessons-hover.gif') no-repeat;
}

.primary-surfcamp a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surfcamp-hover.gif') no-repeat;
}

.surfcamp-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surfcamp-hover.gif') no-repeat;
}

.primary-overnight a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/overnight-hover.gif') no-repeat;
}

.overnight-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/overnight-hover.gif') no-repeat;
}

.primary-activities a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/activities-hover.gif') no-repeat;
}

.activities-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/activities-hover.gif') no-repeat;
}

.primary-aboutus a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/aboutus-hover.gif') no-repeat;
}

.aboutus-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/aboutus-hover.gif') no-repeat;
}

.primary-contactus a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/contactus-hover.gif') no-repeat;
}

.contactus-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/contactus-hover.gif') no-repeat;
}

.primary-gallery a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/gallery-hover.gif') no-repeat;
}

.gallery-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/gallery-hover.gif') no-repeat;
}

.primary-faqs a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/faqs-hover.gif') no-repeat;
}

.faqs-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/faqs-hover.gif') no-repeat;
}

.primary-surfreport a:hover{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surfreport-hover.gif') no-repeat;
}

.surfreport-active{
	width:101px;
	height:26px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	background:url('../images/surfreport-hover.gif') no-repeat;
}

.secondary{
	width:342px;
	height:290px;
	float:left;
	margin:0;
	background:url('../images/bannermenu-bg.gif') repeat-y;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}

.secondary ul{
	width:328px;
	height:290px;
	float:left;
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
}

.secondary li{
	width:320px;
	height:64px;
	float:left;
	margin:7px 0 0 0;
}

.secondary a{
	width:308px;
	height:52px;
	float:left;
	padding:6px 0 6px 12px;
	color:#0c0c0c;
	text-decoration:none;
}

.secondary a:hover{
	width:308px;
	height:52px;
	float:left;
	padding:6px 0 6px 12px;
	color:#fff;
	text-decoration:none;
	background:url('../images/secondary-hover.gif') no-repeat;
}

a.secondary-active{
	width:308px;
	height:52px;
	float:left;
	padding:6px 0 6px 12px;
	color:#fff;
	text-decoration:none;
	background:url('../images/secondary-hover.gif') no-repeat;
}

.secfont{
	font-size:23px;
	font-weight:bolder;
	text-decoration:none;
	display:block;
}

.secsubfont{
	text-decoration:none;
	display:block;
	border-bottom:1px dashed #fff;
	padding:0 0 5px 0;
}

.widget{
	text-align:center; 
	width:415px; 
	margin:20px 0 0 0; 
	float:left;
}


/*** set the width and height to match your images **/

#slideshow {
	height:296px;
	position:relative;
	top:-299px;
}

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

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

#slideshow img.last-active {
    z-index:9;
}

#bannerwave {
	height:296px;
	left:0;
	position:relative;
	top:0;
	width:128px;
	z-index:99;
}

#bannerpart {
	height:51px;
	left:-3px;
	position:relative;
	top:3px;
	width:374px;
	z-index:98;
}

.invert { background-color:#B0E6FF;}
.invertit { background: #38bdff url(../images/bg-intertit.gif) repeat-x;}
.invertit2 { background: #0291dd url(../images/bg-intertit2.gif) repeat-x;}
.pricestit { font-weight:bold; font-size:14px; color:#FFFFFF;}
.prices tr { background-color:#CEEEFF;} /* #D6F1FC */
.prices td { padding:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0280C4}