@charset "utf-8";
/* ==================== Alero Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Defaults
	 2.Header
	 3.Navigation
	 4.Content
	 5.Left Colum
	 	a.Quote Form
		b.Testimonials
	 6.Footer
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background:#19342B url(../images/bg-main02.jpg) repeat-x; font:12px Arial, Helvetica, sans-serif; color:#666;}

a, a:hover, a:active, a:focus {text-decoration:none; outline:none;}

img {border:none;}
	
ul {list-style:none;}
	
.clear {clear:both;}

.img-clear {clear:both; display:block; padding-top: 6px;}
	
.err {color: #ff6600; font-weight: bold;}

.img-bdr {margin-bottom:12px; padding:4px; border:#CCC 1px solid;}

.img-left {float:left; margin-right:12px; margin-bottom:4px; padding:2px;}
	
.img-left-bdr {float:left; margin-right:12px; margin-bottom:4px; margin-top:5px; padding:2px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:12px; margin-bottom:4px; margin-top:5px; padding:2px;}
	
.img-right-bdr {float:right; margin-left:12px; margin-bottom:4px; margin-top:5px; padding:2px; border:#CCC 1px solid;}
	
#wrapper { width:960px; margin:0px auto; background:#FFF;}

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

#header {width:960px; height:122px; float:left; background:url(../images/bg-header.jpg) no-repeat;}

#header img { float:left; margin:17px 0px 0px 17px;}

#header ul li strong { float:left; color:#254634; padding-right:8px;}
#header ul{float:right; padding-right:165px; margin-top:45px; width:575px;}
#header ul li {float:left; width:185px; text-align:left; color:#ff6600; font-weight:bold; font-size:15px; text-align:left; padding-bottom:10px; }

.head-space{padding-left:5px;}

#header a{text-decoration:none; color:#ff6600;}
#header a:hover{text-decoration:underline; color:#ff6600;}

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

#navigation {width:960px; height:57px; background:url(../images/bg-navigation.jpg) repeat-x; font-weight:bold; color:#FFF; float:left; display:block; margin-bottom:5px;}
	
#navigation li {float:left; padding-top:9px; text-align:center;}

#navigation a {color:#FFF;}

#navigation a:hover {color:#ff6600;}

#navigation .active, #navigation .active:hover {color:#ff6600;}

#navigation a, #navigation a:hover {display:block; line-height:39px; padding:0px;}

#navigation a#aHome, #navigation a#aHome:hover {width:89px;}

#navigation a#aHousehold, #navigation a#aHousehold:hover {width:160px;}

#navigation a#aCommercial, #navigation a#aCommercial:hover {width:169px;}

#navigation a#aPacking, #navigation a#aPacking:hover {width:159px;}

#navigation a#aStorage, #navigation a#aStorage:hover {width:102px;}

#navigation a#aLocations, #navigation a#aLocations:hover {width:113px;}

#navigation a#aTools, #navigation a#aTools:hover {width:167px;}

/* ==================== 4.Content ==================== */
	
#content-container {width:945px; padding:10px 5px 10px 5px; float:left; height:auto; min-height:600px;}
	
* html #content-container {height:800px;}

#content-container a {color:#ff6600; text-decoration:underline;}

#content-container a:hover {color:#666; text-decoration:none;}

.guarantee2{font-weight:bold; font-size:14px; font-style:italic; color:#ff6600;}


/* ==================== 5.Right Colum ==================== */

#right-colum {width:262px; float:left;}

#right-colum h3 {font-size:1.2em; color:#254634; padding-left:8px; float:left; width:250px; padding-bottom:10px;}

#right-colum ul {padding-left:10px; line-height:200%; padding-bottom:12px; font-weight:bold; float:left; width:130px;}

#right-colum ul.last {padding-left:0px; padding-bottom:12px; float:left; width:115px;}

#right-colum li {background:url(../images/bullet.gif) no-repeat left 8px; padding-left:13px;}

#right-colum p {line-height:160%; padding-bottom:12px; float:left; padding-left:10px; width:250px;}

#right-colum strong {float:left; padding-left:10px; width:250px; color:#254634; font-style:italic;}

/* --------- Testimonials ---------- */

#right-colum #price-guarantee{ background:url(../images/price-guarantee.jpg) no-repeat 12px 0px; width:237px; height:236px; float:left; padding:15px 10px 0px 10px;}
#right-colum #price-guarantee h2{ margin:0px; color:#254634; padding:10px 0px 10px 20px; font-size:20px;}
#right-colum #price-guarantee p{ margin:0px; padding-bottom:10px; color:#ff6600; width:210px; padding-left:20px;}
#right-colum #price-guarantee strong{ margin:0px; padding:0px; color:#ff6600; font-style:normal; width:210px;}

/* --------- Quote Form ---------- */
	
#quote-form {width:239px; padding-left:19px; padding-top:8px; float:right; background:url(../images/bg-quote-form.jpg) no-repeat center top; padding-bottom:50px;}

#quote-form table {border-collapse:collapse; width:200px; text-align:left;}

#quote-form table th strong {display:block; width:230px; padding:8px 5px 20px 0px; padding-left:0px; color:#FF9; font-size:1.8em; font-style:normal;}

#quote-form table td {height:40px;}

#quote-form table label {color:#444; padding:4px 0px; display:block; width:214px; font-weight:bold;}

#quote-form input {padding:2px; border:#CCC 1px solid; width:215px; color:#666;}

#quote-form select {padding:2px; border:#CCC 1px solid; width:221px; color:#666;}

#quote-form .QuoteForm_moveDate, #quote-form label#lmoveDate{width:63px;}

#quote-form input#QuoteForm_pickupPostal {width:45px;}

#quote-form label#lPickupPostal {width:65px;}


#quote-form input#QuoteForm_deliveryPostal {width:45px;}

#quote-form label#lDeliveryPostal {width:70px;}


#quote-form .btn-submit-quote {width:199px; height:38px; border:none; display:block; padding-top:15px; margin:0px 0px 0px 0px;}

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


#footer {width:960px; height:144px; font-size:.9em; float:left; background:#19342B url(../images/bg-footer.jpg) no-repeat; color:#fff;}
#footer img {margin-top:26px; margin-right:104px; display:block; float:left;}
#footer p{padding-bottom:6px;}
#footer a {color:#FFF;}
#footer a:hover {color:#ffcc00; text-decoration:underline;}
#footer #links {width:275px; float:left; padding-left:10px; margin-top:30px; margin-right:40px;}
#footer #copyright {float:left; display:block; margin-top:30px; padding-right:10px; text-align:right; margin-right:-3px;}
#footer #copyright a {color:#fff;}
#footer #copyright a:hover {color:#ffcc00; text-decoration:underline;}