/* CSS Document */

/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }
select {width:115px; border:1px solid #D3D5D6;}

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*-------
// Globals
//-----*/
body{ background:#007299 url(../images/body_bg.gif) left top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif;   }
h1,h2,h3,h4{line-height:1.2em;}
p{line-height:1.2em;}
p a{ color:#FE9A04;}
p a:visited {color:#FE9A04; }
b{color:#FE9A04;}



/*-------
// Page Layout
//-----*/

/*-----container-----*/
div#container{background:url(../images/container/container_bg.jpg) left top no-repeat; width:892px; margin:0 auto; padding-bottom:100px;}

/*-----wrapper-----*/

div.wrapper{width:561px; margin:0 auto; padding:78px 20px 0px 20px;}

/*--- navigation ---*/
div#navigation{border:1px solid #18749f;}

/*--- banners ---*/

div#banner_home{background:url(../images/banner/banner_home.jpg) left top no-repeat; height:174px; border:1px solid #18749f; margin:7px 0px;}
div#banner_accom{
	background:url(../images/banner/banner_default.jpg) left top no-repeat;
	height:174px;
	border:1px solid #18749f;
	margin:7px 0px;
}
div#banner{
	background:url(../images/banner/banner_accom.jpg) left top no-repeat;
	height:174px;
	border:1px solid #18749f;
	margin:7px 0px;
}
/*div#banner4{background:url(../images/banner/banner_bg.jpg) left top no-repeat; height:174px; border:1px solid #18749f; margin:7px 0px;}*/


/*-----content-----*/
div#content{background:url(../images/content/content_bg.png) left top repeat; border:1px solid #136e9b; padding:24px 10px ; width:539px;}


/*-----footer-----*/
div#footer{background:url(../images/footer/footer_bg.gif) left top repeat-x; height:28px; margin-top:7px; border:1px solid #7c9299; padding:0px 7px;}

/*-------
// common page content
//-------*/

/*--- charter box ---*/
div.charter_first{margin-top:0px !important;}
div.charter_box{margin-top:55px;}
div.charter_box div.box_top{background:url(../images/content/box_top_mid.gif) left bottom repeat-x;}
div.charter_box div.box_top div.top_left{background:url(../images/content/box_top_left.gif) left bottom no-repeat;}
div.charter_box div.box_top div.top_left div.top_right{background:url(../images/content/box_top_right.gif) right bottom no-repeat; height:11px;}
div.charter_box div.middle_left{background:url(../images/content/middle_left.gif) left top repeat-y; padding-left:5px}
div.charter_box div.middle_left div.middle_right{background:#d9dbdc url(../images/content/middle_right.gif) right top repeat-y; padding-right:5px;}
div.charter_box div.middle_left div.middle_right div.middle_content{background:url(../images/content/box_middle_repeat.gif) left top repeat-x; padding:30px 20px 35px 25px;}

div.charter_box div.box_bottom{background:url(../images/content/box_bottom_mid.gif) left top repeat-x;}
div.charter_box div.box_bottom div.bottom_left{background:url(../images/content/box_bottom_left.gif) left top no-repeat;}
div.charter_box div.box_bottom div.bottom_left div.bottom_right{background:url(../images/content/box_bottom_right.gif) right top no-repeat; height:7px;}


/*--- navigation ---*/

div#navigation {background:url(../images/navigation/ul_bg.png) left top repeat-x; height:28px; overflow:hidden;}
div#navigation ul li{display:inline; }
div#navigation ul li a.first{margin:0px;}
div#navigation ul li a{text-decoration:none;  font-size:120%; color:#034d80; font-weight:bold; display:block; float:left; line-height:27px; height:27px;  margin:0px 5px; padding:0px 10px; }
div#navigation ul li.active a,div#navigation ul li a:hover{  background:url(../images/navigation/active_li.gif) left bottom repeat-x;  }
div#navigation ul li.active{margin:0px 0px;}
div#navigation ul li.active a{  margin:0px 0px;}

/*-----content---*/

div#content div#header div.logo h1 a { background:url(../images/header/logo.gif) left top no-repeat; width:491px; height:58px; display:block; margin:0 auto;  }
div#content div#main div.main_heading{background:url(../images/content/header_bg.gif) left bottom no-repeat; width:505px; padding-bottom:5px;}
div#content div#main div.charter_box div.middle_left div.middle_right div.middle_content div.about_charter{margin-right:180px;}
div#content div#main div.charter_box div.middle_left div.middle_right div.middle_content div.about_charter h3{font-size:180%; font-weight:bold; font-family:Tahoma;}
div#content div#main div.charter_box div.middle_left div.middle_right div.middle_content div.about_charter p{ margin:15px 0px 0px 0px; font-size:110%;}
div#content div#main div.charter_box div.middle_left div.middle_right div.middle_content div.charter_img {text-align:right;}
div#content div#main div.charter_box div.middle_left div.middle_right div.middle_content div.charter_img p{margin:6px 0px 0px 10px; font-size:100%; text-align:center; }
div#content div#main div.charter_box div.middle_left div.middle_right div.middle_content div.charter_img p a{ text-decoration:none; color:#003366; font-size:100%; font-weight:bold; }


/*-----footer----*/
div#footer p{line-height:28px; color:#003366; font-size:90%;}
div#footer p.copyright  span{color:#006699;}
div#footer p a{text-decoration:none; color:#003366;}

/*-------
// Contact page content
//-----*/

div.main{margin-top:13px;}
div.main h2.welcome {background:url(../images/content/welcome.jpg) left top no-repeat; height:32px; width:79px; display:block; }
div.main h2.accom {background:url(../images/content/accom.jpg) left top no-repeat; height:32px; width:128px; display:block; }
div.main h2.charter {background:url(../images/content/charters.jpg) left top no-repeat; height:32px; width:91px; display:block; }
div.main h2.about {background:url(../images/content/about.jpg) left top no-repeat; height:32px; width:85px; display:block; }
div.main h2.contactus {background:url(../images/content/contact_us.gif) left top no-repeat; height:32px; width:96px; display:block; }
div.main h2 span{text-indent:-1000em; display:block; background:url(../images/content/header_bg.gif) left bottom no-repeat; width:505px; padding:9px 0px; }
div.main p{font-size:120%; color:#003366; margin:15px 0px;}
div.main p.contact span{color:#006699;}
div.main .phone{color:#3399FF;}
div.main p.contact a:hover{text-decoration:underline;}
/*div.main .charter_fish{ position:absolute; left:355px;background:url(../images/content/charters_box1.jpg) no-repeat; width:549px; height:195px;display:block;padding:35px 20px; }
div.main .charter_fish p{width:333px;}
div.main .charter_fish h1{color:#FE9A04; font-size:18px;} */
div.main div.gmap{  height:200px; background-color:#FFFFFF; text-align:center; font-size:18px; }

/*-------
// charter page content
//-----*/

/*-----content---*/
div#main h2.charter {background:url(../images/content/charter.gif) left top no-repeat; height:26px; width:96px; display:block; }
div#main p { color:#003366; font-size:120%; margin:15px 0; } 
/*--- info box ---*/
div#main div.info_box{background:url(../images/content/bottom_box.gif) left top repeat-x; border-bottom:#e0e6e8 solid 1px; border-left:#e0e6e8 solid 1px; border-right:#e0e6e8 solid 1px; height:11px; padding:5px 10px; margin-top:-3px; }
div#main div.info_box a{text-decoration:none; color:#333333; font-size:100%; font-weight:bold;}
div#main div.info_box:hover a{text-decoration:underline;}
div#main div.enquiry_form{margin-right:4px;}
div#main div.booking{ margin-right:5px; color:#333333; font-size:100%; font-weight:bold; }
div#main div.booking a { text-decoration:none; }

/*-------
// sub1 page content
//-----*/

/*-----content---*/

div#main h2.crab_charter{background:url(../images/content/charter.gif) left top no-repeat; height:26px; width:400px; display:block; overflow:visible;  }
div#main h2.crab_charter span.title{text-indent:0px; margin-left:90px; font-size:160%; color:#246fb9; margin-top:7px; }
div#main div.main_content { margin:30px 5px 5px 25px; }
div#main div.main_content p {font-size:100%; color:#003366; margin:15px 0; }
div#main div.main_content p span.italic{font-style:italic;}
div#main  h3.location{color:#3399cc; font-size:110%;}
div#main div.fishes{ margin-top:25px;}
div#main div.fishes p{font-size:120%; color:#336699; font-weight:bold;}
div#main div.crab_pricing{ margin-top:0px; width:200px; margin:0px 0px 15px 15px;}
div#main div.crab_pricing div.middle_left div.middle_right div.middle_content{padding:1px 5px 5px;}
div#main div.crab_pricing div.middle_left div.middle_right div.middle_content p{margin:0px; font-size:110%; }
div#main div.crab_pricing div.middle_left div.middle_right div.middle_content p span{font-weight:normal; margin:0px 10px 0px 6px; }
div#main div.crab_pricing div.middle_left div.middle_right div.middle_content p.note{text-align:center; color:#3399cc; margin:20px 0px; font-size:110%;}
div#main div.crab_pricing div.middle_left div.middle_right div.middle_content p.end_note{text-align:center; font-size:90%; color:#333333; line-height:1.6em;}
div#main div.details{margin:0px;}
div#main div.details div.middle_left div.middle_right div.middle_content{padding:1px 11px;}
div#main div.details div.middle_left div.middle_right div.middle_content p.field_required{ font-size:110%; color:#333333; margin-bottom:5px; }
div#main div.details div.middle_left div.middle_right div.middle_content table th{text-align:left; vertical-align:top; }
div#main div.details div.middle_left div.middle_right div.middle_content table td{vertical-align:top;}
div#main div.details div.middle_left div.middle_right div.middle_content table th label{text-align:left; vertical-align:middle; color:#333333; font-size:110%; white-space:nowrap; margin-right:5px;  }
div#main div.details div.middle_left div.middle_right div.middle_content table tr td p{margin:1px 25px 5px 3px;}
div#main div.details div.middle_left div.middle_right div.middle_content table tr td input{margin:1px 0px;  width:113px; }
div#main div.details div.middle_left div.middle_right div.middle_content table{width:90%;}
div#main div.details div.middle_left div.middle_right div.middle_content table tr td p input.submit_btn{width:60px;}
div#main div.details div.middle_left div.middle_right div.middle_content table tr td select.ddlist{ width:85px; margin-left:3px;}
div#main div.details div.middle_left div.middle_right div.middle_content table tr textarea.txtarea{ height:40px; width:113px; }
div#main div.details div.middle_left div.middle_right div.middle_content table tr td.td_button{text-align:right; width:50px;}

/*-------
//sub2 page content
//-----*/

/*-----content---*/
div#main div.main_content ul{margin:22px 0px 20px 0px} 
div#main div.main_content ul li{color:#003366; font-size:100%;}
div#main div.main_content ul li span{color:#ff9900;}
div#main div.nosa_pricing{ margin-top:0px; width:200px; margin:0px 0px 15px 5px; }
div#main div.nosa_pricing div.middle_left div.middle_right div.middle_content{padding:1px 10px;}
div#main div.nosa_pricing div.middle_left div.middle_right div.middle_content p{margin:0px; font-size:110%; }
div#main div.nosa_pricing div.middle_left div.middle_right div.middle_content p.timing{ margin-bottom:15px;}
div#main div.nosa_pricing div.middle_left div.middle_right div.middle_content p span{font-weight:normal; margin:0px 7px 0px 3px; }
div#main div.nosa_pricing div.middle_left div.middle_right div.middle_content p.note{text-align:center; color:#3399cc; margin:20px 0px; font-size:110%;}
div#main div.nosa_pricing div.middle_left div.middle_right div.middle_content p.end_note{text-align:center; font-size:90%; color:#333333; line-height:1.6em;}


/*-------
// sub3 page content
//-----*/

/*-----content---*/
div#main div.main_content ul.faq li{margin:20px 0px;}
div#main div.main_content ul.faq li p{margin:0px 0px;}
div#main div.main_content ul.faq li p.question{margin:0px; font-size:110%;}
div#main div.main_content ul.faq li p.answer{font-size:100%; color:#003366;}