@charset "utf-8";
/* --------- imove Main Layout CSS Styles --------- */

/*	
	1. Defaults
	2. Header: Logo / Links
	3. Navigation
	4. Content: Page / Links
	5. Footer
	6. SEO Links
*/

/* --------- 1. Defaults  --------- */

body {
	background:#7FB8DD  url(../images/bg.jpg) repeat-x;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	}

* 	{margin:0px; padding:0px;}

a 	{text-decoration:none;}

img {border:none;}
	
ul  {list-style:none;}
	
/* --------- 2. Header  --------- */	

#wrapper {
	width:970px;
	margin: 0px auto;
	}
	
#header {
	width:970px;
	height:90px;
	position:relative;
	background:url(../images/bg-header.jpg) no-repeat 300px 20px;
	}
	
#logo {
	float:left;
	clear:both;
	vertical-align:bottom;
	margin-left:18px;
	}
	
#headerLinks {
	float:left;
	position:absolute;
	left: 755px;
	top: 60px;
	}
	
#headerLinks a{
	color:#0072BB;
	margin: 0px 6px;
	font-size:.9em;
	}
	
#headerLinks a:hover{
	color:#333;
/*	border-bottom:#0072BB 1px dashed;*/
	}
		
/*----------3 Navigation -----------*/			

#navBarContainer{
	width:970px;
	height:52px;
	background:#fff url(../images/nav_bg.jpg) no-repeat;
	float:left;
	}
	
#mNavBar{
	position:absolute;
	height:34px;
	top:10px;
	left:27px;
	list-style:none;
	width:950px;
/*left:18px; -----Save-----*/  
	}
		
#mNavBar li {
	float:left;
	left:0px;
	position:relative;
	}
	
#mNavBar .active #mNavBar .active span, #mNavBar a:hover, #mNavBar a, #mNavBar span{padding: 0px 15px;}
/*padding: 0px 15px; -----Save-----*/  

#mNavBar .active, #mNavBar a:hover, #aHomeSecurity a:hover span, #aHome a:hover span{
	color:#0072BB;
	display: block;
	float: left;
	line-height:34px;
	background: transparent url(../images/btn_bg_right_hover_2.gif) no-repeat top right;
	}
	
#mNavBar a{
	color:#fff;
	display:block;
	float:left;
	font-size:1em;
	font-weight:bold;
	background:url(../images/btn_spacer_right.jpg) no-repeat top right;
	}
	
#mNavBar span {line-height: 34px;}

#mNavBar a:hover span {
	line-height: 34px;
	}
	
#mNavBar .noNavBg {background:none;}

/* --------- 4. Content --------- */	
	
/* Content Container*/
	
.clear{
	clear:both;
	}
	
.imgClear{
	position:relative;
	top:5px;
	clear:both;
	}

#contentContainer {
	width:970px;
	background-color:#FFF;
	}
	
/*--- Header Quote Form ---*/

/* Header Image Bg */
#homeHeader, #movingCompaniesHeader, #movingSuppliesHeader, #internationalMoversHeader, #corporateRelocationHeader, #commercialMoverHeader,  #vehicleShippingHeader, #motorcycleShippingHeader, #movingTruckHeader, #movingSelfStorageHeader, #homeSecurityHeader{
	float:left;
	height:279px;
	width:960px;
	}
	
#homeHeader{background:url(../images/headers/header_home.jpg) no-repeat 10px;}
	
#movingCompaniesHeader{background:url(../images/headers/header_moving_companies.jpg) no-repeat 10px;}

#movingSuppliesHeader{background:url(../images/headers/header_moving_supplies.jpg) no-repeat 10px;}

#internationalMoversHeader{background:url(../images/headers/header_international_movers.jpg) no-repeat 10px;}

#corporateRelocationHeader{background:url(../images/headers/header_corporate_relocation.jpg) no-repeat 10px;}

#commercialMoverHeader{background:url(../images/headers/header_commercial_movers.jpg) no-repeat 10px;}

#vehicleShippingHeader{background:url(../images/headers/header_vehicle_shipping.jpg) no-repeat 10px;}

#motorcycleShippingHeader{background:url(../images/headers/header_motorcycle_shipping.jpg) no-repeat 10px;}

#movingTruckHeader{background:url(../images/headers/header_truck_rentals.jpg) no-repeat 10px;}

#movingSelfStorageHeader{background:url(../images/headers/header_self_storage.jpg) no-repeat 10px;}

#homeSecurityHeader{background:url(../images/headers/header_home_security.jpg) no-repeat 10px;}	
/*----------------*/
	
#headerQuote{
	width:650px;
	position:relative;
	left: 55px;
	top:20px;
	}
	
#headerQuote p{
	color:#BFDCEE;
	font-size:1.5em;
	font-weight:bold;
	}

#headerQuote p a{
	color:#BFDCEE;
	font-size:1em;
	font-weight:bold;
	margin-right:19px;
	position:relative;
	top:-18px;
	left:2px;
	}
	
#headerQuote p a:hover{
	color:#FFF;
	}
	
#headerQuote p.headingQuote{
	height:61px;
	color:#FFF;
	font-size:1.5em;
	margin-top:5px;
	}
	
#headerQuote label{
	font-weight:bold;
	color:#fff;
	font-size:1em;
	float:left;
	clear:both;
	margin:4px 0px;
	}
	
#headerQuote input, #headerQuote select{
	vertical-align:middle;
	padding:2px;
	float:left;
	clear:both;
		}
		
/*#headerQuote select{
	background-color:#FF9933;
		}*/
		
.quoteButton{
	position:absolute;
	left: 294px;
	top: 88px;
	}
		
#quoteType{
	position:absolute;
	left:1px;
	float:left;
	clear:both;
	top:85px;
	}
	
.quoteCategories{
	width:155px;
	border:#FFF 1px solid;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	}
	
#yourZip{
	position:absolute;
	float:left;
	left: 187px;
	top:86px;
	}	
	
.quoteZip{
	width:84px;
	border:#FFF 1px solid;
	font-size:1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
		
/* --------- 5. Footer --------- */		
#footer {
	width:970px;
	background:url(../images/bdrBtm.gif) no-repeat center top;
	height:100px;
	position:relative;
	padding-top:10px;
	}
	
#footerLinks {
	position:absolute;
	top:20px;
	left:17px;
	font-size:.9em;
	}
	
#footerLinks a {
	color:#0072BB;
	margin: 0px 6px;
	}

#footerLinks a:hover {
	color:#333;
	}
	
#footerLinks p{
	color:#FFF;
	margin-top:5px;
	margin-left:6px;
	}
	
#spectrum{
	position:absolute;
	left:765px;
	top:40px;
	color:#FFF;
	font-size:.9em;
	}
	
#spectrum a {
	color:#FFF;
	}

#spectrum a:hover {
	color:#0072BB;
	}
			  
#mNavBarContainer, #mNavBar, #header, #wrapper {
	position: relative;
	z-index: 1;
	}	
	
.err {
	font-weight: bold;
	color: #FF0000;
}

