@charset "utf-8";

/* ==================== Morse Moving & Storage Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1. Defaults
		 a. Default dreamweaver style
	 2. Header
	 3. Navigation
	 4. Sidebar1
	 	a. Quote Form
	 5. Moving Resources
	 6. Footer
*/

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

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

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

p { font-size: 10pt; margin: 0 0 12px 0; line-height: 150%; color: #4a4a4a; }

a { text-decoration:none; outline:none; color: #ff6702; }

a:hover { color: #000; }

img { border:none; }

ol { list-style-position: inside; }

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:10px; margin-bottom:10px; 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: 20px auto 0px auto; padding-left:7px; background:url(../images/bg-wrapper-arrow.jpg) no-repeat left 158px; }

.coupon { margin: 15px 0; padding: 0 0 0 11px; }

strong { color: #033; }

/*===================== 1a. default dreamweaver style =================*/

#container { width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin: 0 0px 10px 10px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin: 0 10px 10px 0; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }

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


#header { height: 166px; width: 100%; background: url(/images/header.jpg) no-repeat center top; }

#header #top-nav { float: right; }

#header #top-nav li { float: left; margin: 5px 0 0 10px; }

#header #top-nav li a { color: #fff; }

#header #top-nav li a:hover { color: #ffff99; }

#header img.green { padding-top: 25px; float:left; }

/*#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;}*/

#logo { padding: 54px 0 0 0; width: 300px; float: left; }

#logo a { width:220px; height: 65px; background: url(/images/logo.jpg) no-repeat left top; text-indent: -9999px; display: block; margin: 0 0 0 -1px; }

#logo a:hover { background: url(/images/logo.jpg) no-repeat left -83px; }

#call-us { float: right; width: 260px; clear: right; padding: 30px 0 0 0; }

#call-us p { margin: 0; padding: 0 90px 0 0; font-size: 12px; }

#call-us p span { font-weight: bold; font-size: 13px; }

#call-us p#phone-number { font-size:20px; font-weight:bold; color: #FE6603; padding: 0; margin: 0; }

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

#navigation { width:960px; background:url(../images/nav-back.jpg) repeat-x; font-weight:bold; color:#FFF; float:left; clear:both; height:51px; }

#navigation li { float:left; }

#navigation a { display:block; color:white; font-size:14px; float:left; color: #000; border-bottom:1px solid #001A3F; text-align:center; line-height:50px; }

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

#navigation .active, #navigation .active:hover { background:url(/images/nav-active.gif) no-repeat bottom center; color:#fff; }

#navigation a#res-mov { width:170px; }

#navigation a#com-mov { width:174px; }

#navigation a#int-mov { width:180px; }

#navigation a#rec-man { width:189px; }

#navigation a#storage { width:91px; }

#navigation a#day-mov { width:156px; }

/*===========4. Sidebar1================*/
#sidebar1 { float: right; /* since this element is floated, a width must be given */ width: 271px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: url(/images/formbar-back.jpg) no-repeat top left; min-height: 680px; }

/* --------- a.Quote Form ---------- */
#form { width: 226px; padding: 20px 15px 300px 23px; background: url(/images/form-bottom.gif) no-repeat right bottom; }

#form-header { font-size: 21px; font-weight: bold; color: #4A4A4A; background: url(/images/form-header-back.jpg) repeat-x top left; padding: 0px; width: 249px; position: relative; width: 223px; display: block; margin: 0 0 15px 0; text-align: center; padding: 2px; }

#form-header span { text-transform: uppercase; font-style: italic; }

#form fieldset { border: none; float: left; }

#form label { display: block; height: 25px; font-weight: bold; color: #fff; }

#form input { background: #fff; border: 1px solid #ccc; height: 24px; width: 220px; }

#form select { background: #fff; border: 1px solid #ccc; height: 24px; width: 220px; }

#form #place-info { width: 90px; border: none; }

#place-info div { margin: 0 0 10px 0; padding: 2px 0 0 0; }

#place-info div label { height: 23px; }

#place-info label { width: 90px; }

#place-info input { width: 70px; }

#personal-info input { width: 130px; }

p#dwell { clear: both; }

#form input.submit-button { background: url(/images/submit.jpg) no-repeat top left; width: 220px; height: 36px; text-indent: -9999px; display: block; border: none; cursor: pointer; margin: 25px 0 0 0; }

#form input.submit-button:hover { background: url(/images/submit.jpg) no-repeat bottom left; }

p.sidebar-text { padding: 0 0 0 14px; }

ul.pri-list { margin: 0 0 10px 0; }

ul.pri-list li { margin: 0 0 10px 0; padding: 0 0 0 15px; background: url(/images/arrow.gif) no-repeat left 4px; }

/*----------------------- 5. Moving Resources-------------*/
#main-content dl { width: 100%; margin: 0 0 10px 0; }

#main-content dt { font-size: 14px; margin: 8px 0 10px 0; }

#main-content dd { margin: 0 0 10px 0; padding: 0 0 0 10px; }

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

#footer-container { width: 100%; float: left; padding:0 0 40px 0; }

#footer { width:960px; margin: 0 auto; font-size:.9em; }

#footer p { color:#999; }

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

#footer ul#footer-logo { background: #000; color:#333; display:block; width:960px; float:left; }

#footer ul#footer-logo li { float:left; display:inline; margin: 0 5px; }

#footer-links { float: left; margin: 13px 0 0 0; }

#footer-links li { float: left; }

#footer-links li a { margin: 0 5px; }

p#copyright { float: left; font-size: 9pt; color: #99ccff; margin: 10px 0 0 10px; }

#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:#99ccff; font-size: 9pt; margin: 10px 0 0 0; }

#footer p#spectrum a { color:#99ccff; padding:0px; }

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

#footer p.footer-addresss { float:left; width:500px; }

.slideshow { float: left; width: 260px; height: 76px; margin-top:45px; overflow:hidden; }

.slideshow img { border:none; }

#contactpage { float:left; line-height:150%; padding:0 0 20px 0; width:500px; }

.vcard { float:right; padding:10px 0 0 0; }

.fn.org { font-weight:bold; }