/* CSS Document */


a, img			{border:none; outline:none; }

h1, h2, h4 		{color:#FFF;}
p				{color:#999; font-size:15px; }
body			{background-color:#333; font-family:Arial,"Gill Sans", "Verdana Italic"; }
body			{color:#FFF; }

ul li			{list-style-type:none;}


a				{	text-decoration:none;  font-style:none; font-size:15px;	}
a:link			{	color:#fff;	}
a:visited		{	color:#fff;	}
a:active		{	color:#fff;	}
a:hover			{	color:#fff;	}
a:focus			{	color:#fff;	}


#content		{display:block; margin:0 auto; }

#cover			{width:960px; background-color:#000;margin: 0 auto; display:block;}

				
#logo			{display:block; padding : 60px 0px 60px 30px; float:left; height:60px;}
				
				
#top			{display:block; width:960px; height:180px;	}


#bottom-nav	ul	li	{	display: inline; list-style-type:none;	}
#bottom-nav			{	float: left; clear:both; }


#cssmenu	ul	li	{display:block; margin: 0 35px ;}
#cssmenu			{background-image:url(../images/illustration/menu-bar.png);list-style-type:none;
					margin-top: 55px;}
#cssmenu			{float:right; width: 600px; height:50px; width:63%; }

/* cssmenu Styles */


#cssmenu > ul {
  position: relative;
  display: block;
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}


#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 18px;
  padding: 0 32px 30px 32px;
  color:#999;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

#cssmenu > ul > li:hover > a {
  color: #ffffff;
}

#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: 20px;
  top: 35px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 175px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 14px;
  color: #9ea2a5;
  background:#333;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}


/* NAV Styles END */



#headpic		{margin:0; }


#welcome		{font-family:"Gill Sans", "Verdana Italic", Arial; text-align:justify; margin: 60px;}
#welcome p1		{font-family:"Gill Sans", "Verdana Italic", Arial;font-size:24px; }


#ad						{margin:0; margin-bottom:5px; clear:both; }
#ad-image				{width:480px; float:left;  }
#ad p2					{font-size:24px;font-style:normal;}
#ad-detail				{float:right; width: 440px;height:230px; padding:20px; display:block;background-color:#191919; font-style:normal;}




#social-media	ul	li	{	display: inline; list-style-type:none;	}
#social-media			{	float: right; margin: 0 20px;clear:both; }

#footer			{clear:both;}
#footer			{text-align:center; text-decoration:none; color:#999;}
#footer			{margin:5px 0 0 0; background-color:#191919; padding: 1px 0; width:960px;}
#footer p		{font-size:12px;}


/* Contact Form Styles *
#contact p2				{font-size:18px;font-style:italic;}
#contact				{float:right; width:80px; margin-top:30px;
							background-image:url(../images/illustration/contact%20bar.png);
							padding:10px 70px 10px 100px;clear:both;}

#contact-form			{width:450px; margin-left:auto; margin-right:auto; margin-top:100px;}
#contact-form ol li		{list-style-type:none; }
#left-contact			{width:50px; float:left;}
#right-contact			{width:-300px; float:right;}

textarea, input			{display:block;width:300px; padding:5px; margin: 15px; background:#666;
						border:#666}
textarea				{height:70px;}


label					{display:block; margin-top:19px;}

.submit					{width: 100px; margin-top:10px;margin-bottom:50px;clear:both;float:right;
						clear:both; background-color:#FFF;}

/*thank you*/
#thankyou				{font-family:"Gill Sans", "Verdana Italic", Arial; text-align:center;
						padding: 200px; background-color:#222; }
#thankyou p1			{font-size:36px;}
/* End Contact Form Styles */

textarea, input			{display:block;width:300px; padding: 5px;  background:#666;
						border:#666; display:block; margin:0;}
textarea				{height:100px;}
#contact				{margin-left:325px; margin-top:100px;}





/* About Styles */
#about p2				{font-size:18px;font-style:italic;}
#about					{float:right; width:120px; margin:30px 0 60px 0;
							background-image:url(../images/illustration/contact%20bar.png);
							padding:10px 50px 10px 80px;clear:both;}
#about-story			{width:800px; margin:130px auto; clear:both; text-align:justify;}
/* End About Styles */


/* All Boats Styles */

#all-boats p2			{font-size:18px;font-style:none;}
#all-boats				{clear:left; display:block;}
#all-1					{float:left; width:100px; }
#all-2					{float:left; width:300px; }


#b1						{clear:both; }
#b2						{clear:both; }
#b3						{clear:both; }
#b4						{clear:both; }

#all-boats				{float:right; width:120px; margin-bottom:0px;
						background-image:url(../images/illustration/contact%20bar.png);
						padding:10px 40px 10px 100px;clear:both;}
#all					{clear:both;}							
#boat-detail1			{margin-bottom:5px;float:right; width: 440px;height:185px; padding:20px; display:block;background-color:#191919;}
#boat-image1			{margin-bottom:5px;float:left;}

#boat-detail2			{margin-bottom:5px;float:right; width: 440px;height:185px; padding:20px; display:block;background-color:#191919;}
#boat-image2			{margin-bottom:5px;float:left;}

#boat-detail3			{margin-bottom:5px;float:right; width: 440px;height:185px; padding:20px; display:block;background-color:#191919;}
#boat-image3			{margin-bottom:5px;float:left;}

#boat-detail4			{margin-bottom:5px;float:right; width: 440px;height:185px; padding:20px; display:block;background-color:#191919;}
#boat-image4			{margin-bottom:5px;float:left;}


/* End All Boats Styles */


/* Boats Form Styles */

#story						{width:800px; margin:70px auto; clear:both; text-align:justify;}

#name						{float:right; width:200px; margin-top:0;
							background-image:url(../images/illustration/contact%20bar.png);
							padding:10px 10px 10px 60px;clear:both;}

#gallery1					{float:right; width:140px; margin-top:30px;
							background-image:url(../images/illustration/contact%20bar.png);
							padding:10px 30px 10px 100px;clear:both;}
							
#gallery2					{float:right; width:140px; margin-top:30px;
							background-image:url(../images/illustration/contact%20bar.png);
							padding:10px 30px 10px 100px;clear:both;}
							
							
#spec1						{float:right; width:125px; margin-top:30px;
							background-image:url(../images/illustration/contact%20bar.png);
							padding:10px 50px 10px 100px;clear:both;}
							
#spec2						{float:right; width:125px; margin-top:30px;
							background-image:url(../images/illustration/contact%20bar.png);
							padding:10px 50px 10px 100px;clear:both;}
	
#spec						{margin:0; margin-bottom:5px; width:960px; clear:both;}



#spec1detail				{width:960px; clear:both; }
#spec1-1					{width:80px; height:150px; padding-left:60px; float:left; background-color:#444; }
#spec1-1a					{width:210px; height:150px; padding-left:0; float:left; background-color:#444; }
#spec1-2					{width:80px; height:150px; padding-left:0; float:left; background-color:#444; }
#spec1-2a					{width:210px; height:150px; padding-left:0; float:left; background-color:#444; }
#spec1-3					{width:80px; height:150px; padding-left:0; float:left; background-color:#444; }
#spec1-3a					{width:240px; height:150px; padding-right:0; float:left; background-color:#444; }
		
							
#spec2detail				{width:960px; clear:both; }
#spec2-1					{width:290px; height:150px; padding-left:60px; float:left; background-color:#444; }
#spec2-2					{width:290px; height:150px; padding-left:0; float:left; background-color:#444; }
#spec2-3					{width:320px; height:150px; padding-left:0; float:left; background-color:#444; }

							
#more						{float: right; margin-right:20px; }																			
														
#banner						{width:960px; padding:0; margin:0;}							

/* slider style */
#slider1 ul li			{list-style-type:none;}
#slider1 ul 			{padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
						border:  0px 0px 0px 0px;
						display: table;
						table-layout: fixed;
						display: inline;
						}
					
#slider1 li 			{padding: 0px 0px 0px 0px;
						border: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;  
						display: table-cell;
						}
				
#slider1 				{width: 960px; /* important to be same as image width */
						height: 450px; /* important to be same as image height */
						position: relative; /* important */
						overflow: hidden; /* important */
						}

#slider1Content 		{width: 960px; /* important to be same as image width or wider */
						position: absolute;
						top: 0;
						margin-left: 0;
						}
.slider1Image 			{float: left;
						position: relative;
						display: none;
						}
.slider1Image span 		{position: absolute;
						font: 15px/25px Arial, Helvetica, sans-serif;
						padding: 15px 15px;
						width: 694px;
						background-color: #000;
						filter: alpha(opacity=70);
						-moz-opacity: 0.7;
						-khtml-opacity: 0.7;
						opacity: 0.7;
						color: #fff;
						display: none;
						}
						
.clear 					{clear: both;}

.slider1Image span strong {font-size: 14px;}

.right 					{top: 0;
						right: 0;
						width: 280px !important;
						height: 450px;
						}

/* END slider style */

#off					{clear:both; }
#on						{clear:both; }


/* Start ADDRESS */
#address				{margin: 60px; width:960px; display:block; background-color:#F00; }
#address1				{margin:40px; width:200px; display:block; float:left; }
#address2				{margin:40px; width:200px; display:block; float:left; }
#address3				{margin:40px; width:200px; display:block; float:left; }



/* Light box */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* Light box END */