@charset "utf-8";

/* --------- Quality Move Management Main Layout CSS Styles --------- */

/*	
	1. Defaults: Html Tags
	2. Header
	3. Navigation
	4. Quote Form
	5. Content: Bread Crumbs, Page, Side Bar
	6. Footer: Footer Locations
*/

/* --------- 1. Defaults  --------- */

body { background:#C1C1C1 url(../images/bg-main.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333; }

a { text-decoration:none; }

img { border:none; }

ul { list-style:none; }

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

.err { font-weight: bold; color: #F00; }

#wrapper { width:927px; margin:0px auto; }

/* --------- 2. Header  --------- */	

	
#header { width:887px; padding: 15px 20px 0px 20px; height:68px; background:url(../images/bg-header.jpg) repeat-x; }

#header img { float:left; }

#header div { float:right; margin-top:12px; text-align:right; color:#F93; }

#header a { color:#333; }

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

p#phone-number { margin-top:5px; font-size:1.7em; font-weight:bold; /*	background:url(../images/icon-phone.jpg) no-repeat left;
	padding-left:29px;*/
	color:#333; }

/* --------- 3. Navigation --------- */
#main-nav { width:927px; height: 39px; background: url(../images/btn-bg-nav.jpg) no-repeat top left; float: left; white-space:nowrap; }

#main-nav li { float:left; text-align: center; }

#main-nav a { color:#000; font-weight:bold; display: block; width: 154.5px; float: left; font-size: 1.1em; padding: 12px 0; background:url(../images/bg-btn-spacer.jpg) no-repeat top right; }

#main-nav .active, #main-nav a:hover { color: #FC0; display: block; background:url(../images/btn-bg-hover.jpg) no-repeat top right; }

#main-nav li.intermove { float: right; }

a#aResidentialMoving { }

a:hover#aResidentialMoving, .active#aResidentialMoving { background: url(../images/btn-residential-moving.jpg) no-repeat top left; }

a#aInternationalMoving { background:none; }

a:hover#aInternationalMoving, .active#aInternationalMoving { background:url(../images/btn-moving-resources.jpg) no-repeat top right; }

/*#main-nav{
	width:927px;
	height:39px;
	background:url(../images/btn-bg-nav.jpg) repeat-x;
	}
		
#main-nav li {float:left; position:relative;}
	
#main-nav a{
	color:#000;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	background:url(../images/bg-btn-spacer.jpg) no-repeat top right;
	}

#main-nav .active, #main-nav a:hover {
	color: #FC0;
	display: block;
	float: left;
	background:url(../images/btn-bg-hover.jpg) no-repeat top right;
	}
	
#main-nav a, #main-nav span, #main-nav a:hover span {padding: 0px 13px 0px 12px;}
	
#main-nav span, #main-nav a:hover span {line-height: 39px;}

a:hover#aResidentialMoving, .active#aResidentialMoving{background: url(../images/btn-residential-moving.jpg) no-repeat top left; }

a#aInternationalMoving{background:none; padding-right: 12px;}
	
a:hover#aInternationalMoving, .active#aInternationalMoving{background:url(../images/btn-moving-resources.jpg) no-repeat top right;}*/

/* --------- 4.Quote Form  --------- */	

#header-container { width:923px; padding:0px 2px; }

#header-image { width:533px; height:228px; float:left; background:url(../images/bg-header-vancover.jpg) bottom no-repeat; }

#header-calgary { width:533px; height:228px; float:left; background:url(../images/bg-header-calgary.jpg) bottom no-repeat; }

#header-edmonton { width:533px; height:228px; float:left; background:url(../images/bg-header-edmonton.jpg) bottom no-repeat; }

#quote-form { width:390px; height:228px; background-color:#000; float:left; color:#FFF; font-weight:bold; }

#quote-form p { font-size:2.5em; color: #FC0; padding:6px 0px 0px 0px; display:block; text-align:center; }

#quote-form label { margin-top: 13px; padding-left:10px; text-align:right; display: block; float: left; font-size: 1em; width: 100px; }

#quote-form label.second { width: 60px; }

#quote-form input, #quote-form select { float: left; margin: 9px 0px 4px 7px; border: 2px solid #fff; }

#quote-form input { width: 83px; height: 15px; }

#quote-form input, #quote-form select { }

#quote-form select { width: 257px; }

#quote-form .btn_continue { width:227px; height:28px; margin:12px 0px 0px 118px; border:none; }

#quote-form .inputformComment { height: 15px; width: 124px; margin: 12px 0px 0px 8px; border: 2px solid #fff; }

/* --------- 5.Content --------- */
#content-container { width:887px; padding: 10px 20px 20px 20px; float:left; background:#FFF; }

/* --------- Bread Crumbs --------- */
	
#page #breadcrumb { font-size:1em; font-weight:bold; color:#333; }

#breadcrumb a { color:#E6801A; }

#breadcrumb a:hover { color:#F93; }

#page #breadcrumb strong { color:#E6801A; }

/* --------- Page --------- */

#page { width:612px; height:auto; min-height:450px; float:left; background:url(../images/bg_page.jpg) no-repeat right top; padding-right:20px; font-size:1.1em; }

* html #page { height:450px; }

#page h1 { font-size:1.5em; padding-bottom:6px; margin-top:5px; margin-bottom:10px; color:#000; background:url(../images/bg-headings.gif) repeat-x left 25px; }

#page h2 { font-size:1.4em; padding-bottom:6px; color:#000; }

#page h3 { font-size:1.2em; padding-bottom:2px; color:#000; }

#page ul { margin-left:10px; margin-bottom:10px; line-height:150%; }

#page li { background:url(../images/bullet-circle-arrow.jpg) no-repeat left 3px; padding-left:18px; }

#page p { padding-bottom:12px; line-height:150%; }

#page a { color:#E6801A; text-decoration:underline; }

#page a:hover { color:#FC0; text-decoration:underline; }

/* --------- 1. Company Highlights --------- */

#company-highlights { float:left; width:612px; background:url(../images/bg-company-highlight.jpg) no-repeat right top; padding-bottom:12px; }

#company-highlights ul { float:left; width:290px; margin-left:0px; padding-right:15px; line-height:210%; }

#company-highlights li { background:url(../images/chk-mark.gif) no-repeat left 4px; padding-left:20px; }

/* --------- Page Styles --------- */
	
.imgLeft { float:left; clear:both; margin-right:10px; }

.imgLeftBdr { float:left; clear:both; margin:4px 14px 7px 0px; padding:3px; border:#CCC 1px solid; }

.imgRight { float:right; clear:both; margin:0px 0px 0px 14px; padding:2px; }

.imgRightBdr { float:right; clear:both; margin:4px 0px 0px 14px; padding:4px; border:#CCC 1px solid; }

.imgClear { position:relative; top:5px; clear:both; }

.clear { clear:both; height:1px; font-size:1px; }

/* --------- Side Bar --------- */
	
#side-bar { width:254px; float:left; }

#side-bar #preferred { line-height:210%; padding-left:18px; border:none; background:url(/images/bg-canucks.jpg) no-repeat 20px bottom; width:234px; padding-top:35px; padding-bottom:80px; }

#side-bar #preferred dt { font-size:1.4em; font-weight:bold; margin-bottom:12px; width:234px; }

#side-bar #preferred dd { font-size:1.1em; padding:12px 0px 12px 50px; display:block; margin-bottom:6px; width:180px; }

#side-bar #preferred dd#whitecaps { background:url(/images/bg-wihitecaps.gif) no-repeat left; }

#side-bar #preferred dd#flames { background:url(../images/bg-flames.gif) no-repeat left; }

#side-bar #preferred dd#oilers { background:url(../images/bg-oilers.gif) no-repeat left; }

#social_media {margin-top:20px; padding-left:20px; position:relative; width:230px; height:70px; float:left;}
#social_media img {margin-right:10px;}
#social_media #gplus, #social_media #fblike {position:absolute; top:40px;}
#social_media #fblike {left:20px;}
#social_media #gplus {left:112px; height:20px;}
#social_media #gplus div {display:inline !important;}


/* --------- 6. Footer --------- */	
	
#footer { width:887px; padding:20px 20px 0px 20px; float:left; background:#000 url(../images/bg-footer.jpg) no-repeat top; color:#FFF; }

#footer strong, #footer em { font-weight:normal; }

#footer dt { font-size:1.1em; font-weight:bold; }

#footer a { color:#E6801A; }

#footer a:hover { text-decoration:underline; }

#footer-container { width:590px; float:left; }

#footer-container dl { float:left; margin-right:40px; margin-bottom:12px; display:block; }

#footer-container dt { padding-bottom:5px; }

#footer-container dd { line-height:225%; }

#footer p { color:#FC0; font-size:1.1em; float:left; width:590px; }

/* --------- Footer Locations --------- */	

#footer-locations { float:right; width:280px; }

#footer-locations dl { float:left; padding-bottom:20px; width:140px; margin-right:10px; }

#footer-locations dl.right-location { width:130px; margin-right:0px; }

#footer-locations dd { color:#999; line-height:140%; }

/* --------- Copyright --------- */	

#copyright { margin:0px auto; width:887px; padding:20px; }

#copyright div { float:right; }

#copyright p { line-height:160%; }

#copyright div img { margin-left:25px; }

#spectrum { color: #666; }

#spectrum a { color: #666; }

#reviews-promo { float:right; padding-right:15px; }