@charset "utf-8";
/* ==================== Morse Moving & Storage Main Layout CSS Styles ==================== */

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

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

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

body {background: #000 url(../images/bg-main.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;}

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

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

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

.img-right {float:right; margin-left:15px; margin-bottom:5px; padding:4px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-bottom:5px; padding:4px; border:#CCC 1px solid;}
	
#wrapper {width:1024px; margin: 10px auto 0px auto;  padding-left:7px; background:url(../images/bg-wrapper-arrow.jpg) no-repeat left 198px;}

/*---------------------- 1 a. Social Icons -------------------*/
#social{
width: 120px;
float: right;
height: 40px;
}

#social li{
height: 32px;
width: 32px;
float: left;
padding: 0 8px 0 0;
}

#social li a{
display: block;
height: 32px;
width: 32px;
float: left;
text-indent: -9999px;
}

#social li#facebook a{
background: url(/images/facebook.gif) no-repeat top left;
}

#social li#twitter a{
background: url(/images/twitter.gif) no-repeat top left;
}

#social li#linked a{
background: url(/images/linkedin.gif) no-repeat top left;
}

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

#header {width:1024px; height:108px; float:left; color:#000; background:url(../images/bg-header.jpg) no-repeat;}

/*#header ul {float:right; padding-right:170px; padding-top:36px; text-align:center; width:500px; display:block;}

#header li {float:left; width:125px; font-size:1.1em; display:block; font-weight:bold;}*/

#header ul {float:right; padding-right:205px; padding-top:35px; text-align:right; width:460px; display:block;}

#header li {float:left; width:230px; display:block; font-weight:bold;}
	
#header a {color:#333; text-decoration:none;}
	
#header a:hover {color:#000; text-decoration:none;}

.phone_number{font-size:16px; font-weight:bold; color: #fff;}

#left-numbers{
	float: left;
	padding: 20px 70px 0 435px;
}

#right-numbers{
	float: left;
	padding-top: 20px;
}
	
#header dl dd{
	margin: 0 0 5px 0;
}	

#header dl dt a{
	color: #FF9900;
}	

#header dl dt a:hover{
	color: #cccccc;
}
	
/* ==================== 3.Navigation  ==================== */

#navigation {width:1024px; height:35px; background:url(../images/bg-navigation.jpg) repeat-x; font-weight:bold; color:#FFF; float:left; display:block;}
	
#navigation li {float:left; font-size:.9em;}

#navigation a {color:#FFF; background:url(../images/btn-spacer.gif) no-repeat top right;}

#navigation a:hover {color:#F90; background:url(../images/btn-hover.jpg) repeat-x right; }

#navigation .active, #navigation .active:hover {background:url(../images/btn-active.jpg) no-repeat top right; color:#F90; line-height:35px;}

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

#navigation a.last {background:none; width:52px;}

#navigation a.last:hover {color:#F90; background:url(../images/btn-hover-last.jpg) repeat-x right; width:52px;}

#navigation a.active#AboutUs  {background:url(../images/btn-active-last.jpg) no-repeat top right; width:52px;}

/* ==================== 4.Content ==================== */
	
#content-container {width:1024px; padding-top:15px; float:left; background-color:#4D4948;}

/* ==================== 5.Left Colum ==================== */

#left-colum {width:262px; float:left; background:url(../images/bg-left-colum-arrow.jpg) no-repeat left top;}

/* --------- Quote Form ---------- */
	
#quote-form {width:227px; height:320px; padding:10px 0px 20px 23px; float:right; background:url(../images/bg-quote-form.jpg) no-repeat center top; margin-bottom:20px;}

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

#quote-form table th {color:#FC0; font-size:1.8em; letter-spacing:.01em;}

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

#quote-form table label {color:#FFF; margin:4px 0px 4px 2px; display:block; font-weight:bold; width:193px;}

#quote-form input {margin:0px 0px 0px 2px; padding:3px; border:#CCC 1px solid; font-size:1.1em; width:193px;}

#quote-form table label#lPickupCity {width:80px;}
#quote-form table input#QuoteForm_pickupCity {width:85px;}

#quote-form table label#lPickupState {width:80px;}
#quote-form table input#QuoteForm_pickupState {width:85px;}

#quote-form table label#lDeliveryCity {width:80px;}
#quote-form table input#QuoteForm_deliveryCity {width:85px;}

#quote-form table label#lDeliveryState {width:80px;}
#quote-form table input#QuoteForm_deliveryState {width:85px;}

#quote-form table label#lMoveDate {width:85px;}

#quote-form table input#QuoteForm_moveDate_TextBox {width:85px; margin-right:14px;}

#quote-form table label#lPhone {width:80px;}

#quote-form table input#QuoteForm_phone {width:85px;}

#quote-form .btn-submit-quote {width:197px; height:32px; border:none; display:block; margin-top:15px;}

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

#testimonial-rogers {width:220px; height:117px; background:url(../images/bg-testimonial-rogers.jpg) no-repeat left top; float:right; padding:15px; font-style:italic; color:#FFF; margin-bottom:20px;}

#testimonial-rogers p {line-height:140%; padding-bottom:12px; display:block; text-indent:1.4em;}

#testimonial-rogers em {font-weight:bold;}

#testimonials-button{
	padding: 0 0 0 10px;
	margin: 0;
}

#testimonials-button a{
	background: url(../images/testimonials-button.gif) no-repeat top left;
	display: block;
	height: 29px;
	width: 250px;
	color: #ff9900;
	float: left;
	padding: 7px;
}

#testimonials-button a:hover{
	color: #ccc;
}

/* --------- News ---------- */

#news {width:250px; float:right;}

#news dt {font-weight:bold; font-size:1.3em; color:#FFF; border-bottom: 1px solid #666; padding-bottom:6px;}

#news dd {background:url(../images/icon-news.gif) no-repeat left 8px; padding-left:14px; border-bottom: 1px solid #666; line-height:180%; font-weight:bold;}

#news dd a {color:#F90; padding:6px 0px 6px 6px; display:block;}

#news dd a:hover {color:#CCCCCC; text-decoration:underline;}

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

#footer {width:984px; padding:60px 20px 20px 20px; background:#000 url(../images/bg-footer.jpg) no-repeat left top; float:left; font-size:.9em;}

#footer div {width:620px; float:left;}

#footer p{color:#999;}

#footer div p{float:left; display:block; width:500px;}

#footer ul {color:#333; display:block; width:620px; margin-bottom:6px; float:left;}

#footer li {float:left; display:inline;}

#footer a {color:#FFF; padding:0px 6px;}

#footer a.first {padding-left:0px;}

#footer a:hover {color:#666; text-decoration:underline;}
	
p#spectrum {float:right; color:#999;}

#footer p#spectrum a {color:#999; padding:0px;}
	
#footer p#spectrum a:hover {color:#FFF; text-decoration:underline;}

#footer-locations{ clear:both; padding-left:8px; background:#000;} 
#footer-locations p{float:left;color:#999; font-size:11px;background:#000; text-align:left; padding:0px 0px 20px 8px; width:980px;}
#footer-locations a{color:#999; text-decoration:none;}
#footer-locations a:hover{color:#fff; text-decoration:underline;}