* {
	box-sizing:border-box;
}

body {
background-image:url(../images/bg.jpg);
	background-position:  center top;
	background-repeat: repeat-xy;
	background-color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
}

h1 {
	margin-top:0;
	text-align:center;
	color: #FAEFA3;
}
	
h2 {
	font-size:1.2em;
	margin-top:0;
	background-color:#213359;
	padding:7px;
}
	
A:link, A:visited { text-decoration:none; color: #FAEFA3; }
A:hover { text-decoration:none; color:gold;}	
			
			
/*-----------NAVBAR---------------*/
A.nav:link {text-decoration:none; 
		font-family: Verdana,Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #ffffff;
		background-color: #5c93c9;
		padding:3px;
		display:block;
		text-align:center;
		text-transform:uppercase;}
		
A.nav:visited {text-decoration:none; 
		font-family: Verdana,Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #ffffff;
		background-color: #5c93c9;
		padding:3px;
		display:block;
		text-align:center;
		text-transform:uppercase;}
		
A.nav:hover {text-decoration:none; 
		font-family: Verdana,Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #feef9c;
		background-color: #003162;
		padding-top:2px;
		padding-bottom:2px;
		display: block;
		text-align:center;
		text-transform:uppercase;}	
			

.bot {text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #faefa4;}
			
.bot a:link {text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #faefa4;}
		
.bot a:visited {text-decoration:none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #faefa4;}
		
.bot a:hover {text-decoration:underline;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #faefa4;}
			
			
			
.bot1 {text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #828da5;}
		
.header {text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;}		

		
.content {text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;}		
										

.content_title {text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;}
		
.content_bold {text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;}
		
.content_small {text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #ffffff;}
		
.content_small a:link{text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #ffffff;}
		
.content_small a:visited{text-decoration:none; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #ffffff;}	
			
.content_small a:hover{text-decoration:underline; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #ffffff;}		
		
.bodyalign ul{
padding-top:50px;
padding-right:10px;
}	





			
.header-mobile, .header-mobile-small, .nav-mobile {
	display:none;
}

.maincontent {
	width:100%;
	background: #2C416C; /* Old browsers */
	background: -moz-linear-gradient(top, #2C416C 0%, #364C79 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2C416C), color-stop(100%,#364C79)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2C416C 0%,#364C79 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2C416C 0%,#364C79 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2C416C 0%,#364C79 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2C416C 0%,#364C79 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2C416C', endColorstr='#364C79',GradientType=0 ); /* IE6-9 */
	padding:0 15px 15px 15px;
}
.home .maincontent {
	padding-top:15px;
}

.col-01, .col-02 {
	position:relative;
	width:50%;
	float:left;
	padding:10px;
	border-top:1px solid #FCFEFD;
}

.col-01 {
	background-image: url("/images/line-fade.png"), url("/images/line-fade.png");
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
}

.col-02 {
	background-image: url("/images/line-fade.png");
	background-position: right top;
	background-repeat:no-repeat;
}

.boatsprite {
	z-index:100;
	position:absolute;
	right:20px;
	top:-15px;
}


.button {
	display:inline-block;
	padding:5px 10px;
	border-radius:7px;
	background-color:#1A2346;
	text-decoration:none;
	font-weight:bold;
	color:#FAEFA3 !important;
}
.button:hover {
	background-color:#252F52;
	text-decoration:none !important;
	color:white !important;
}

.navbar-container {
	display:block;
	min-height:34px;
	text-align:center;
	background-image: url("/images/navbar.png");
}
.navbar {
	display:inline-block;
}
.navbar a {
	text-decoration:none;
	font-size:12px;
	cursor: pointer;
	text-transform:uppercase;
	height:34px;
	line-height:34px;
	display:block;
	color:white;
	float:left;
	padding:2px 10px 8px 10px;
	border-left:1px solid #B6BFC8;
	border-right:1px solid #5D6172;
}
.navbar a:hover {
	text-shadow:0px 0px 5px #FAEFA3;
	text-decoration:none !important;
}
.navbar a:first-child {
	border-left:none;
}
.navbar a:last-child {
	border-right:none;
}

.nav-mobile {
	z-index:200;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	background-color:black;
		font-weight:bold;
	font-size:32px;
	line-height:34px;
	padding:10px;
}
.nav-mobile img {
	max-height:25px;
}

.nav-mobile ul {
	margin-top:5px;
	display:none;
	background-color:#1B2646;
}
.nav-mobile:hover ul {
	display:block;
	    list-style-type: none;
	    padding:0;
	    margin:0;
}
.nav-mobile:hover ul li a {
	line-height:normal;
	display:block;
	padding:5px 5px 5px 20px;
	width:100%;
	font-size:14px;
	color:white;
	border-bottom:1px solid #5D6172;
}
.nav-mobile:hover ul li a:hover {
	background-color:#354D79;
}







.boat-frame {
	padding-bottom:10px;
	border-bottom:1px solid #213359;
	margin-bottom:10px;
	width:100%;
}

.boat-photo {
	float:left;
	width:25%;
	padding:5px;
}
.boat-photo img {
	width:100%;
	border-radius:5px;
	box-shadow:3px 3px 2px #213359;
}

.boat-details {
	float:left;
	width:75%;
	padding:5px;
}

.boat-col-01, .boat-col-02 {
	width:50%;
	float:left;
}
.boat-col-01 {
	padding-right:10px;
}

.boat-name {
	text-transform:uppercase;
}
.boat-description {
	padding-top:10px;
}