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

body {
	margin: 0;
	padding: 0;
	font-size:12px;
	color:#FFF;
	font-family: Rockwell, Veranda, Helvetica, Arial, sans-serif;
	background-image: url(../../images/bg.jpg);
	background-repeat:no-repeat;
	background-position: 50% 0%;
	list-style-type: none;
	letter-spacing: .05em;
	background-color:#021d28;
	line-height:1.25em;
	}

/*--------toolbox----------*/

/*--------Hex Colors------

-------*/
.logo {margin-top:6px;}

.clear {clear:both;}

a:link {color:#dab834;}

a:visited {color:#b69928;}
	
a {outline:none;}

img {border:none;}

li {text-decoration:none;}

ul {text-decoration:none;list-style:none; margin:0; padding:0;}

fieldset {border:none;}
	
.clearfix {display:inline-block;}


/*--------header--------*/
#header {
	height:67px;
	overflow:hidden;
	background-image: url(../images/bg_header.png);
	background-position: 50% 0%;
	background-repeat:no-repeat;
	margin-top:25px;
	
	}
	
/*-------callout----------*/
#callout {
	height:443px;
	overflow:hidden;
	background-image: url(../images/bg_callout_new_03.jpg);
	background-position: 50% 0%;
	background-repeat:no-repeat;}

/*-------callout----------*/
#callout_secondary {
	height:85px;
	background-image: url(../images/bg_callout_secondary.jpg);
	background-position: 50% 0%;
	background-repeat:no-repeat;}
	
/*--------contnet-------*/
#content {
	overflow:hidden;
	margin-top:2em;}
	
/*--------lowercontnet-------*/
#lowercontent {
	overflow:hidden;
	margin-top:2em;}

/*--------footer--------*/
#footer {
	font-size:12px;
	overflow:hidden;
	margin-top:2em;}

.footerlist {float:right;
	width:325px;
	padding:20px 0;}

.footer_content {border:medium solid #1688b9;
	background-color:#022c3d;
	text-align:center;
	}

.footer_content p {padding-bottom:1em;
	font-size:10px;}

/*------accordian-----*/



#accordion_featured li {list-style-type:square;
	list-style-position:inside;
	margin-left:1em;}

#accordion {
	border:medium solid #1688b9;
	background-color:#022c3d;
}
#accordion h3, #accordion_featured h3 {background: #296271 url(../images/bg_h1.png) repeat-x;
	border:medium solid #1688b9;
	cursor:pointer;
	font-size:14px;
	color:#000;
	padding:.2em .20em .20em 1em;
	margin-bottom:.5em;}

#accordion li {margin-left:1em;}

	
/*------grid classes-----*/
.container {margin-left:auto;
	margin-right:auto;
	width:960px;
	}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_1_5, .grid_3_border, .grid_description {
	margin:0 10px 0 10px;
	display:inline;}

.grid_1 {width:60px;
	float:left;}

.grid_1_5 {width:80px;
	float:left;}

.grid_2 {width:140px;
	float:left;}

.grid_3 {width:220px;
	float:left;}
	
.grid_4 {width:300px;
	float:left;}

.grid_5 {width:380px;
	float:left;}

.grid_6 {width:460px;
	float:left;}

.grid_7 {width:540px;
	float:left;}
	
.grid_8 {width:620px;
	float:left;}

.grid_9 {width:700px;
	float:left;}
	
.grid_10 {width:780px;
	float:left;}
	
.grid_11 {width:860px;
	float:left;}
	
.grid_12 {width:960px;
	float:left;
	}
	
.grid_3_border {width:216px;
	float:left;
	display:inline-block;}

.grid_1_thumbs {
	width:60px;
	float:left;
	margin: 0 5px 10px 5px;
	display:inline;
}

.grid_3_thumbs {
	width:220px;
	float:left;
	margin-top:27px;
}

.grid_description {width:170px;
	float:left;
	margin-top:1em;
	}

/*--------contact form--------*/

label {
	margin-top: 8px;
	display: block;
}
label.error {
	position: relative;
	float:right;
	top: 0;
	right: 10px;
	color: red;
	font-size: .75em;
	text-align: right;
	font-style: italic;	
}

/*--------navigation---------*/
ul#topnav {
	margin-left:5px; 
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;

	
	
}
ul#topnav li a {

	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left top; }

body#featured ul#topnav a.featured, body#just_arrived ul#topnav a.new_arrivals, body#power_plant ul#topnav a.power, 
body#equipment ul#topnav a.equipment, body#attachments ul#topnav a.attachments,
body#winches ul#topnav a.winches{ background-position: left top; }


 ul#topnav a.new_arrivals {
	background: url(../images/btn_just_arrived.png) no-repeat;
	background-position: left -44px; 

	width: 140px; 
}
ul#topnav a.featured {
	background: url(../images/btn_featured.png) no-repeat;
	background-position: left -44px; 
	width: 140px; 
	
}

ul#topnav a.power {
	background: url(../images/btn_power.png) no-repeat;
	background-position: left -44px; 
	width: 160px; 
}

ul#topnav a.equipment {
	background: url(../images/btn_equipment.png) no-repeat;
	background-position: left -44px; 
	width: 160px; 
}
ul#topnav a.winches {
	background: url(../images/btn_winches.png) no-repeat;
	background-position: left -44px; 
	width: 180px; 
}
ul#topnav a.attachments {
	background: url(../images/btn_attachments.png) no-repeat;
	background-position: left -44px; 
	width: 170px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 44px; left:0;
	background: #296271 url(../images/sub_bg.jpg) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	text-shadow: 2px 2px 3px black;
	
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/sub_bullet.png) no-repeat 0px 9px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #dcb934; background-position: 4px 9px ;}


ul#accordion_header li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/sub_bullet.png) no-repeat 0px 5px;
	padding: 1px 5px 1px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}

ul#accordion_header li a:hover {color: #dcb934; background-position: 4px 5px ;}

/*--------secondarynavigation---------*/
.secondary_nav {
	width:180px;
	margin-left:auto;
	margin-right:auto;
	height:42px;
	}

.secondary_nav li {text-align: center;
	padding:1em 0 0 0;}

a.footer_nav {color:#dab834;}

.secondary_nav li a:hover {color:white;}

.secondary_nav li {float:left;
	width:auto;
	display:inline;
	color:#dab834;
	margin-right:3px;}


/*---------home_nav---------*/
.home_nav  {float:right;
	padding-top:4em;
	color:#000;}
	
ul.home_nav {width:320px;}

.home_nav li {float:left;
	margin-right:10px;
	display:inline;}

.home_nav li a:hover {color:white;}
	
/*----------headings------------*/
h1 {border:medium solid #1688b9;
	background-image: url(../images/bg_h1.png);
	background-repeat:repeat-x;
	font-size:14px;
	color:#000;
	padding:.2em .20em .20em 1em;
	margin-bottom:.5em;}

.content_box h2 {font-size:12px;
	padding:1em 0 0 1em;
	font-weight:bold;}

h2 {font-size:12px;
	font-weight:bold;}

strong {color:#dab834;
	padding-bottom:.5em;}
	
h2.item_number {font-size:18px;
	font-weight:bold;
	margin:1em 0; }

/*------image--------*/
.image_border {background-color:#011c27;
	border: thin solid #1688B9;
	padding:2em 0;
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;}
	


/*----------content_box-------*/
.content_box {height:270px;
	border:medium solid #1688b9;
	background-color:#022c3d;
	
	}
	
.content_box p {padding:1em 1em .25em 1em;}

/*----------content_wrapper-------*/
.content_wrapper {
	border:medium solid #1688b9;
	background-color:#022c3d;
	margin-bottom:2em;
	padding:1em 1em 1em 1em;
	overflow:hidden;
	}
	
/*------inventorry lists-------*/
.inventory_main {float:left;
	width: 170px;
	margin:1em;
	display:inline;}

.inventory_main li {font-size:1.1em;
	margin-bottom:.35em;}
	
.inventory_main li a:hover {color:white;}

/*---------about------------*/


.bios_text li {height:112px;
	margin-bottom:1em;
	}

.bios li {margin-bottom:1em;}

/*------form styling--------*/
fieldset {position:relative;}

input.text-input {
		border: #1688b9 thin solid;
		text-align: left;
		padding: 5px 0 0 10px;
		margin: 7px 0 0 0px;
		width: 380px;
		background-color:#022c3d;
		color:white;
		}
	
textarea {
		height: 75px;
		border: #1688b9 thin solid;
		width: 380px;
		padding: 5px 0 0 10px;
		margin: 7px 0 .5em 0px;
		background-color:#022c3d;
		color:white;
		}
	
label {
	margin-top: .5em;
	font-size: 1em;
	font-weight:bold;
	color: #dab834;
	
}

.label_pos {position:relative;}

label.error {
	position:absolute;
	text-align:left;
	right:250px;
	color: red;
	font-size: .75em;
	text-align: right;
	font-style: italic;
	
}
.check {margin: 0 auto;
		text-align:center;}
		
#content .check h3, p {padding: 0 0 0 0;}

/*--------product lists-------*/
.grid_3_thumbs p {padding-left:5px;
	width:200px;
	float:left;
	font-size:.85em;
	}

.grid_description p {margin-top:1em;}

.item {float:left;
	width:670px;
	background-image:url(../images/bg-item.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0 1em 1em 0;

	}
/*------featured-------*/
.featured_main_image {margin:1em auto 1em auto;}

.featured_secondary_image {margin-top:.5em;
	padding-left:1em;
	float:left;
	}
	
.featured_text {margin-bottom:1em;
	font-size:.9em;}

.featured_thumbs {float:left;
	display:inline;
	width: 600px;}

.featured_description {font-size:10px;}

/*------Landing Pages-------*/
.landing_page_detail h2 {font-size:1.3em;
	line-spacing:1.1em;
	margin-bottom:10px;}

.landing_page_detail h3 {margin-bottom:8px;}

.landing_page_detail p {margin-bottom:10px;
	line-spacing:1.3em;}

.cat_description {list-style-type:disc;
	list-style-position:inside;}

.cat_description li {margin-bottom:5px;}

.land_page_detail .item {display:inline-block;
	margin-bottom:20px;}

.land_image_border {background-color:#011c27;
	border: thin solid #1688B9;
	padding:2em 10px;
	margin:1em 0;
	text-align:center;
	width:447px;
	float:left;}
	
.port_image_border {background-color:#011c27;
	border: thin solid #1688B9;
	padding:2em 10px;
	margin:1em 20px 1em 0;
	text-align:center;
	width:400px;
	float:left;}

.learn_more_power {background-color:#011c27;
	margin-top:30px;
	font-size:1.5em;
	text-align:center;
	}

.learn_more_power p {
	line-height:1.3em;}

a.btn_power_more {color:#FFF;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	padding:10px 10px;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration:none;
	background-color:#5c4e16;	
	border: 1px solid #b0b8bb;
	text-align: center; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dcb934), to(#5c4e16));
	background: -moz-linear-gradient(#dcb934, #5c4e16);
	background: linear-gradient(#dcb934, #5c4e16);
	-pie-background: linear-gradient(#dcb934, #5c4e16);
	-pie-background: linear-gradient(#dcb934, #5c4e16);}

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