body {
background-color: #ffffff;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color: #416271;
}
a, a:visited {
	color: blue 
}

pre {
   font-family: "Avenir", Verdana, sans-serif;
      font-size: 13px;
      margin:0;
}




h1{
padding:10px;
margin:0px;
font-size:18px;
color:#FFFFFF;
}
h2{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#0000FF;
}
h3{
padding:0 0 5px 0;
margin:0px;
font-size:12px;
color:#0000FF;
}
h4{
padding:0 0 10px 0;
margin:0px;
font-size:14px;
color:#7ea743;
}
h5{
padding:0 0 5px 0;
margin:0px;
font-size:14px;
color:#0000FF;
}
h6{
padding:0 0 5px 0;
margin:0px;
font-size:12px;
color:#000000;
font-style: italic;
}
h7{
padding:0 0 5px 0;
margin:0px;
font-size:14px;
color:#000000;
}



p{
text-align:justify;
padding:2px 0 2px 0;
margin:0px;
line-height:15px;
}
p.white{
color:#FFFFFF;
padding: 10px;
}
p.green{
color:#d4f0ba;
}
p.clear{
clear:both;
padding:10px 0 0 0;
}
img.left_img{
border:1px #cae6c6 solid;
float:left;
margin:0 10px 0 0 ;
}
img.box_img{
float:left;
padding:0 20px 0 0 ;
}
#main_container{
width:1300px;
height:auto;
margin:auto;
background-color:#ffffff;
}
#header{
width:1300px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#logo{
width:1300px;
height:150px;
padding:0 0 0 0;
float:left;
background:url(images/oceanheader.jpg) ;
}
/*----------------------menu-------------------------*/
#menu{
width:1300px;
height:42px;
padding:0px;
clear:both;
background-color:#416271;
}
#menu ul{
list-style:none;padding:0 0 0 10px;margin: auto;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;height:42px;padding:0px;line-height:42px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
#menu ul li a{
height:42px; width: auto;float:left;text-decoration:none;padding:0 0 0 25px; margin:0px 3px 0px 3px;color:#fff;text-align:center;
}
#menu ul li a:hover{
height:42px;width: auto;text-decoration:none;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}
#menu ul li a.current{
height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}
/*---ocean_header---*/
.ocean_header{
width:1300px;
height:150px;
clear:both;
padding:0px;
background:url(images/oceanheader.jpg) ;
}
.clock{
padding:0px;
position:absolute ;top:0px;left:1100px;
}
.text_content{
width:550px;
float:left;
padding:20px 0 0 0;
}
/*----------------------left navigation-------------------------*/
#left_nav{
width:400px;height: auto;padding:5px 0 0 0; float:left;
}
#left_nav ul{
list-style:none;margin: auto;display:block; padding:0px;
}
#left_nav ul li{
list-style:none;display:block;width:auto;height:29px;padding:0px;line-height:29px;
}
#left_nav ul li a{
height:29px;display:block; width:280px;text-decoration:none;padding:0 0 0 35px; margin:7px 0 7px 0;color:#6898ac;background:url(images/left_nav_arrow.gif) no-repeat left; border-bottom:1px #bedf77 dashed;
background-position:0px 0px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/*---main_content---*/
#main_content{
width:auto;
height:auto;
clear:both;
}
/*---Left_Content---*/
#left_content{
width:400px;
height:auto;
margin:0px 0px;
float:left;
padding:10px;
background-color:#eff5fb;
}
/*---Right_Content---*/
#right_content{
width:850px;
height:auto;
margin:0 0 0 10px;
float:left;
padding:10px 10px 10px 10px;
background-color:#eff5fb;
}
.google_box{
	padding: 10px 10px 10px 0px;
}
/*---Wide_Content---*/
#wide_content{
width:auto;
padding:10px 0px 10px 20px;
font-size:12px;
color:#0000FF;
background-color:#eff5fb;
}
#wide_content ul{
list-style:none ;padding:0 0 0 10px;margin: auto;display:block;
}
#wide_content ul li{
list-style:none;font-size:12px;

}
/*---fishing_box---*/
.fishing_box{
height:160px;
padding:10px 0 0 0;
font-size:16px;
color:#000000;
background-color:#eff5fb;
}

/*---video_box---*/
.video_box{
height:1700px;
padding:10px 0 0 0;
font-size:16px;
color:#000000;
background-color:#eff5fb;

}

/*---accreditation_box---*/
.accreditation_box{
height:125px;
padding:10px 0 5px 0;
font-size:16px;
color:#000000;
}
/*----------------------top right navigation-------------------------*/
#right_nav{
width:263px;height: auto;padding:20px 0 0 50px; float:left;
}
#right_nav ul{
list-style:none;margin: auto;display:block; padding:0px;
}
#right_nav ul li{
list-style:none;display:block;width:auto;height:29px;padding:0px;line-height:29px;
}
#right_nav ul li a{
height:29px;display:block; width:263px;text-decoration:none;padding:0 0 0 35px; margin:7px 0 7px 0;color:#d4f0ba;background:url(images/right_nav.gif) no-repeat center;
background-position:0px 0px;
}
#right_nav ul li a:hover{
height:29px;display:block;width:263px;text-decoration:none;color: #d4f0ba;padding:0 0 0 35px;margin:7px 0 7px 0; background:url(images/right_nav_a.gif) no-repeat center;
background-position:0px 0px;
}
#right_nav ul li a.current{
height:29px;display:block;width:263px;text-decoration:none;padding:0px;color: #d4f0ba;padding:0 0 0 35px;margin:7px 0 7px 0; 
background:url(images/right_nav_a.gif) no-repeat center;
background-position:0px 0px;
}

.products_box{
height:100px;
padding:10px 0 5px 0;
border-bottom:1px #59cef9 dashed;
}
.search_box{
width:267px;
height:124px;
float:left;
margin:15px 10px 10px 0;
background:url(images/search_box_bg.gif) no-repeat center;
background-position:0px 0px;
}
.search_title{
font-size:14px;
color:#7ea743;
padding:10px 0 0 15px;
float:left;
font-weight:bold;
}
input.search_input{
width:170px;
height:20px;
background-color:#FFFFFF;
border:1px #c0c485 solid;
float:left;
margin:15px 0 0 15px;
}
input.submit{
float:left;
padding:0 0 0 10px;
}
.subsearch{
width:200px;
float:left;
color:#8b8e5d;
padding:0 0 0 15px;
}
.contact_information{
width:200px;
float:left;
padding:10px 0 0 10px;
}
.news{
width:310px;
clear:both;
padding:10px 0 10px 0;
}
.news_icon{
width:30px;
float:left;
padding:0 10px 0 0;
}
.news_content{
width:260px;
float:left;
padding:0 0 0 10px;
text-align:justify;
line-height:13px;
}
.news_content span{
color:#4ab7e8;
}
.services_box{
height:120px;
padding:10px 0 5px 0;
margin:0px 0px 10px 0;
border-bottom:1px #a7ef6e dashed;
}
.best_sol_box{
width:277px;
float:left;
}
/*----------------------news_archive list-------------------------*/
.news_archive{
width:190px;
height: auto;
padding:10px 0 0 10px;
float:left;
}
.news_archive ul{
list-style:none;padding:10px 10px 10px 10px;margin:0px; width:190px;float:left;
}
.news_archive ul li{
list-style:none;width:180px;height: auto;padding:0px; line-height:26px;
}
.news_archive ul li a{
width: 180px;text-decoration:none;padding:0 0 0 20px; margin:6px 0px 6px 0px;color:#000;text-align:left;
background:url(images/bullet.gif) no-repeat left; background-position:0px 0px;
}
.news_archive ul li a:hover{
width: 180px;text-decoration:underline;color: #000;
}

.contact_info_box{
width:481px;
height:116px;
margin:5px;
/*---background:url(images/contact_info_bg.jpg) no-repeat center;---*/
}
.contact_info_title{
font-size:14px;
color:#0000FF;
padding:11px 0 0 15px;
font-weight:bold;
}
.contact_info{
font-size:12px;
color:#000000;
/*-font-weight:bold;-*/
float:left;
padding:0px 0px 5px 15px;
}
/*-----------------------contact_form-------------------*/
#contact_form{
width:310px;
height:auto;
padding:10px 0 0 60px;
}
.form_row{
float:left;
padding:4px 0 4px 0;
}
label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#59a5bf;
text-align:right;
}
input.contact_input{
width:220px;
height:18px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
textarea.contact_textarea{
width:220px;
height:80px;
float:left;
border:1px #ced6ec solid;
background-color:#dbedf3;
color: #000;
}
.send a{
width:62px;
height:24px;
display:block;
background:url(images/read_more_bg_white.gif) no-repeat center;
background-position:0px 0px;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
padding-left:40px;
float:right;
margin:10px;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:37px;
color: #fff;
background-color:#416271;
}
/*---------------------------dg picture zoom---------------*/
.dg-picture-zoom{
	cursor : url(http://www.dhtmlgoodies.com/scripts/picture-zoom/cursors/magnify-plus.cur), pointer !important;
	float: left;
	padding:0 20px 0 0 ;
}
.dg-picture-zoom-large{
	cursor : url(http://www.dhtmlgoodies.com/scripts/picture-zoom/cursors/magnify-minus.cur), pointer !important;
}
.dg-picture-zoom-border-container{
    float: left;
    border : 2px solid #000093;
    background-color: #FFF;
    margin-left:-7px;
    margin-top:-7px;
    padding:7px;
    box-shadow:10px 10px 20px #99ccff;
    border-radius: 5px;
}