body{padding:0px; margin: 0 0 20px; font-family:Verdana, Helvetica, sans-serif; font-weight:normal; color:#061F40; font-size:11px; line-height: 1.5em; background:#032B55;}
* {	margin: 0; padding: 0;}
a {outline: none;}
p {	margin-top: 8px; margin-bottom: 8px;}

a:link, a:visited, a:active{font-weight:normal; text-decoration:none; color:#7f1b31;}
a:hover{font-weight:normal; text-decoration:underline; color:#7f1b31;}

div {
	position:relative;/**/
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

div.pan-pad{
	padding:5px;
}

img.ttl-txt{
	margin:5px 0 5px 10px;
}

img.ttl-txt2{
	float:left;
	margin:5px 20px 5px 0;
	padding:10px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
}


#content{
	width:897px;
	margin: 0 auto;
	background: #00386B url(/imgs/bgnd.gif) repeat-y top left;
}

#hdr{
	height:210px;
}

img.bgnd-wave{
	position:absolute;
	top:0;
	left:4px;
}

img.hdr-logo{
	position:absolute;
	top:22px;
	left:14px;
}

img.hdr-txt{
	position:absolute;
	top:67px;
	left:258px;
}

img.bgnd-wave{
	position:absolute;
	top:0;
	left:4px;
}


#ftr{
	height:182px;
	background:#061F40;
}

img.ftr-aosi{
	float:left;
	margin:20px 0 0 26px;
}

img.ftr-aosi{
	float:left;
	margin:20px 0 0 26px;
}

img.ftr-cw{
	float:left;
	margin:20px 0 0 20px;
}

img.ftr-slogan{
	float:left;
	margin:24px 0 0 36px;
}


div.min-height{
	float:left;
	height:400px;
	width:4px;
}

#main{
	float:left;
	margin:0 0 0 22px;
	width:842px;
}

div.panel-hm-1{
	float:left;
	display:inline;
	width:316px;
	height:381px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
}

div.panel-hm-2{
	width:100%;
	background: #6DA1C1;
	margin:16px 0 20px;
}

#slideshow{
	float:left;
	margin:0 0 0 19px;
	width:506px;
	height:381px;
	overflow:hidden;
	background: #FFF url(/imgs/loading.gif) no-repeat;
	background-position: center 50%;
}

div.fade-box{position:absolute;top:3px; left:3px;text-align:center;z-index:900;}
div.fade-box span{display:none;}
#show-controls a:link, #show-controls a:visited {color:#FFF;}

div.img-desc-bgnd{
	position:absolute;
	bottom:2px; 
	left:0px; 
	width:100%; 
	background: url(/imgs/bgnd_trans_wt.png);
}

div.img-desc-bgnd span{
	display:block;
	color:#061F40;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	margin:5px;
}

div.img-desc{
	color:#061F40;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	margin:5px;
}

div.ftr-nav1{
	float:left;
	width:600px;
	margin:30px 0 0 0;
	
}

div.ftr-nav2{
	float:left;
	width:600px;
	margin:10px 0 0 0;
}

div.ftr-cpy{
	float:left;
	width:600px;
	margin:20px 0 0 0;
	font-weight:normal;
}


#ftr, #ftr a:link, #ftr a:visited, #ftr a:active {
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
}

#ftr a:hover{
	color:#FFF;
	text-decoration:underline;
}

#hdr ul	{
	margin:6px 30px 0 0;
	padding:0;
	float:right;
}

#hdr li	{
	list-style:none;
	font-weight:bold;
	float:left;
	display:block;
}

#hdr li a:link, #hdr li a:visited, #hdr a:link, #hdr a:visited	{
	color:#FFF;
	text-decoration:none;
	padding:2px 6px;
	margin:0 2px;
	font-weight:bold;
	display:block;
	background:transparent url(/imgs/bgnd_trans_db.png) no-repeat top left;
}
#hdr li a:hover, #hdr a:hover, #hdr ul li a.chosen{
	color:#061F40;
	text-decoration:none;
	background:#FFF;
}


/* about */


div.panel-ab-1{
	float:left;
	width:340px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
}

div.panel-ab-2{
	float:left; 
	margin-left:40px;
	width:450px;
	height:390px;
	z-index:100;
}

div.ttl-slogan{
	float:left;
	width:100%;
	padding:0 0 0 0;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
}

div.ttl-slogan img.ttl-txt2{
	margin-left:5px;
}

p.ttl-red{
	color:#7f1b31;
	font-size:1.4em;
	font-weight:bold;
}

p.ttl-lblue{
	color:#6da1c1;
	font-size:1.4em;
	font-weight:bold;
}

div.google-map{
	position:relative; left:0; text-align:left;
}
div.google-map a:link, div.google-map a:visited, div.google-map a:link, div.google-map a:visited	{
	color:#6da1c1;
	text-decoration:none;
}
div.google-map a:hover, div.google-map a:hover{
	color:#FFF;
	text-decoration:none;
}

/*surf lessons*/

div.panel-sl-1{
	float:left;
	width:300px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
	margin-right:20px;
}

div.panel-sl-2{
	float:left;
	width:200px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
}

div.panel-sl-2 ul{
	margin-left:20px;
}

img.sl-1{
	float:left;
	border:1px solid #FFF;
	margin-right:10px;
}

/*surf camp packages*/
div.panel-scp{
	width:842px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;	
}

div.panel-scp ul{
	float:left;
	width:400px;
}

div.panel-scp-inner{
	float:left;
	width:390px;
	margin:10px 0 0 20px;
}
div.divider{
	border:1px solid #00386B;
	border-width:0 0 0 1px;
}

/*surf kayak day tour*/
div.panel-skdt{
	float:left;
	width:310px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
	margin-right:30px;
}

div.panel-skdt ul{
	margin-left:20px;
}

img.skdt-1{
	float:left;
	border:1px solid #FFF;
}

img.skdt-2{
	float:left;
	border:1px solid #FFF;
	margin-right:16px;
}

/*kayaking*/

div.panel-kay{
	width:842px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;	
}

div.panel-testi-inner{
	float:left;
	width:410px;
	margin:10px 0 0 0px;
}

div.panel-testi-inner img{
	border:1px solid #00386B; 
}

/*shotz*/

/* thumbnail list */
#thumbs{
	overflow:visible;
	padding:12px 0 0 28px;
}

ul#thumbs li img{
	border:none;
}

ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}

ul#thumbs li{
	float:left;
	margin:0 16px 8px 0;
	border:1px solid #032b55;
	padding:2px;
	background:#FFF;
}
ul#thumbs a{
	display:block;
	float:left;
	width:100px;
	height:90px;
	line-height:80px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
ul#thumbs a img{
	float:left;
	position:absolute;
	top:-20px;
	left:-32px;
}

/* mouse over */

ul#thumbs a:hover{
	overflow:visible;
	z-index:100;
	border:none;
}
ul#thumbs a:hover img{
	border:1px solid #032b55;
	background:#fff;
	padding:2px;
}

ul#thumbs a:hover{
	color:#999;
}

/* // mouse over */

/* clearing floats */

ul#thumbs:after, li#thumbs:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
ul#thumbs, li#thumbs{
	display:block;
}
/*  \*/
ul#thumbs, li#thumbs{
	min-height:1%;
}
* html ul#thumbs, * html li#thumbs{
	height:1%;
}


/*links*/
div.panel-link{
	float:left;
	width:410px;
	margin:0 20px 0 0px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
}

div.panel-link ul{
	margin:40px 40px;
	width:360px;
}

img.img-link{
	border:1px solid #FFF;
}

/* contact */

div.panel-contact-1{
	float:left;
	width:410px;
	margin:0 20px 0 0px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
}

div.panel-contact-2{
	float:left;
	width:410px;
	margin:0;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
}



div.panel-contact{
	position:relative;
	width:540px;
	height:360px;
	margin:0px 0 20px 38px;
	background:#C6DFFE;
	border:1px solid #7A0110;
	
}
div.sent{
	text-align:center;
	height:160px;
	font-weight:bold;
}

div.panel-contact blockquote{
	margin:40px;
	border:0px;
	padding:0;
}

form.form-contact{
	margin:18px 0 40px 0;
}
label{
	float: left;
	width: 120px;
	font-weight: bold;
	text-align:right;
}

input, textarea, select{
	width: 160px;
	margin-bottom:4px;
	float:left;
	margin-left:16px;
}

textarea{
	width: 220px;
	height: 80px;
	margin-top:4px;
	font: normal 11px Verdana;
}

.boxes{
	width: 1em;
}
div.panel-contact span{
	float:left;
	margin-left:24px;
	font-size:20px;
}

div.form-query{
	margin: 10px 0 10px 120px;
}

div.form-query input{
	width:8px;
	margin:0 6px 2px 2px;
	font: normal 11px Verdana;
}
div.form-query span{
	margin:0 4px 0 8px;
}

div.panel-contact br, div.panel-contact-txt br{
	clear: left;
}

div.btn-submit{float:left; margin:8px 0 0 140px;}
div.btn-submit a {
	display: block;
	text-decoration: none;
	color: #FFF;
	width:120px;
	padding: 10px 0;
	font-weight:bold;
	background-color:#03417D;
	text-align:center;
}
div.btn-submit a:hover, div.btn-submit a:focus {
	color:#FFF;
	background: #7a0110;
}

div.contact-confirm{
	margin:60px 0 100px 80px;
}



/* error */
div.panel-error{
	float:left;
	width:400px;
	background: transparent url(/imgs/bgnd_trans_lb.png) no-repeat;
	margin:80px 0 200px 200px;
	text-align:center;
}