/*home page*/

#bodyHome {
	margin: 0;
	min-width:1024px;	
	color: #FFFFFF;
	font-family:'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; 
}

a {color:Red;}

h1 {
	font-family:'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; 
	font-size:40px; 
	font-weight:bold;  
	margin-top:0px; 
	padding-top:0px;
}

h2 {
	font-family:'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; 
	font-size:26px; 
	font-weight:bold;  
}

.marineH1 {
	float:right;
	position:relative;
	width:100%;
	text-align:right;
}

h4 {margin-left:0px; margin-top:0px; margin-bottom:5px; font-weight:bold;}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}
		
div#homeWrap {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 
		
	/* These have no effect on the functionality */
	width: 930px;
	margin: 0 auto;
	padding-top:10px;
	margin-top:5%;
	background: url(../images/transparent_bg.png) repeat; 
	font-size:.75em;
	font-family:'Lucida Grande', 'Helvetica Neue', Arial, sans-serif;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
			
}

#homeWrap a {color:#FFFFFF; font-weight:bold;}

#homeHeader {
	text-align:center;
	height:140px;
	padding:10px 0 0 0;
}

#cartLink {
	text-align:left;
	padding:10px 20px 10px 20px;
}

#cartLink img {border:none}

#homeContent{
	float:left;
	left:-1px;
	width:930px; min-height:450px;
	margin:0; padding:0;
	background: url(../images/transparent_bg2.png) repeat; 
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
}

#auto {
	float:left;
	width:403px; height:403px;
	padding:15px;
	margin-right:5px;
}

#auto p	{text-align:justify;}

#marine {
	float:left;
	width:403px; height:403px;
	padding:15px;

}

#marine p	{text-align:justify;}

#footer-wrap {
	float:left;
	width: 900px;
	margin: 0 auto;
	margin-bottom:20px;
	padding:15px;
	background: url(../images/transparent_bg.png) repeat;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
}

/*Pages*/

body {
	background:#1C2856;
	margin:0; padding:0;
	font-family:'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; 
}

div#wrap {
	position:relative;
	margin:0 auto;
	margin-top:25px;
	width:960px;
}

#pageHeader{
	background: url(../images/transparent_bg.png) repeat; 
	float:left;
	width: 930px;
	text-align:left;
	padding:15px;
}

#menu {
	background: url(../images/transparent_bg.png) repeat; 
	float:left;
	width: 930px;
	text-align:left;
	padding:10px 15px 10px 15px;
}

#menu ul {
	list-style:none;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-size:.85em;
}

#menu ul li {
	display:inline;
	padding:0px 20px 0px 10px;
	border-right: solid 1px #FFFFFF;
}

#menu ul li:hover {
	color:#EC1C24
}

#menu ul li a {color:#FFFFFF; text-decoration:none;}

#menu ul li a:hover {color:red;}

.submenu {
	position:relative;
	float:left;
	border-right: solid 1px #FFFFFF;
}

.submenu ul {
	list-style:none;
	padding:0px 40px 0px 20px;
	margin:0px;
}

.submenu ul li {
	padding-bottom:4px;
}

.submenu ul li a {color:#FFFFFF; text-decoration:none;}

.submenu ul li a:hover {color:red;}

.footmenu {
	position:relative;
	float:left;
	border-right: solid 1px #000000;
}

.footmenu ul {
	list-style:none;
	padding:0px 40px 0px 20px;
	margin:0px;
}

.footmenu ul li {
	padding-bottom:4px;
}

.footmenu ul li a {color:#000000; text-decoration:none;}

.footmenu ul li a:hover {color:red;}

#specialArea {
	float:left;
	background: url(../images/transparent_bg2.png) repeat; 
	width:930px; height:350px;
	padding:15px;
}

#contentArea{
	float:left;
	background:#E6E6E6;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom: solid 2px #2D2D2D;
	width:899px;
	padding:50px 30px 15px 30px;
	font-size:.8em
}

#mainContent {
	position:relative;
	float:left;
	width:549px;
	padding:0px 60px 30px 0px;
	border-right: solid 1px #B3B3B3;
}

#mainContent a img {border:none; outline:none;}

#prodList {position:relative; float:left; border:solid 1px #000000; padding:10px 20px 20px 20px; margin-bottom:15px;}

#prodList img {border:solid 1px #000000}

#listPrice {float: left; width:500px; padding:8px; border:solid 1px #000000; background:#CCCCCC}

#sidebar {
	position:relative;
	float:left;
	width:260px; height:500px;
	padding:0px 0px 0px 20px;
}

#pageFooter {
	float:left;
	width: 929px;
	margin: 0 auto;
	padding:15px;
	background:#E6E6E6;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-top:solid 2px #FFFFFF;
	margin-top:6px;
	margin-bottom:30px;
	font-size:.8em
}

#footerContact {float:right; text-align:left; width:210px; padding-top:60px;}

.label {text-align:right;}

#promo {
	margin-bottom:30px;
}

#promo td {
	width:150px;
	padding:5px;
}

.alternate {
	background:#FFFFFF
}