/* CSS Document */

body {
	background:#4e778b;
	margin:50px 75px 50px 50px;
	padding:0;
	color:#CCFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:.12em;
	line-height:1.8em;
}

p {
	margin:0 0 15px 0;
	padding:0;
}

#caption_container {
	font-size:10px;
	color:#99CCCC;
	text-align:center;
}

.photo {
	border:#CCFFFF solid;
	border-width:1px;	
}

.text_block {
	text-align:justify;
}

/*--main links--*/

a:link {
	color:#FFFF00;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#FFFF00;
	text-decoration:none;
	font-weight:bold;
}

a:active {
	color:#FFFF00;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#FFCC00;
	text-decoration:none;
	font-weight:bold;
}

/*--/main links--*/


.firt {
	display:none;
}

.product_header {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#FFCC33;
	border-bottom:#FFCC33 solid;
	border-width:1px;
	width:907px;
	display:block;
}

div#background_top {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:800px;
	background:url(../images/gradient_top.png);
	background-repeat:repeat-x;
}

div#background_overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:800px;
	background:url(../images/background_overlay.png);
	background-repeat:repeat;	
}

div#main {
	position:relative;
	width:967px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

/*==HEADER==*/
/*-----------------------------HEADER--------------------------*/

div#header_container {
	position:relative;
	width:935px;
	height:85px;
	margin:0 0 5px 10px;
	padding:0;
	line-height:1.15em;
}

div#logo a {
	position:relative;
	top:10px;
	float:left;
	background:url(../images/logo.png);
	background-repeat:no-repeat;	
	width:609px;
	height:64px;
	display:block;
	margin:0;
	padding:0;
}

div#eric {
	text-align:right;
	margin:0px 0 0 0px;
	padding:15px 0 5px 0;
}

div#phone_number {
	text-align:right;
	margin:0px 0 0 0px;
	padding:0px 0 5px 0;
}

div#email {
	text-align:right;
	margin:0;
	padding:0px 0 0 0;
}

/*-----------------------------/HEADER--------------------------*/

div#content_box_top {
	position:relative;
	top:-20px;
	background:url(../images/content_box_top.png);
	width:967px;
	height:41px;
	margin:0;
	padding:0;
}

/*==NAV_MAIN==*/
/*------------------NAV_MAIN---------------------*/

#nav_main_container {
	position:relative;
	top:-25px;
	width:400px;
	height:150px;
	margin:0;
	padding:0;
	text-align:left;
}

#nav_main_container ul {
	width:400px;
	height:400px;
	margin:0;
	padding:0 0 0 15px;
	list-style-type:none;	
}

#nav_main_container ul li {
	height:18px;
	padding:5px 0 0 0;
}

#nav_main_container ul li a{
	height: 18px;
	margin:0 0 0 0;
	float:left;
}

li a:hover {
	background-position: 0 -18px;
}

#nav_main_container li a:hover {
	background-position: 100% 100% -18px;
}

li#home_page a {
	background-image:url(../images/buttons/home.gif);
	width:67px;	
}

li#new_and_used_inventory a {
	background-image:url(../images/buttons/new-and-used-inventory.gif);
	width:250px;	
}

li#custom a {
	background-image:url(../images/buttons/custom.gif);
	width:337px;
}

li#photo_gallery a {
	background-image:url(../images/buttons/photo-gallery.gif);
	width:158px;
}

li#boating_accessories a {
	background-image:url(../images/buttons/boating-accessories.gif);
	width:218px;
}

li#links a {
	background-image:url(../images/buttons/links.gif);
	width:67px;
}

/*----------------/NAV_MAIN--------------------*/

/*==HYDROHOIST LINK==*/
/*-----------HYDROHOIST LINK-----------------*/

div#hydrohoist_logo {
	position:absolute;
	top:-100px;
	left:760px;
	width:188px;
	height:55px;
	background:url(../images/hydrohoist_logo.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

div#hydrohoist_logo a {
	display:block;
	width:188px;
	height:55px;
	background:url(../images/hydrohoist_logo.png);
	background-repeat:no-repeat;
}

div#hydrohoist_logo a:hover {
	width:188px;
	height:55px;
	background:url(../images/hydrohoist_logo.png);
	background-repeat:no-repeat;
	background-position:0 -55px;
}

/*-----------/HYDROHOIST LINK-----------------*/

div#content_box_middle {
	position:relative;
	top:-20px;
	background:url(../images/content_box_middle.png);
	background-repeat:repeat-y;
	width:967px;
	margin:0;
	padding:0;
}

div#water {
	background:url(../images/water.jpg);
	position:absolute;
	top:-37px;
	right:10px;
	width:567px;
	height:409px;
}

div#content_main {
	position:absolute;
	top:105px;
	left:9px;
	width:915px;
	margin:0px;
	padding:0 0 0 15px;
	z-index:1;
}

/*==PAGE HEADER STYLES==*/
/*-------------------------PAGE HEADER STYLES---------------------------*/

.page_header {
	position:relative;
	left:-15px;
	width:800px;
	height:50px;
}	

div#page_header_custom {
	background:url(../images/page_headers/custom.gif);
	background-repeat:no-repeat;
}

div#page_header_new_and_used_inventory {
	background:url(../images/page_headers/new_and_used_inventory.gif);
	background-repeat:no-repeat;
}

div#page_header_photo_gallery {
	background:url(../images/page_headers/photo_gallery.gif);
	background-repeat:no-repeat;
}

div#page_header_boating_accessories {
	background:url(../images/page_headers/boating_accessories.gif);
	background-repeat:no-repeat;
}

div#page_header_links {
	background:url(../images/page_headers/links.gif);
	background-repeat:no-repeat;
}

div#content_box_bottom {
	background:url(../images/content_box_bottom.png);
	position:relative;
	top:-20px;
	width:967px;
	height:34px;
}

/*-------------------------/PAGE HEADER STYLES---------------------------*/

div#footer_container {
	position:relative;
	top:-25px;
	width:930px;
	height:100px;
	margin:0 20px 0 25px;
}

div#footer_text_container {
	float:left;
	width:575px;
	position:relative;
	color:#a0b7cf;
}

/*==AWESOMETOWN_LINK==*/
/*-----------AWESOMETOWN_LINK-----------------*/

div#awesometown {
	position:relative;
	float:left;
	top:-28px;
	width:341px;
	height:70px;
	background:url(../images/awesometown_logo.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 0 0;
}

div#awesometown a {
	display:block;
	width:341px;
	height:70px;
	background:url(../images/awesometown_logo.png);
	background-repeat:no-repeat;
}

div#awesometown a:hover {
	width:341px;
	height:70px;
	background:url(../images/awesometown_logo.png);
	background-repeat:no-repeat;
	background-position:0 -70px;
}

/*-----------/AWESOMETOWN_LINK-----------------*/