@charset "utf-8";
/* CSS Document */

/* Blue Lobster Layout */

/* CSS Browser Reset
------------------------------------------------------------------------------------------------- */

* { 
	margin: 0; 
	padding: 0; 
	font-style: normal; 
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 6px;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Typography
------------------------------------------------------------------------------------------------- */

body {
	width: 100%;
	background-color:#FFF;
	background-image:url(../pics/bg_slice.jpg);
	background-repeat:repeat-x;
	
}

p {
	font-size:0.7em;
	font-weight: 200;
	line-height: 1.2em;
	font-family: Arial, Gadget, sans-serif;
	color: #2a2a2a;
	margin-bottom: 10px;
}

a.c-link {
	color: #2a2a2a;
	font-size: 1.1em;
	margin-left: 2px;
	top: -3px;
	position: relative;
}

a.c-link:hover {
	color: #2a2a2a;
}

li {
	font-size:0.7em;
	font-weight: 200;
	line-height: 1.2em;
	font-family: Arial, Gadget, sans-serif;
	color: #2a2a2a;
	list-style: disc;
}

a {
	font:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:10px;
	display:inline;
	line-height:2em;
}

a:link {
	
	text-decoration: none; 
}
a:active {
	
	text-decoration: none; 
}
a:visited {
	text-decoration: none; 
}
a:hover {
  	color: #06F;
  	text-decoration: none;
	cursor:pointer;
}

/* Layout
------------------------------------------------------------------------------------------------- */

#wrapper {
	width: 960px;
	margin: auto;
	
	overflow:visible;
	
}


#wrapper_contact {
	width: 968px;
	margin: auto;
	overflow:visible;
	
	
}
/* page
------------------------------------------------------------------------------------------------- */

#page {
	width: 960px;
	float:left;
	overflow:visible;
	background-image:url(../1.jpg);
	background-repeat:repeat-y;
}




#header {
	background-image:url(../pics/header.jpg);
	height:36px;
	width:758px;
	float:left;
	
}


/* sidebar
------------------------------------------------------------------------------------------------- */


#sidebar {
	
	width:202px;
	
	background-image:url(../pics/sidebar.jpg);
	float:left;
	
	
}



#logo {
	width:210px;
	height:125px;
	margin-top:20px;
	background-image:url(../pics/logo.jpg);
	position:relative;
	left:-18px;
	
}

#number {
	width:210px;
	height:30px;
	margin-top:5px;
	background-image:url(../pics/number.jpg);
	position:relative;
	left:-18px;
	
}

#poster {
	width:178px;
	height:281px;
	margin-left:11px;
	margin-right:11px;
	margin-bottom:px;
	margin-top:10px;
	/*background-image:url(../pics/left_poster.jpg); */
	background-image:url(../pics/marine-bd-block.jpg);		
}

#contact-roll {
	width:178px;
	height:116px;
	margin-left:11px;
	margin-bottom:px;
	margin-top:10px;
	float:left;
	
}

#slide {
	width: 750px;
	height: 178px;
	overflow: hidden;
}

a#contact {
	width:178px;
	height:116px;
	margin-left:11px;
	margin-bottom:px;
	margin-top:-116px;
	background-image:url(../pics/contact_button.jpg);
	float:left;
	
}

a#contact:hover {
background-position:0 -116px;
}	
	
#info {
	width:178px;
	height:281px;
	margin-left:11px;
	margin-right:11px;
	margin-top:138px;
	background-image:url(../pics/contact_info.jpg);
	
	
	
	
}

#smalltext{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin-left:30px;
	padding-top:96px;
	color:#FFF;
	letter-spacing:-0.07em;
	
}

#bigtext{
	font-family:Verdana, Geneva, sans-serif;
	font-size:17px;
	text-align:center;
	margin_left:auto;
	margin-right:auto;
	padding-top:8px;
	
	
}


/* navigation
------------------------------------------------------------------------------------------------- */

#nav {
	width:700px;
	height:37px;
	float:left;
	position:relative;
	top:-15px;
	left:80px;
	
	
}

ul, li {display:inline;
}

#nav li a {
	background-image:url(../pics/nav_button1.jpg);
	width:124px;
	height:37px;
	float:left;
	margin-left:9px;
	text-align:center;
	padding-top: 6px;
	
	
}

#nav li a {
	
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#666;
}

#nav li a:hover{
	background-image:url(../pics/nav_button_rollover.jpg);
	width:124px;
	height:37px;
	float:left;
	color: #FFF;	
}

#nav li a.active {
	color: #FFF;
	background-image:url(../pics/nav_button_rollover.jpg);
}

/*
#nav p {
	margin-top: 13px;
	font:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	color:#666;
	
	

}
	*/



/* main body
------------------------------------------------------------------------------------------------- */

#banner {
	width:748px;
	height:176px;
	float:left;
	margin-left:10px;
	margin-top:11px;
	
}
#about_banner {
	background-image:url(../pics/about_banner.jpg);
	width:748px;
	height:176px;
	position:absolute;
	margin-left:213px;
	margin-top:80px;
	
}



#main_content {
	
	width:738px;
	float:left;
	border: 5px #CCC solid;
	margin-left: 10px;
	margin-top:16px;
	margin-bottom:10px;	
}

#pre_main_content {
	
	width:738px;
	float:left;
	border: 5px #CCC solid;
	margin-left: 10px;
	margin-top:16px;
	margin-bottom:10px;	
}

#pre_main_content p {
	margin-bottom: 6px;
	line-height: 2em;
	margin-left: 10px;
	margin-top: 4px;
}

p {font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#text {
	margin-left:15px;
	margin-top:17px;
	margin-right:15px;	
}

#parts-list li {
	display: list-item;
	list-style: disc;
	list-style-image: url(../pics/bullet.gif);
	margin: 0 0 6px 90px;
	background-color: #FFF;
}

#col-1 {
	width: 49%;
	float: left;
}

#col-2 {
	width: 49%;
	float: right;
}

#text p { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:2em;
	
}


#quote{
	font-style:italic;
	margin-left:29px;
	width:339px;
	Height:auto;
	background-color:#d3d3d3;
	border: 5px #cccccc solid;
	padding-left:5px;
	display:inline-block;
	margin: 10px 0 10px 29px;
	
	
}

.underline a{
	text-decoration:underline;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	
	
}


	
#capital{
	font-size:36px;
	line-height:1em;
	
}

#picture {
	float:right;
	margin-right:15px;
	margin-top:15px;
	margin-left:5px;
	border: 4px #CCC solid; 
}
	

/* footer
------------------------------------------------------------------------------------------------- */
#foot {
	height:149px;
	width: 100%;
	background-image:url(../pics/foot_pattern.jpg);
	background-repeat:repeat-x;
	float:left;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
	
	
}

#foot_center {
	height:149px;
	width:960px;
	background-image:url(../pics/foot_graphic.jpg);
	margin-left:auto;
	margin-right:auto;
	
}

#copyright {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	margin-left:11px;
	margin-top:15px;
	color:#FFF;
	line-height:2em;	
}

.bl-link {
	font-size:9px;
	color:#FFF;
}

.bl-link:hover {
	color:#FFF;
}

#foot_content {
	float:right;
	width: 760px;
	margin-top:22px;
	
	
}

#comment {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	color:#FFF;
	text-align:center;
	width:352px;
	float:right;
	margin-top:10px;
	margin-right:202px;
	line-height:2em;
	

	
}

.ul1 ul{
	margin-left:100px;
	
	
}



.ul2 ul{
	margin-left:22px;
	margin-top:-20px
	
	
}

#footer_navigation {
	position: relative;
	left: 25px;
}

#footer_navigation li{
	display:inline;
	width:800px;
	padding-right: 1px;
	padding-left:1px;
	margin-left:auto;
	margin-right:auto;
	
	
}

#footer_navigation p {
	font:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:9px;
	display:inline;
	line-height:2em;
}



#footer {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	
}




/* Images
------------------------------------------------------------------------------------------------- */

img.left {
	float: left;
	margin-right: 10px;
}

img.right {
	float: right;
	margin-left: 10px;
}

/* Footer
------------------------------------------------------------------------------------------------- */

#footer-right {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

#footer-left {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 0.7em;
}




td { width:200px;
}


/* contactform
------------------------------------------------------------------------------------------------- */

#main_content_contact {
	position: relative;
	width:738px;
	height:520px;
	float:left;
	border: 5px #CCC solid;
	margin-left: 10px;
	margin-top:16px;
	margin-bottom:10px;
	
}



#form {

    width: 400px;
	padding-top: 20px;
	margin-left:10px;
	position: relative;
}



#form-box {
	border-right:#CCC 5px solid;
	position: relative;
	width: autopx;
	height: 520px;
	background-color:#F5F5F5;
}

.contact-link {
	color:#454545;
}


#form-box-wrapper {
	width: 440px;
    height: 520px;
    margin-top:0px;
	border: none;
	position: relative;
	background-color:#FFF;
	float:left;
	margin-right:13px;
	margin-bottom:none;

}



.form-label {

    height: auto;

    width: 300px;

    font-family:Verdana, Geneva, sans-serif;

    color:#454545;
	font-size: 0.7em;
   

}



.label-text {

    height: auto;

    width: 300px;

    font-family:Verdana, Geneva, sans-serif;

    color:#454545;

    font-weight: 400;
	font-size: 0.7em;
	position: relative;
   
}

label#ad {
	top: -66px;
	position: relative;
}

label#mes {
	top: -195px;
	position: relative;
}

#contact-address p {
	margin-bottom: 0px;
}








.sb-button {
	background: url(../pics/sub-button.gif) no-repeat;
    float: right;
    width: 84px;
    height: 24px;
    margin-top: 0px;
    padding-top: 0px;
    background-color: none;
	position:relative;
	left:-6px;
}

.sb-button:hover {
	background-position: 0 -24px;
}



input#fFullName, input#fEmail, input#fTelephone, textarea#fMessage, textarea#fAddress {
	width:270px;		
}

textarea#fMessage {
	height: 210px;
}

#text .ie_textfix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


table.contact_row {
	
	margin-bottom:10px;
	
	
}

#capital_contact{
	font-size:17px;
	line-height:1em;
	font-weight: bold;	
}




/* Helper Classes
------------------------------------------------------------------------------------------------- */

.ie-fix {
	padding: 10px;
}

.nudge {
	position: relative;
	left: 4px;
}

.manufacturers {
	margin: 5px 0 0px 10px;
	float: right;
}

.right {
	float: right;
	margin: 0 0 10px 10px;
}

.right-frame {
	float: right;
	margin: 2px 2px 10px 10px;
	border: 4px #CCC solid;
}


.clear-left {
	margin-top: 10px; 
	clear: left;
}

.clear-right {
	margin-top: 10px; 
	clear: right;
}

.clear {
	margin-top: 10px; 
	clear: both;
}

div#qTip {
	padding: 3px;
	border: 1px solid #333;
	display: none;
	background: #FFF;
	filter: alpha(opacity=70); 
	-moz-opacity:0.7;
	opacity:0.7; 
	color: #333;
	font: bold 9px "Trebuchet MS", Verdana, Arial;
	position: absolute;
	z-index: 1000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#thank-you {
	position: relative;
}

#home-but {
	position: absolute;
	height: 24px;
	width: 108px;
	background: url(../pics/home-but.gif) no-repeat;
	float: left;
	display: block;
	left: 215px;
	top: 260px;
}

#contact-text {
	padding-top: 6px;
}

#contact-text p {
	margin: 0 0 5px 16px;
	font-size: 10px;
}

#home-but:hover {
	background-position: 0 -24px;
}