/*
* CSS Layout For FDS 1.0
* Author: Shane Horner http://www.forgedesignstudio.com
* @copyright Copyright (c) 2009, Forge Design Studio, http://www.forgedesignstudio.com
*/

/*********************************************************************************************************************************** THE BODY CSS */
body{
color: #333; 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px; /* Resets 1em to 13px */
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-color: #CB1C2D;
text-align: center;
overflow-x: hidden;
}
div#clear{
clear: both;
}

/*********************************************************************************************************************************** SITE CONTAINER */

div#site-container{
width: 100%;
border: 1px solid;
}
	div#site-container-inner{
	position: relative;
	background: url(../images/middle-bg.png) repeat-y;
	width: 1150px;
	margin: 0 auto;
	}
		div#site-container-inner-content{
		position: relative;
		margin: 0 auto;
		width: 960px;
		}

/*********************************************************************************************************************************** RESIZEABLE BACKGROUND IMAGE */			
	img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	}
	@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; }
	}
		
/*********************************************************************************************************************************** HOME PAGE VIDEO */		
	div#homepageheader{
	position: relative;
	width: 960px;
	height: 400px;
	padding: 0px;
	margin: 0px 0px 0px -1px;
	}
		div#homepage-body{
		position: relative;
		width: 960px;
		}
			div#homepage-body-left{
			float: left;
			position: relative;
			width: 300px;
			height: 500px;
			background-color: #cc3333;
			text-align: left;
			}
				div#homepage-body-left-content{
				padding: 20px 20px 20px 20px;
				text-align: left;
				}
					div#homepage-body-left-content h2{
					font-size: 20px!important;
					color: white;
					font-weight: 100;
					padding-bottom: 20px;
					text-align: left;
					}
					
					div#homenavigation{
					}
						div#homenavigation-left{
						width: 50px;
						height: 50px;
						float: left;
						background: url(../images/arrow.gif) no-repeat;
						}
						div#homenavigation-right{
						float: left;
						width: 200px;
						}
								span.homeli{
								color: #fff;
								font-weight: 100!important;
								margin: 0px 0px 0px 0px;
								padding: 0px;
								font-size: 18px!important;
								}
								div#homepage-body-left-content a{
								font-weight: 500;
								font-size: 14px!important;
								color: white!important;
								text-decoration: none;
								}
								div#homepage-body-left-content a:hover{
								font-weight: 500;
								font-size: 14px!important;
								color: #fff!important;
								text-decoration: none;
								}
			div#homepage-body-right{
			float: left;
			position: relative;
			width: 660px;
			}
				div#homepage-body-right-content{
				padding: 20px;
				}
				div#homepage-body-right-content p{
				color: #333!important;
				font-size: 13px!important;
				}

/*********************************************************************************************************************************** HEADER INFO */
	div#header{
	position: relative;
	width: 958px;
	height: 150px;
	display: block;
	padding-top: 20px;
	}
		div#logonav{
		position: relative;
		width: 958px;
		}
			div#logo{
			text-align: left;
			width: 950px;
			height: 110px;
			padding-top: 0px;
			padding-left: 20px;
			position: relative;
			}
			
/*********************************************************************************************************************************** TOP NAV */			
		div#nav-innter{
		position: absolute;
		background-color: #cc3333;
		width: 960px;
		left: 0px;
		top: 100px;
		z-index: 100;
		}
			div#navigation{
			}
			
/*********************************************************************************************************************************** TITLE CSS */			
			div#title{
			position: relative;
			width: 920px;
			margin-left: 10px;
			height: 5px;
			display: block;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			}
			
/*********************************************************************************************************************************** PAGE CONTENT */			
	div#pagecontent{
	position: relative;
	width: 960px;
	text-align: left;
	margin-top: 25px;
	}
	div#pagecontent-home{
	position: relative;
	width: 960px;
	text-align: left;
	margin-top: 0px;
	}

/*********************************************************************************************************************************** SLIDER BOX */				
	div#homesliderbox{
	width:698px;height:474px;
	}	

/*********************************************************************************************************************************** PAGE CONTENT LEFT*/			
		div#pagecontent-left{
		position: relative;
		width: 200px;
		display: block;
		float: left;
		z-index: 100;
		}
		
/*********************************************************************************************************************************** PAGE CONTENT RIGHT */			
		div#pagecontent-right{
		position: relative;
		width: 860px;
		display: block;
		float: left;
		}
		
/*********************************************************************************************************************************** PAGE CONTENT FOOTER */
	div#footer{
	position: relative;
	width: 958px;
	display: block;
	text-align: center;
	margin-top: 50px;
	}
		div#footer-notice{
		font-size: 1em!important;
		text-align: center!important;
		margin-top: 15px!important;
		padding-bottom: 300px!important;
		color: #333!important;
		}

/*********************************************************************************************************************************** TABLES CSS */
	table, tr, td, th{
	font-size:9pt;
	text-align: left;
	}	

/*********************************************************************************************************************************** CONTACT FORM */
	fieldset#contactus{
	margin-top: 50px;
	padding: 20px;
	width: 350px;
	border: 0px solid #eeeeee;
	position: relative;
	}
	legend#contactus{
	color: #333;
	font: 14pt tahoma, arial;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	top: -.7em;
	left: 1em;
	} 
	label.contactus{
	width: 125px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	font: 10pt tahoma, arial;
	}
	.submit input.contactus{
	margin-left: 4.5em;
	}
	input.contactus{
	width: 200px;
	}
	textarea.contactusta{
	margin-top: 15px;
	height: 200px;
	width: 375px;
	}
	
/*********************************************************************************************************************************** PHOTO GALLERY */
	div#photogallery{
	float: left;
	width: 325px;
	height: 100px;
	overflow: hidden;
	background-color: #eeeeee;
	text-align: left;
	border: 1px solid #5a5a5a;
	padding: 3px;
	}
	div#photogallery-image{
	float: left;
	width: 130px;
	}
	div#photogallery-details{
	float: left;
	width: 180px;
	}
	p#photogallery-galleryname{
	font-weight: bold!important;
	font-size: 12pt!important;
	margin: 10px 0px 0px 0px!important;
	padding: 0px!important;
	}
	p#photogallery-details{
	font-size: 8pt!important;
	margin: 10px 0px 0px 0px!important;
	padding: 0px!important;
	}
	
/*********************************************************************************************************************************** GOOGLE MAP DISPLAY CSS */		
	div#contactuspage{
	padding: 20px;
	}
	
/*********************************************************************************************************************************** GOOGLE MAP DISPLAY CSS */	
	div#mapholder{
	float:left;width:365px;
	padding-top: 25px;
	}
	div#map{
	width:350px;height: 350px;
	padding: 3px;
	border: 1px solid #5a5a5a;
	margin-bottom: 25px;
	}

/*********************************************************************************************************************************** IMAGE */		
	img.pageimg{
	border: 1px solid #e1e6e3;
	padding: 3px;
	}

/*********************************************************************************************************************************** IMAGE */		
	div#searchbar{
	position: absolute;
	top:100px;
	left: 625px;
	}
	h3#searchresults{
	font-size: 12pt!important;
	margin: 0px;
	padding: 0px;
	}
	a.searchlink{
	color:blue;
	font-size: .9em;
	}
	a.searchlink:hover{
	color:green;
	font-size: .9em;
	}

/*********************************************************************************************************************************** CONTACT FORM */			
	div#emailsuccess{
	position: relative;
	color:green;
	font-weight: normal;
	font-size:10pt;
	padding-bottom:10px;
	margin-top: 10px;
	border:1px solid #008C00;
	background-color:#CDEB8B;
	padding: 8px;
	font-size: 12pt;
	color: #006E2E;
	text-align: center;
	}
	
/*********************************************************************************************************************************** PERSONELLE DIRECTORY */		
	div#peopleCard{
	
	}	
	
/*********************************************************************************************************************************** ABOUT US */			
	div#aboutus-header{
	position: relative;
	width: 960px;
	background-color: #cc3333;
	}
		div#aboutus-header-left{
		float: left;
		position: relative;
		width: 371px;
		background: url(../images/aboutus-header.jpg) no-repeat;
		height: 217px;
		}
		div#aboutus-header-right{
		float: left;
		position: relative;
		width: 400px;
		color: white;
		}
			div#aboutus-header-right-content{
			padding: 30px;
			color: white;
			font-size: 16px;
			}
				div#aboutus-header-right-content h2{
				color: white;
				font-size: 20px!important;
				margin: 0px!important;
				padding: 50px 0px 0px 0px!important;
				}
	div#aboutus-body{
	position: relative;
	width: 960px;
	}
		div#aboutus-body-left{
		float: left;
		position: relative;
		width: 668px;
		}
			div#aboutus-body-left-content{
			padding: 20px;
			width: 600px;
			}
		div#aboutus-body-right{
		float: left;
		position: relative;
		width: 292px;
		background: url(../images/aboutus-chickwithvac.jpg) no-repeat;
		height: 500px;
		}
	div#aboutus-footer{
	position: relative;
	width: 960px;
	background-color: #cc3333;
	height: 423px;
	}
		div#aboutus-footer-inner{
		background: url(../images/aboutusfooter.png) no-repeat;
		width: 960px;
		height: 423px;
		position: relative;
		padding-top: 170px;
		}
			div#aboutus-footer-inner-content{
			margin-left: 20px;
			width: 600px;
			color: white;
			}

/*********************************************************************************************************************************** POWER UNITS */			
	div#powerunit-header{
	position: relative;
	width: 960px;
	background: url(../images/powerunits.jpg) no-repeat;
	height: 286px;
	width: 960px;
	padding-top: 35px;
	padding-left: 35px;
	}
		div#powerunit-header-inner{
		width: 450px;
		}
	div#powerunit-body{
	position: relative;
	width: 960px;
	}
		div#powerunit-body-left{
		float: left;
		position: relative;
		width: 475px;
		height: 535px;
		}
		div#powerunit-body-right{
		float: left;
		position: relative;
		width: 485px;
		height: 535px;
		}
		
/*********************************************************************************************************************************** WARRANTY PAGE */			
	div#warranty-header{
	position: relative;
	width: 960px;
	background-color: #cc3333;
	}
		div#warranty-header-left{
		float: left;
		position: relative;
		width: 352px;
		background: url(../images/warranty-header.jpg) no-repeat;
		height: 325px;
		}
		div#warranty-header-right{
		float: left;
		position: relative;
		width: 608px;
		background-color: #cc3333;
		color: white;
		}	
			div#warranty-header-right-content{
			padding: 50px 30px 0px 30px;
			}
				div#warranty-header-right-content h2{
				color: white;
				font-size: 20px!important;
				margin: 0px!important;
				padding: 50px 0px 0px 0px!important;
				}
	div#warranty-body{
	position: relative;
	width: 960px;
	}
		div#warranty-body-content{
		position: relative;
		padding: 20px;
		}
		
/*********************************************************************************************************************************** RETROFIT PAGE */			
	div#retrofit-header{
	position: relative;
	width: 960px;
	background-color: #cc3333;
	}
		div#retrofit-header-left{
		float: left;
		position: relative;
		width: 330px;
		background: url(../images/retro-header.jpg) no-repeat;
		height: 326px;
		}
		div#retrofit-header-right{
		float: left;
		position: relative;
		width: 630px;
		background-color: #cc3333;
		color: white;
		}	
			div#retrofit-header-right-content{
			padding: 30px;
			}
	div#retrofit-body{
	position: relative;
	width: 960px;
	}
		div#retrofit-body-content{
		position: relative;
		padding: 20px;
		}		
		
/*********************************************************************************************************************************** CONSTRUCTION PAGE */			
	div#construction-body{
	position: relative;
	width: 960px;
	background: url(../images/construction-background.jpg) no-repeat;
	}
		div#construction-body-content{
		position: relative;
		padding: 60px;
		color: white;
		}				
		
/*********************************************************************************************************************************** VROOM PAGE */			
	div#vroom-header{
	position: relative;
	width: 960px;
	background: url(../images/vroom-header.jpg) no-repeat;
	width: 960px;
	height: 314px;
	}
		div#spotbutton{
		position: absolute;
		top: 215px;
		left: 120px;
		width: 125px;
		height: 125px;
		}
		div#hideahosebutton{
		position: absolute;
		top: 265px;
		left: 290px;
		width: 125px;
		height: 125px;
		}
		div#button{
		position: absolute;
		top: 100px;
		left: 420px;
		width: 125px;
		height: 125px;
		}
	div#vroom-body{
	position: relative;
	width: 960px;
	}
		div#vroom-body-left{
		float: left;
		position: relative;
		width: 600px;
		}
			div#vroom-body-left-content{
			padding: 20px;
			}
		div#vroom-body-right{
		float: left;
		position: relative;
		width: 360px;
		background: url(../images/vroom-sidebar.jpg) no-repeat;
		height: 1186px;
		}				
		
/*********************************************************************************************************************************** SPOT BY VROOM PAGE */			
	div#spot-by-vroom-header{
	position: relative;
	width: 960px;
	background: url(../images/spot-header.jpg) no-repeat;
	width: 960px;
	height: 407px;
	}
	div#spot-by-vroom-body{
	position: relative;
	width: 960px;
	}
		div#spot-by-vroom-body-content{
		position: relative;
		padding: 20px;
		}			
	div#spot-by-vroom-footer{
	position: relative;
	width: 960px;
	background: url(../images/spot-footer.jpg) no-repeat;
	width: 960px;
	height: 349px;
	}		
	
/*********************************************************************************************************************************** HIDE-A-HOSE PAGE */			
	div#hideahose-header{
	position: relative;
	width: 960px;
	background: url(../images/hideahose-header.jpg) no-repeat;
	width: 960px;
	height: 415px;
	}
	div#hideahose-body{
	position: relative;
	width: 960px;
	}
		div#hideahose-body-left{
		float: left;
		position: relative;
		width: 601px;
		}
			div#hideahose-body-left-content{
			padding: 20px;
			}
		div#hideahose-body-right{
		float: left;
		position: relative;
		width: 359px;
		background: url(../images/hideahose-sidebar-right.jpg) no-repeat;
		height: 559px;
		}		
		
/*********************************************************************************************************************************** IRON AWAY PAGE */			
	div#ironaway-header{
	position: relative;
	width: 960px;
	background: url(../images/ironaway-header.jpg) no-repeat;
	width: 960px;
	height: 482px;
	}
	div#ironaway-body{
	position: relative;
	width: 960px;
	}
		div#ironaway-body-content{
		position: relative;
		padding: 20px;
		}			
		
/*********************************************************************************************************************************** DRAWER VAC PAGE */			
	div#drawervac-header{
	position: relative;
	width: 960px;
	background: url(../images/drawervac-header.jpg) no-repeat;
	width: 960px;
	height: 421px;
	}
	div#drawervac-body{
	position: relative;
	width: 960px;
	}
		div#drawervac-body-left{
		float: left;
		position: relative;
		width: 454px;
		}
			div#drawervac-body-left-content{
			padding: 20px;
			}
		div#drawervac-body-right{
		float: left;
		position: relative;
		width: 506px;
		background: url(../images/drawervac-sidebar.jpg) no-repeat;
		height: 781px;
		}
		
/*********************************************************************************************************************************** VACPAN PAGE */			
	div#vacpan-header{
	position: relative;
	width: 960px;
	background: url(../images/vacpan-header.jpg) no-repeat;
	width: 960px;
	height: 453px;
	}
	div#vacpan-body{
	position: relative;
	width: 960px;
	}
		div#vacpan-body-content{
		position: relative;
		padding: 20px;
		}			

/*********************************************************************************************************************************** QUICK CLEAN */					
	div#quick-clean-body{
	position: relative;
	width: 960px;
	}
		div#quick-clean-body-content{
		position: relative;
		width: 960px;
		}
		div#quick-clean-body-content h2{
		font-size: 22px!important;
		}