/* CSS Document */
/* Browser reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
/* Browser reset */

/* common styling */
.menu {position:relative; margin:0; font-size:20px; margin:2px 0 100px 0; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; padding-top:20px; text-decoration:none; color:#000; width:180px; height:55px; text-align:right; color:#666666; line-height:20px; font-size:30px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none; }
.menu ul li a:active {display:block; padding-top:20px; text-decoration:none; color:#fff; width:180px; height:55px; text-align:right; line-height:20px; font-size:30px; overflow:hidden;}

/* specific to non IE browsers */

.menu ul li:hover a {color:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px; }
.menu ul li:hover ul li a.hide {color:#000;}
.menu ul li:hover ul li:hover a.hide {color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#000;font-size:20px; top:-10px;}
.menu ul li:hover ul li a:hover {color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
h1 {
	font-size:18px;
	color:#666666;
	margin-bottom:10px;
	}
h3 {
	font-size:14px;
	color:#666666;
	margin-bottom:10px;
	
}

p {
	font-size:12px;
	}

.jobs{
	
	}

#leftcol A:link {
	text-decoration: none;
	color:#666666;
}
	
#leftcol A:visited {
	text-decoration: none;
	color:#666666;
}
	
#leftcol A:active {
	text-decoration: none;
	background-image: url(images/button-active.jpg);
	color:#CCCCCC;
}

#leftcol A:hover {
	text-decoration: none; color: #CCCCCC;
}

body {
	background-color:#C8C8C8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#container {
	position:relative;
	margin-top:40px;
	width:650px;
	height:617px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/background.jpg);
	}
	
#header {
	position:relative;
	width:100%;
	height:161px;
	}

#bkmarine-logo {
	position:relative;
	float:left;
	left:40px;
	top:30px;
	width:100px;
	}

#contact-us {
	position:relative;
	top:30px;
	float:right;
	padding-right:30px;
	width:250px;
	color:#003EBA;
	font-size:18px;
	
	}

#leftcol {
	position:relative;
	top:20px;
	float:left;
	width:206px;
	padding-bottom:25px;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #666666;
	font-size:30px;
	text-align:right;
	
	

	}
p img{
	float:left;
	vertical-align: middle;
	display:inline;
	margin: 5px;
	}
	
#rightcol {
	position:relative;
	top:20px;
	float:right;
	width:416px;
	padding:10px;
	padding-top:0;
	overflow:auto;
	height:400px;
	}
	
#leftcol ul {
	color:#666666;
	padding-right:20px;
	padding-top:20px

}

#leftcol li {
	width:100%;
	height:55px;
	}

#hp-images {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}	

.images {
	margin-left:50px;
	float:left;
	}

.clear {
	clear:both;
	}

.noscroll {
	overflow:hidden;
	}

.12size {
	font-size:12px;
	}
	
p li {
	font-size:12px;
	list-style:circle;
	text-decoration:overline;
	
	}
	
.specs{
	width:95%;
	height:430px;
	border: 1px solid #98AED9;
	margin-bottom:10px;
	padding:5px;
	background-color: #F5F8FC;
	height:800px;
	font-size:10px;
	}
	
.halfl {
	width:48%;
	float:left;
	}

.halfr {
	width:48%;
	float:right;
	}
	
.halfr a, .halfl a{
	text-decoration:none;
	}