@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	outline:0;
}

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

.clr{ clear:both;}

body{background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; 
     color:#333;}

h1 { margin: 0px; }

h2 { color:#00487b; font-size:20px; font-weight:lighter; margin: 0px; margin-bottom:10px;}
h3 { color:#CC0033; font-size:20px; font-weight:lighter; margin: 0px; margin-bottom:10px;}

h6{ margin: 0px; margin-bottom:2px; line-height:18px;  font-size:16px; color:#000; font-weight:bold; }

p { margin: 0px; }

img { max-width: 100%; height: auto; }

a {
    color: #0000EE;
    text-decoration: underline;
}
a:hover {
  color: #0000EE;
}
a:active {
  color: #FF0000;
}
.submitBtn {
  padding:5px;
}

.boatTbl {
    width:100%;
    background-color:#2A6DAB;
    color:#ffffff;
    margin-bottom:10px;
}

.boatTbl td {
    padding:5px;
}

.boatTbl td a {
    color: #ffffff;
}


.boatTblf {
    width:100%;
    background-color:#CC0033;
    color:#ffffff;
    margin-bottom:10px;
}

.boatTblf td {
    padding:5px;
}

.boatTblf td a {
    color: #ffffff;
}

.sub-block{width:960px; margin:auto; position:relative;}

marquee {
    color: #2A6DAB;
    font-weight:bold;
    font-style:italic;
}

.featured {
    color: #CC0033;
    font-weight:bold;
    font-style:italic;
}

h1#logo {  width: 100%; height:75px; float:left; margin:0 0 0 -2px;}

#logo a { background:url(../images/logo.gif) no-repeat top center; display:block; height:75px; text-indent:-9999px; font-size:0; cursor:pointer;}




#phone-no{ float:right; margin:7px 0 0 0; }

#facebook{ background:url(../images/facebook.gif) no-repeat; width:30px; height:30px; text-indent:-9999px; float:right; border:0;
			 margin:7px 0 0 10px;}
#facebook:hover{ background-position:bottom;}



/******************** Menu ****************************/

.navbar { min-height:inherit; margin:0px; border:none; text-align: center; margin-right: 2.5px;}
.navbar-nav { float: none; }
.navbar ul li a { padding: 0px; height: 28px; line-height: 28px;}
		
#menu { clear:both; margin:11px 0 0 25px; background:url(../images/m-sep.gif) no-repeat left; padding-left:17px;  z-index:100; float: right;}
#menu ul{margin-right:0; position:relative; z-index:200;}
#menu li {  float:left; font-size:11px;  list-style:none; line-height:28px; padding:0 5px; font-weight: normal;
			  text-transform:uppercase; background:url(../images/m-sep.gif) no-repeat right; color: #8c8b8b;  
			  position:relative;}
#menu li a{ text-decoration:none; color:#8c8b8b; display:block; font-weight:bold; padding-right:15px; }
#menu li a:hover { background:url(../images/m-arrow-hover.gif) no-repeat top center; color:#33ccff;}

#menu .active { color:#c2a368; text-decoration:underline;}				   
#menu #first{ background:none;}
#menu #last{ border-right:0; background:none; }

#menu li.current-menu-item a,
#menu li.current_page_parent a { color:#14907f;text-decoration:underline;}	
			
#menu li.current-menu-item li a,
#menu li.current_page_parent li a { background:none; color:#747474;text-decoration:none;}	

#menu li li.current-menu-item a { background:none; text-decoration:none; color:#747474;}

#menu li ul { background:#fff; border:1px #A1A1A1 solid; border-bottom:0; float:none; display:none; position:absolute;
				min-width:135%; z-index:1000; top:28px; left:0%; z-index:1000; }
#menu li li { float:none; display:block; border-bottom:1px #A1A1A1 solid; padding:0 0px; line-height:26px; background:none;  text-align:left;  }
#menu li li a { padding:0 10px; font-weight:lighter; background:none; text-transform:capitalize; display:block; } 
#menu li li a:hover { text-decoration:none; color:#0B2C5C; background:#D1D1D1; background-image:none; }

#menu li:hover > ul { /*display:block;*/}

#menu li ul li a:hover { /*background:#000;*/ color:#0B2C5C; }

#menu li ul ul {  left:100%; top:2px;  min-width:auto;}



.drop a { background:url(../images/m-arrow-hover.gif) no-repeat top center; color:#33ccff;}




/*#nav li.drop > a:hover {background: url(images/dd-arrow.png) no-repeat right;}*/

#menu .last a { border:0;}


#banner-block{   height:437px; clear:both; background:#0b2c5c url(../images/banner-bg.png) no-repeat top center; position:relative; z-index:-1;}

#banner{ margin:0; padding:0; position: relative;}

#banner-left{  top:50px; left:10px; position:absolute; background:url(../images/banner-arrow.png) no-repeat top left;
				padding-left:36px;}
				
#banner-left h1 { color:#fff; font-size:60px; font-weight:bold; margin-bottom:10px; line-height:56px; text-transform:uppercase;}
#banner-left h2 {    margin-bottom:0; color: #33ccff; font-size: 18px; line-height:22px;font-weight:lighter;}
#banner-left p{ font-size: 14px; line-height:18px; color: #fff;font-weight: normal; margin-bottom:0; text-align:left; }


#mid-block{ background:url(../images/mid-bg.png) no-repeat top center; padding-top:140px; margin-top:-140px; 
			z-index:10000; position:relative;}
			
.box{ background:#fff url(../images/box-bg.gif) repeat-x bottom; min-height: 160px; margin:-40px 0 0 0px; position:relative;}	
	
.box h2{ color: #113362; font-size: 18px; line-height:22px; font-weight: bold;  margin-bottom:0; letter-spacing:.5px; text-transform:uppercase;}	
.box_first { margin-right: -15px; margin-left: 15px;}
.box_last { margin-left: -15px; margin-right: 15px;}

.box-left{ float:left; width:96px;}	
.box-right{ float:right; width:200px; margin-top:10px;}	

.box-list ul{}
.box-list li{font-size: 14px; line-height:17px; color: #333; font-weight: normal;padding-bottom: 4px; list-style:none;
			background:url(../images/dot.gif) no-repeat top left; padding-left:8px;}	
				
.box-list li a{color: #333; text-decoration:none;}
.box-list li a:hover{color: #287fa9; }


.learn-more {   clear:both; bottom:1px; left:101px; position:absolute; background:url(../images/view-arrow.png) no-repeat left;
				padding-left:15px; font-weight:bold; line-height:21px;}
.learn-more a{ color:#287fa9; font-size:14px; text-decoration:none; text-transform:uppercase;  }
.learn-more a:hover{ color:#0b2c5c; }


.learn-more2 {   clear:both;   background:url(../images/view-arrow.png) no-repeat left;
				padding-left:15px; font-weight:bold; line-height:21px; margin:20px 0 0 30px;}
.learn-more2 a{ color:#287fa9; font-size:12px; text-decoration:none; text-transform:uppercase;  }
.learn-more2 a:hover{ color:#0b2c5c; }


#boat-block{  border-top:1px solid #3f4634; border-bottom:1px solid #3f4634; margin:20px 0; clear:both; padding:13px 0 0 20px; }
			 
#boat-block p{ font-size: 16px; line-height:18px; color: #000; font-weight: normal; letter-spacing: 1px; margin-bottom:0; 
				text-transform:uppercase;}

#contact-today{ width:215px; float:right; background:url(../images/contact-bg.gif) repeat-x bottom; height:45px; margin:-31px 15px 0 0}



#footer { background:#666; padding: 15px 0 16px 0;}

#footer h1{font-size: 20px; line-height:22px; color: #ccc;font-weight: normal; float:left;}

#address{ float:left; width:170px; margin:0 30px 0 25px; border-right:1px solid #333;}
#address p{font-size: 12px; line-height:15px; color: #fff; font-weight: normal; margin-bottom:0;}

#sitemap a { text-decoration:none; color:#33ccff;}
#sitemap a:hover { text-decoration:underline; }

#copy-right{ float:right; font-size:12px; color:#fff; margin-right:150px;}




/********** INNER PAGE **********/


#content-block{ clear:both; background:#fff url(../images/content-bg.gif) repeat-x top; padding-top:30px;}

#top-shadow{ background:url(../images/shadow-top.png) no-repeat top center; height:20px; }

#shadow-block{ background:url(../images/shadow-bg.png) repeat-y top center;  padding-top:16px;}

#content-inner{ margin:0 8px 0 10px; background:url(../images/inner-head.gif) repeat-x top; }

#arrow-head{ background:url(../images/head-arrow.png) no-repeat top left; padding-top:44px;}

#content-left{ width: 36%;}
#content-right{  padding-bottom:40px; margin-right:20px; width: 60%;}

#content-right h1{font-size:48px; line-height:52px; color: #000; font-weight: bold; margin:10px 0;}

#content-right p { margin-bottom:14px; line-height:18px; text-align:left; font-size:14px; color:#000; }


.link a{font-size: 14px; color: #287fa9;font-weight: bold; text-decoration:none; margin-bottom:20px;}
.link a:hover{color: #000;}

#content-left2 {
  float:left;
  width:100%;
  margin-bottom:10px;
}

ul{
  list-style-position: inside;
}

ul ul{
  text-indent: 25px;
}

.left-list{
  float:left;
}

.left-list ul {
  margin-left: 10px;
}

.right-list{
  float: right;
}

.right-list ul {
  margin-left: 10px;
}



.links a{
  font-size: 14px; color: #287fa9;font-weight: bold; text-decoration:none; margin-bottom:20px;
}

.links a:hover{
  color: #000;
}


.ad-gallery { width: 100% !important; max-width: 500px; }
iframe { width: 100%; }


@media (min-width: 1200px){
.container {
    width: 990px;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
  #menu li { padding: 0 4px; }
  .box-left { width: auto;  max-width: 90px;}
  h1#logo { margin: 0px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    h1#logo { margin: 0px; padding-top: 8px; }
    #logo a { background-size: 100%; } 
    #menu li { font-size: 9px; padding: 0 2px; }
    #menu li a { padding-right: 13px; }
    #menu { margin-left: 0px; padding-left: 17px; }
    #phone-no { max-width: 222px; margin-top: 12px;}
    #banner-left { width: 70%; top: 22px; }
    #banner-left h1 { font-size: 28px; line-height: 35px; }
    #banner-left h2 { font-size: 15px; }
    #banner-left p { font-size: 12px; line-height: 18px; }
    #banner-block { height: auto; min-height: 341px; }
    #mid-block { background-size: 100% 96%; }
    .box-left { float: none; width: auto; text-align: center; padding: 9px 0; min-height: 87px;}
    .box-left img { margin-top: 0px !important; max-width: 70px;}
    .box { min-height: 266px; }
    .learn-more { left: 44px; }
    .box h2 { margin-bottom: 5px; }
    #boat-block p { font-size: 12px; }
    #copy-right { margin-right: 0px; }
    #footer h1 { font-size: 17px;  }
    #content-left { width: 34%; }
    #content-inner { margin: 0px; }
} 

@media (max-width: 767px) {
  
  h1#logo { float: none; width:auto; height: auto; margin: 0px; padding-top: 10px;}
  #header-right { text-align: center; }
  #facebook { display: inline-block; margin-left: 0px; float: none; }
  #phone-no { float: none; }
  #menu { background: none; padding: 0px; margin: 0px; float: none; }
  #banner-left { padding-left: 0px; position: static; }
  .box_first,.box_last { margin: 0px; }
  .box { min-height: inherit; margin-bottom: 30px;}
  #mid-block { margin-top: 0;  padding-top: 20px;}
  .box-left { float: left; width: 30%; text-align: center; padding: 9px 0; min-height: 87px; margin-right: 15px;}
  .box-left img { margin-top: 0px !important;}
  .box { min-height: 266px; }
  .learn-more { left: 44px; }
  .box-right { width: 64%; float: right; }
  .box { margin-top: 0px; min-height: inherit;}
  .box { padding: 20px 20px 40px; }
  .box h2 { margin-bottom: 7px; } 
  .learn-more { left: 0; width: 100%; background: none; text-align: center; padding-left: 0px;}
  .learn-more a { background: url(../images/view-arrow.png) no-repeat left; padding-left: 16px; display: inline;}
  #mid-block { background: #F2F3F2; }
  #banner-block { height: auto; padding: 0 0 20px 0; }
  #banner-left { padding: 40px 0; background: none; text-align: center;}
  #banner-left h1 { font-size: 33px; line-height: 43px; background: url(../images/banner-arrow.png) no-repeat 0px -6px; display: inline; padding-left: 36px;}
  #banner-left h1 br { display: none; }
  #banner-left h2 { margin-bottom: 12px; }
   #banner-left p { text-align: center; }
   #footer { text-align: center; padding: 20px 0;}

   #address,#copy-right,#footer h1 { float: none; width: auto; margin: 0px; }
   #footer h1,#address,#sitemap { margin-bottom: 12px; }
   #address { border-right: none; }
   #sitemap { display: block; margin-bottom: 12px; }
   #contact-today { position: static; margin: 0px;  width: auto; float: none; line-height: 45px; display: inline-block;
    padding: 0 20px;}
    #boat-block p { line-height: 26px; margin-bottom: 12px; }
   .learn-more2 { margin: 14px 0 0 0px;}
   #boat-block { margin: 0 0 20px 0; padding: 20px 0;  text-align: center; }
   .box h2 { font-size: 16px; }

   #top-shadow { display: none; }
   #content-block { padding-top: 0px; background-repeat: repeat !important; padding: 25px 14px;}
   #content-inner { margin: 0px; }
   #content-right { width: 100%;  margin-right: 0; padding-bottom: 20px;}
   #content-left { width: 100%; padding-bottom: 20px;}
   #content-right h1 { margin-bottom: 0px; font-size: 35px; line-height: 45px; }
   #content-right form,#content-right table { width: 100%; }
   #content-right input,  #content-right select, #content-right textarea { width: 100%; }
   .contact tr td { display: block; padding-bottom: 9px; text-align: left; }
   #gallery { padding: 0px !important; }
   .ad-gallery .ad-image-wrapper { height: 300px !important; }

  
  /*********************  Nav  **************************/
  
  .navbar { background: #14407d; margin: 0 -15px; }
  .navbar-brand { font-family: sans-serif; color:#fff; font-size:18px; height:auto;}
  .navbar-brand:hover { color:#fff;}
  .navbar-toggle .icon-bar { background:#fff; }
  .navbar-toggle { border: 2px solid #FFF; background: #67666E;}
  .navbar-header {}
  .navbar-collapse { box-shadow:none; max-height:inherit;}
  .navbar-collapse.in { overflow-y: initial;}
  #menu li { background: none; float: none; padding: 0px; }
  #menu ul { margin-right: -15px; }  
  #menu .navbar ul { /*margin:0px -15px*/ margin-top:0px; margin-bottom:0px; float:none;}
  #menu .navbar ul li a { border-top: 1px solid #0f2e58; border-bottom: 1px solid #114fa5; line-height:35px; height:35px; text-transform: capitalize; padding:0 20px;  color: #fff; text-align: left; font-size: 15px; font-weight: normal;}
  #menu .navbar ul li a:hover, .navbar ul li:hover > a, .navbar ul li a:focus { color: #FAF8F2; background:#0b2c5a;}
  #menu .navbar ul li:hover > ul { position:relative; top:0px;}
  #menu .navbar ul ul li a { padding-left: 50px;}
 
}

@media(max-width: 480px) {
  #banner-left h1 { font-size: 24px; line-height: 34px; background-position: 0px -9px !important;}
  #banner-left h2 { margin: 12px 0; }
  #content-right h1 { font-size: 30px; line-height: 40px; }
  #content-left img { width: 100%; }
  #content-right h3 { font-size: 18px; }
  .boatTblf td { font-size: 12px; }
}