@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:none; width:234px; padding-top:12px;}

#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:8px 0px 8px 50px; display:block; margin-bottom:6px; width:180px;}

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

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