/*
	DOLPHIN BOATS & TRAILERS
*/
@import url("reset.css");
@import url("products_page.css");

/*----------	LaYoUT STYLeS	----------*/
body {
	color: #6E6E6E;
	font-size: 11px;
	line-height: 14pt;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../images/core/background.jpg) top left repeat-x;
}

#container { width: 982px; margin: 0 auto; text-align: left; }
#content_container { width: 782px; margin: 0 auto; }

.column-left { float: left; width: 145px; margin: 24px 0 0 1px; color: #4C4D4D; }
.column-right { float: right; width: 635px; margin: 19px 0; }
#p-products_page .column-right { width: 771px; margin: 19px 5px 19px 0; }


/*----------	CoMMoN STYLeS	----------*/
a { color: #1175CF; text-decoration: underline; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }
img { border: none; }
hr { border: none; border-bottom: 1px solid #9E9E9E; }
p { margin: 0px 5px 18px 10px; }
h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 20px 0; }
h2 {font-size:14px;margin:0 0 18px 10px; color: #4688C6; }
h3, h4 {font-size:11px;margin: 0 0 10px 0;}

.clear { display: block; clear: both; }
.hidden { display: none; }
.blue { color: #4688C6; }
.list li { background: url(../images/core/icon-list.gif) left no-repeat; padding-left: 20px; margin: 5px 20px; }
.column-left p { margin: 10px 0 18px 0; }
.inner_picture { float: right; margin: 0 10px; }

#cta_contact { margin-bottom: 16px; }
#map { float: right; margin: 0 10px; }

/*----------	HeaDeR STYLeS	----------*/
#header { width: 982px; position: relative; height: 136px; }
#header #logo { position: absolute; top: 24px; left: 0; }
#header #dolphin { position: absolute; top: 12px; left: 840px; }

/*----------	NaVIGaTIoN STYLeS	----------*/
#navigation { width: 381px; position: absolute; top: 67px; left: 490px; }
#navigation ul { list-style-type: none; }
#navigation ul li { float: left; display: inline; }
#navigation ul li a { display: block; height: 34px; }
#navigation ul li a:hover { background-position: 0 -34px !important; }
#navigation ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 84px; }
#navigation ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 88px; }
#navigation ul li#products a { background: url(../images/nav/products.gif) no-repeat; width: 110px; }
#navigation ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 99px; }

body.home #navigation ul li#home a,
body.profile #navigation ul li#profile a,
body.products #navigation ul li#products a,
body.contact #navigation ul li#contact a {
	background-position: 0 -34px !important;
}

/*----------	BaNNeR STYLeS	----------*/
.home #banner, .profile #banner, .contact #banner {
	background: #3673AA url(../images/core/flash_bg.jpg) no-repeat;
	position: relative;
	display: block;
	height: 275px;
	width: 751px;
	padding: 10px; 
}

#banner #flash {width:750px;height: 274px; float: right; }

.home #banner a, .profile #banner a, .contact #banner a {
	display: block;
	width: 63px;
	height: 295px;
	position: absolute;
	top: 0;
}
.home #banner a:hover, .profile #banner a:hover, .contact #banner a:hover {
	background-position: -63px 0 !important;
}
#banner a#b_14ft { background: url(../images/core/14ft.gif) no-repeat; left: 15px; }
#banner a#b_16ft { background: url(../images/core/16ft.gif) no-repeat; left: 85px; }
#banner a#b_17ft { background: url(../images/core/17ft.gif) no-repeat; left: 156px; }
#banner a#b_19ft { background: url(../images/core/19ft.gif) no-repeat; left: 226px; }
#banner a#trailer { background: url(../images/core/trailer.gif) no-repeat; left: 295px; }

#p-products_page #banner { 
	background: #3673AA url(../images/products_page/products_background.jpg) no-repeat;
	position: relative;
	display: block;
	min-height: 371px;
	width: 770px;
}



/* Contact Page */

#contact-info {width:200px;float:left;}
#contact-map {width:433px;float:left;border:1px solid #ddd;}
#contact-row {width:635px;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #ddd;}
#contact-form {width:635px;}



/*----------	FooTeR STYLeS	----------*/
#footer { color: #7F8084; }
#footer #details {
	height: 17px;
	color: #4C4D4D;
	padding-bottom: 2px;
	background: url(../images/core/icon-list.gif) 20px 0 no-repeat;
}

#footer #details p { margin-left: 35px; }
#footer a { color: #7F8084; }

ul.footer-logos { list-style-type: none; float: right; }
ul.footer-logos li { float: left; }
#logo-BWA { margin-left: 10px; }
#logo-Westbuilt { margin-left: 10px; }
#logo-webfirm { margin-left: 135px; }





/* CLEARFIX */

.clearfix:after {content: "."; clear:both;display:block;height:0;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
