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

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

@font-face {
	font-family: 'HelveticaBdCn';
	src: url('HelveticaNeueLTCom-BdCn.eot');
	src: local('Helvetica Neue LT Com'), local('HelveticaNeueLTCom-BdCn'), url('HelveticaNeueLTCom-BdCn.woff') format('woff'), url('HelveticaNeueLTCom-BdCn.ttf') format('truetype');
}


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

body { text-align: center; }

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

	#header { overflow: hidden; height: 96px; position: relative; }
	
		#logo { position: absolute; left: 0; top: 10px; }
		#header-text { position: absolute; right: 80px; top: 25px; }
		#united-way-logo { position: absolute; right: 0; top: 20px; }
		#united-way-text { margin: 0; padding: 0; font-size: 11px; position: absolute; right: 0; bottom: 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-left: 22px; background: #fbf1e0; position: relative; }
			.webkit body#index-page #page-callouts li { min-height: 172px; }
			.webkit body:not(#index-page) #page-callouts li { min-height: 240px; }
				#page-callouts li:first-child { margin-left: 0; }
			#page-callouts li p { color: #363636; font-size: 11px; margin: 10px; height: 84px; }
				.learn-button, .contact-button, .readmore-button { margin: 10px; }
				.aaem-seal { position: absolute; z-index: 2; top: 10px; right: -5px; }
				#testimonial { height: 168px; }
				#trust { position: relative; }
				
				.hp-callout h2 { background: url('../images/callout-yellow.png') no-repeat; height: 18px; margin: 0; color: #4b4127; font-size: 12px; font-weight: bold; padding: 4px 0 4px 10px; }
					.hp-callout h2 a {color:#000;}
					.hp-callout div {margin-bottom:10px;}
					.hp-callout .learn-more {padding:0 15px 2px 10px; font-size:10px;font-weight:bold;background:url(../images/learn-more-bg.gif) no-repeat center right;}
					
				.blue { background: #dde6f2 !important; }
				.blue-quote { background: #f2f6fa url('../images/testimonials-bg.png') no-repeat bottom left !important; }
					.blue h2, .blue-quote h2 { background: url('../images/callout-blue.png') no-repeat; color: #fff; }
			
		#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; }
		h2.lp-heading { font-weight: bold; margin-bottom: 6px; color: #5384bd; }
			
		.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; }
				
	#seo-text { font-size: 11px; }
			
	#footer { clear: both; overflow: hidden; margin-bottom: 16px; font-size: 11px; }
		#footer 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; }
				#footer ul li.first { padding-left: 0; }
				#footer ul li.last { padding-right: 0; border: 0; }
				
/* Moveable Landing Page */
#leftcol.moveable {font-family:Arial,Helvetica,sans-serif !important;}
#leftcol.moveable #quotebox {margin:40px 0 12px 12px !important;}
#leftcol.moveable .arrow-yellow {position:absolute; z-index:1; right:-62px; top:62px;}
#leftcol.moveable {margin:0 16px 0 0; padding:0 !important; *display:inline; width:512px;}
#leftcol.moveable .basic-image{ margin:5px 15px 15px 0; float:left; *display:inline; border:1px solid #C4D0E1;}
#leftcol.moveable #quotebox-alt {position:absolute; right:-226px; top:-22px; width:178px; border:1px solid #D3AC3F; background:#F3CD62; z-index:10;}
#leftcol.moveable #quotebox-alt span {padding:10px; display:block; color:#000;}
#leftcol.moveable p.clear {clear:both; margin:0 0 30px 0;}
#leftcol.moveable p.emp {font-size:14px; color:#000 !important;}
#leftcol.moveable p.callout {display:block; height:100%; background:#E5EDF6; padding:10px; font-size:15px; border:1px solid #C4D0E1; position: relative; z-index:1;}
#leftcol.moveable p.callout-clear {position:relative; z-index:1;}
#leftcol.moveable p.callout img{position:absolute; right:-242px; top:-48px; *top:-48px; _top:-48px;}
#leftcol.moveable p.callout .stronger {}
#leftcol.moveable p {color:#808080; font-size:12px;}
#leftcol.moveable h1 {font-size:18px; color:#2d71af; margin:1em 0 0.75em 0;}
#leftcol.moveable h2 {color:#2d71af;}