@charset "UTF-8";

/* 	Site	Dodge Moving & Storage
	URL		http://www.dodgemoving.com/
	CSS		Global and Shared Styles
	
	Author	TMP Directional Marketing
	............................................ */
	
/* =Common Styles
................................................ */

body { background-image: url(/images/bg-tile.gif); text-align: center; }
#wrapper { margin: 0 auto; text-align: left; width: 940px; }

h1 { font: 23px/28px Helvetica, Arial, sans-serif; color: #006633; text-transform: uppercase; letter-spacing: -.75px; font-weight: bold; }
h2 { font: 12px/12px Helvetica, Arial, sans-serif; color: #e6e3db; text-transform: uppercase; font-weight: bold; }
h3 { font: 20px/20px Helvetica, Arial, sans-serif; color: #4e493e; text-transform: uppercase; letter-spacing: -.75px; font-weight: bold; padding: 18px 16px 13px 16px; background-color: #e6e3db; }
h4 { font: 20px/20px Helvetica, Arial, sans-serif; color: #4e493e; text-transform: uppercase; letter-spacing: -.75px; font-weight: bold; }
h6 { font: 12px/16px Helvetica, Arial, sans-serif; color: #aaa981; font-weight: bold; }
h6 span { font-style: italic; font-weight: normal; }
p, li, td { font: 14px/18px Helvetica, Arial, sans-serif; color: #4e493e; }

a:link, a:visited { color: #006633; }
a:hover, a:active { color: #008d46; }

table { margin-bottom: 20px; }
td { border: 1px solid #bab1a2; padding: 5px 15px 5px 5px; }
thead td { font-weight: bold; }

/*img, div, a { behavior: url(/iepngfix.htc); }*/

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.logos li { background: #fff; float: left; list-style: none !important; margin: 0 10px 0 0 !important; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


/* =Header
................................................ */

#top-bar { display: block; height: 9px; width: 100%; background-color: #4e493e; }
#header { height: 137px; position: relative; z-index: 2; }

#header h2 a { display: block; width: 397px; height: 67px; background: url(/images/logo-dodge-header.png) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 15px; left: 0; }
#header p { display: block; width: 172px; height: 28px; background: url(/images/txt-agent-for-mayflower-header.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 46px; left: 423px; }
#header h5 { display: block; width: 147px; height: 18px; background: url(/images/txt-phone-number-header.gif) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 37px; right: 0; }


/* =Navigation
................................................ */

#nav-main { position: absolute; top: 100px; left: 21px; }
	#nav-main li { margin-right: 13px; }
		#nav-main li.no-right-margin { margin-right: 0; }
#nav-main a { font-size: 16px; line-height: 16px; text-transform: uppercase; text-decoration: none; font-weight: bold; }
	#nav-main a:link, #nav-main a:visited { color: #4e493e; }
	#nav-main a:hover, #nav-main a:active { color: #006633; }
#nav-sub { position: absolute; top: 56px; right: 0; }
	#nav-sub li { margin-left: 18px; display: inline; }
#nav-sub a { font-size: 10px; line-height: 10px; text-transform: uppercase; text-decoration: none; font-weight: bold; }
	#nav-sub a:link, #nav-sub a:visited { color: #4e493e; }
	#nav-sub a:hover, #nav-sub a:active { color: #006633; }

ul.dropdown { position: relative; z-index: 1; }
ul.dropdown li { font-weight: bold; float: left; zoom: 1; }
ul.dropdown li a { display: block; padding: 4px; }
ul.dropdown li.hover,
ul.dropdown li:hover { background: #e6e3db; position: relative; }
ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; z-index: 99; }							  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { width: 100%; display: inline-block; } 
* html ul.dropdown ul li { display: inline; width: 100%; } 
ul#nav-main li ul li a { font-size: 12px; text-transform: none; }


/* =Splash Area
................................................ */

#splash { background-color: #a49d8f; width: 900px; padding: 20px 20px 15px 20px; margin-bottom: 20px; position: relative; z-index: 5px; }
	#splash-content-home { background: url(/images/bg-splash-home.gif) 0 0 no-repeat; width: 264px; height: 224px; float: right; padding: 16px; }
		* html #banner-image { margin-right: -4px; position: relative; }
		#splash .home-truck { position: absolute; left: -10px; bottom: -18px; z-index: 3; }
	#splash-content-interior { background: url(/images/bg-splash-interior.gif) 0 0 no-repeat; width: 264px; height: 179px; float: right; padding: 16px; }
#splash p { font-size: 12px; line-height: 16px; }
	
	
/* =Quick Links
................................................ */

#left-col { width: 220px; float: left; position: relative; }
	#left-col img.earth { position: absolute; top: -15px; right: 8px; }
#left-col ul { margin-top: 20px; }
	#left-col li { background: url(/images/bullet-arrow.gif) 0 0 no-repeat; padding-left: 20px; }
#left-col a { display: block; font-size: 12px; line-height: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; margin-bottom: 12px; }
	* html #left-col li { height: 1%; }
	#left-col a:link, #quick-links a:visited { color: #4e493e; }
	#left-col a:hover, #quick-links a:active { color: #006633; }
	
#link-wrapper { background-color: #e6e3db; padding: 16px 16px 4px 16px; margin-bottom: 15px; }

.left-col-image { margin: 0 0 10px 0; }
	

/* =Request A Quote
................................................ */

#request-a-quote { clear: right; width: 260px; float: right; }
#request-wrapper { background-color: #e6e3db; float: right; padding: 16px; margin-bottom: 20px; }
#request-a-quote h4 { color: #006633; }
#request-a-quote p { font-size: 11px; }

label { font-size: 11px; display: block; }
input { background-color: #fff; height: 17px; width: 96px; padding: 3px; border: none; }
	input.quick-text-large { width: 220px; }
	select { width: 228px; height: 23px; }
#quick-form-date { margin-right: 5px; width: 76px; position: relative; top: -3px; }
	* html #quick-form-date { position: static; width: 65px; }

#button-container { padding-bottom: 0 !important; width: 100%; }
	#button-container p { float: left; margin: 7px 0 0 70px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
		* html #button-container p { display: inline; }
	#quick-estimate-button { float: right; height: 28px; padding: 0; width: 79px; background: none; /*position: absolute; right: 0; top: 0;*/ }
	
#request-a-quote .select-container label { width: 80px; }

#estimate-form ul { margin-top: 6px; }
#estimate-form li { float: left; padding-bottom: 8px; }
	#estimate-form li.qe-alt { margin: 0 0 0 20px; width: 102px; }
		* html #estimate-form li.qe-alt { position: inline; }

.testimonial-side { float: right; }
	.testimonial-side a { display: block; background: url(/images/img-testimonials-side.png) 0 0 no-repeat; width: 260px; height: 105px; text-indent: -9999px; }

#awards { background-color: #e6e3db; padding: 16px; margin-bottom: 20px; width: 228px; }
	#awards li { font-size: 12px; font-weight: bold; margin-bottom: 5px; }
.year { color: #063; display: block; font-weight: normal; }

#employment-opportunities { margin: 30px 0 15px 0 !important; }


/* =Content Column
................................................ */

#content-area { position: relative; }
#content-column { width: 420px; margin: 0 0 0 240px; position: relative; }
#content-column h3, #content-column p { margin: 0 0 15px 0; }
#content-column ul { margin-bottom: 20px; }
	#content-column ul li { list-style: disc; margin-left: 20px; }
.testimonial-content { display: block; background: url(/images/img-testimonials-main.png) 0 0 no-repeat; cursor: pointer; width: 420px; line-height: 105px; text-indent: -9999px; }
img.home-truck-small { position: absolute; top: -10px; right: 0; }

#testimonials p { background-color: #bab1a2; margin-bottom: 10px; padding: 16px; }

#sitemap ul { margin-bottom: 0; }


/* =Footer
................................................ */ 

#footer { background-color: #4e493e; clear: both; text-align: center; margin: 20px 0 -26px 0; }
#footer-wrapper { width: 940px; margin: 0 auto; text-align: left; position: relative; padding: 20px 0; }

#footer p { color: #e6e3db; font-size: 11px; }
#footer a { text-transform: uppercase; font-weight: bold; text-decoration: none; }
#footer a:link, #footer a:visited { color: #cccc99; }
#footer a:hover, #footer a:active { color: #f4f4d3; }

#footer-nav span { margin: 0 6px; }

#footer h2 { margin: 0 0 0 140px; }
#footer-agent { margin: 8px 0 0 140px; width: 172px; height: 28px; text-indent: -9999px; background: url(/images/txt-agent-for-mayflower-footer.gif) 0 0 no-repeat; }
#footer-locations { margin: 40px 0 0 0; }
	#footer-locations p { line-height: 14px; margin: 0 0 10px 0; }
#footer-right { float: right; text-align: right; margin-top: -4px; overflow: hidden; width: 530px; }
#copyright { margin-top: 10px; }
#footer-green-logos { position: relative; margin-top: 10px; }
#footer-green-logos h6 { position: absolute; top: 30px; right: 257px; }
#footer-green-logos img { float: right; margin-left: 6px; }
#footer-green-logos img.recycle { margin: 27px 23px 0 0; }
	* html #footer-green-logos img.recycle { margin: 27px 23px 0 0; }

.footer-box { position: absolute; top: -14px; left: -14px; }