/* IMPORT EXTERNAL CSS FILES
---------------------------------------------------*/

@import "reset.css";
@import "ui.css";


/* ON PAGE CSS
---------------------------------------------------*/

body { text-align: center; }

#container { width: 770px; margin: 0 auto; text-align: left; }

	#header { overflow: hidden; margin: 20px 0 6px 0; }
	
		#logo { float: left; }
		#header-text { float: right; margin-top: 10px; }
		
	#nav { clear: both; height: 34px; margin-bottom: 3px; background: url('../images/nav-bg.png') repeat-x; overflow: hidden; }
	
		#nav ul { margin: 0; padding: 0; list-style: none; font-size: 11px; }
		#nav ul li { float: left; }
		#nav ul li a { float: left; outline: 0; height: 32px; background: url('../images/nav-items.png'); text-indent: -9999px; }
		#nav ul li a:hover {  }
			#home { width: 56px; }
			#about { width: 78px; background-position: -56px 0 !important; }
			#quotes { width: 148px; background-position: -134px 0 !important; }
			#why { width: 139px; background-position: -282px 0 !important; }
			#testimonials { width: 104px; background-position: -421px 0 !important; }
			#faqs { width: 50px; background-position: -525px 0 !important; }
			#contact { width: 92px; background-position: -575px 0 !important; }
				#home:hover, #home.active { background-position: 0 -32px !important; }
				#about:hover, #about.active { background-position: -56px -32px !important; }
				#quotes:hover, #quotes.active { background-position: -134px -32px !important; }
				#why:hover, #why.active { background-position: -282px -32px !important; }
				#testimonials:hover, #testimonials.active { background-position: -421px -32px !important; }
				#faqs:hover, #faqs.active { background-position: -525px -32px !important; }
				#contact:hover, #contact.active { background-position: -575px -32px !important; }
		
	#content { overflow: hidden; }
	
		#leftcol { float: left; width: 506px; margin-right: 22px; padding-top: 18px; }
		#rightcol { float: left; width: 242px; margin: 0; padding: 18px 0 0 0; }
		
		#flashContent { float: left; width: 522px; height: 312px; margin-right: 6px; }
		
		#moving-form { float: left; width: 226px; height: 292px; padding: 0 8px; background: url('../images/moving-form-bg.png') repeat-x; color: #fff; margin-bottom: 20px; }
			.form-title { font-size: 17px; margin: 12px 0 0 0; padding: 0; line-height: 1; }
			.sub { display: block; font-size: 10px; margin: 0 0 6px 0; padding: 0; }
			
			input[type=text], input.text, input.title, textarea, select { 
				outline: 0; 
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif; }
			input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {  }
			
			#ethical { margin: 0; padding: 0; }
			
			#ethical p { border-top: 1px solid #90b1d6; padding: 8px 0; margin: 0; overflow: hidden; }
			#ethical p select { width: 95px; }
			
			#ethical label { font-weight: bold; font-size: 11px; float: left; margin: 0; padding: 0; }
				.locations label { width: 200px; }
				.distance label { width: 127px; }
				.date label { width: 127px; }
				.submit { text-align: center; }
				
			#ethical .cityinput { width: 95px; margin-right: 25px }
			#ethical .datepicker { width: 91px; }
			
		#page-callouts { clear: both; margin: 0 0 20px 0; padding: 0; overflow: hidden; }
			#page-callouts li { float: left; list-style: none; width: 242px; margin-right: 22px; }
				#page-callouts li.first { }
				#page-callouts li.last { margin-right: 0; }
			#page-callouts li p { color: #363636; font-size: 11px; margin: 10px; }
				.learn-button, .contact-button, .readmore-button { margin: 10px; }
				.aaem-seal { position: absolute; z-index: 2; top: 10px; right: -5px; }
				#certified { }
				#facts { }
				#testimonial { height: 168px; }
				#trust { position: relative; }
			
			#certified { background: #fbf1e0; }
			#certified h3 { background: url('../images/callout-header1.png') no-repeat; height: 26px; text-indent: -9999px; margin: 0; }
			
			#facts { background: #fbf1e0; }
			#facts h3 { background: url('../images/callout-header2.png') no-repeat; height: 26px; text-indent: -9999px; margin: 0; }
			
			#testimonial { background: #f2f6fa url('../images/testimonials-bg.png') no-repeat bottom left; }
			#testimonial h3 { background: url('../images/callout-header3.png') no-repeat; height: 26px; text-indent: -9999px; margin: 0; }
			
			#trust { background: #dde6f2; }
			#trust h3 { background: url('../images/callout-header4.png') no-repeat; height: 26px; text-indent: -9999px; margin: 0; }
			
			#flawless { background: #f2f6fa url('../images/testimonials-bg.png') no-repeat bottom left; }
			#flawless h3 { background: url('../images/callout-header5.png') no-repeat; height: 26px; text-indent: -9999px; margin: 0; }
			
			#making { background: #fbf1e0; }
			#making h3 { background: url('../images/callout-header6.png') no-repeat; height: 26px; text-indent: -9999px; margin: 0; }
			
			#network { background: #fbf1e0; }
			#network h3 { background: url('../images/callout-header7.png') no-repeat; height: 26px; text-indent: -9999px; margin: 0; }
			
			#contact { background: #fbf1e0; }
			#contact h3 { background: url('../images/callout-header8.png') no-repeat; height: 26px; text-indent: -9999px; margin: 0; }
			
		#quotebox { 
			float: right; 
			width: 176px; 
			margin: 0 0 12px 12px; 
			border: 1px solid #c4d0e1; 
			background: #e5edf6 url("../images/quotebox-bg.png") bottom center no-repeat; }
			
			#quotebox p { color: #3765a5; margin: 8px 12px; }
			
		.nmc { display: none; }
		.nmc-title { font-size: 12px; font-weight: bold; margin: 0; color: #111; }
		h2.reputable-movers { font-weight: bold; margin-bottom: 6px; color: #5384bd; cursor: pointer; }
			
		.happy-customer { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #5384bd; font-style: italic; }
			.lasto { border: 0; }
		
		#faqlist { margin-left: 0; padding: 0; list-style: none; }
			.backtotop { font-size: 11px; }
			
		#contactlist { margin-left: 0; margin-right: 0; list-style: none; }
			#contactlist li { float: left; width: 253px; height: 70px; }
			
		#complaint-stats { margin: 0 0 16px 0; padding: 0; list-style: none; overflow: hidden; }
			#complaint-stats li { float: left; width: 230px; }
			
		#pledge li { margin-bottom: 16px; }
		
		.sitemap-link { text-transform: uppercase; font-weight: bold; }
		
		.sidebar-callout { position: relative; font-size: 11px; background: #f9eed8; margin-bottom: 16px; padding-bottom: 10px; }
			.sidebar-callout p { margin: 10px; }
			.sidebar-callout h3 { text-indent: -9999px; width: 242px; height: 35px; margin: 0; }
				h3#provides { background: url("../images/sidebar-title1.png") no-repeat; }
				h3#unseen { background: url("../images/sidebar-title2.png") no-repeat; }
				h3#code { background: url("../images/sidebar-title3.png") no-repeat; }
				
		#checklist { margin: 0 10px; padding: 10px 0; }
			#checklist li { list-style: none; background: url("../images/checkmark.png") no-repeat 0 2px; padding-left: 16px; }
			
		#final-form { background: url("../images/form-container-bg.png"); padding-bottom: 8px; margin-bottom: 16px; overflow: hidden; }
			#final-form form { margin: 10px 22px; padding: 0; }
				#final-form form p.half-width { float: left; width: 220px; }
					#final-form form p.half-width label { float: left; width: 90px; margin: 0; }
					#final-form form p.half-width input { width: 120px; margin: 0; }
					#final-form form p.half-width select { width: 125px; margin: 0; }
				#final-form form p.full-width { float: left; width: 462px; clear: both; }
					#final-form form p.full-width label { float: left; width: 90px; margin: 0; }
					#final-form form p.full-width input { width: 362px; margin: 0; }
				
				#final-form form p.leftside { margin-right: 22px; }
				#final-form form p.errorMsg { color:#ff0000; font-weight:bold; }
				
				
				hr.spacer { margin: 10px 0 20px 0; #margin: 0 0 20px 0; color: #5380b8; height: 1px; clear: both; }
				
				td.labels { width: 100px; }
				td.putins input { width: 120px; }
				td.putins select { width: 125px; }
				td.addressfield input { width: 351px; }
				
			#basics { border-bottom: 1px solid #5380b8; padding-bottom: 20px; }
				#basics td { padding: 4px 0; }
				
			#moving { border-bottom: 1px solid #5380b8; padding-bottom: 20px; }
				#moving td { padding: 4px 0; }
				
			#submission {  }
				#submission td { padding: 4px 0; }
			
	#footer { clear: both; overflow: hidden; margin-bottom: 16px; }
	
		#footer img { float: left; margin: 0 16px 0 0; }
		#footer div { float: left; font-size: 11px; }
			#footer div p { margin: 0; padding: 0; }
			#footer p.copyright { color: #929292; }
			#footer ul { margin: 0; padding: 0; }
				#footer ul li { list-style: none; display: inline; padding: 0 8px; border-right: 1px solid #929292; }