/*

	Abbotsford Moving & Storage main stylesheet
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #246d99 url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
	height: 100%;
}

table tr td {
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
	vertical-align: top;
}
img, a img {
	border: 0;
}

.clearit:after { 
    content: ""; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

.clearit { 
    min-height: 0; 
    height: 0; 
}

html>body .clearit { 
    height: auto; 
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Branding + main nav(Homepage)
--------------------------------------------------------------------------------------------------- */
#branding {
	background: url('../images/wrapper/branding-bg.gif') 50% 0 no-repeat; 
	height: 130px;
}

#branding #logo {
	display: block;
	float: left;
	width: 220px;
	height: 42px;
	margin-bottom: 19px;
	padding: 25px 0 0 25px;
}

#branding #slogan {
	display: block;
	float: right;
	width: 418px; 
	height: 23px;
	padding: 38px 27px 0 0;
}

/* =Layout Homepage
---------------------------------------------------------------------------------------------------- */
#home #wrapper-home-100 {
	background: url('../images/wrapper/home-wrapper-bg.jpg') 50% 0 no-repeat;
	width: 100%;
	padding-top: 24px;
	padding-bottom: 20px;
}

#home #homepage-feature {
	background: url('../images/wrapper/home-feature-ph.jpg') 0 0 no-repeat;
	height: 295px;
}

#home #home-main-content {
	background: #ffffff url('../images/wrapper/main-content-btm.gif') 0 100% no-repeat;
	padding: 0 0 16px 0;
}

#home #home-main-content #home-main-content-inner {
	background: #ffffff url('../images/wrapper/home-main-content-bg.jpg') 0 0 no-repeat;
	min-height: 303px;
	height: auto !important;
	height: 303px;
}

#home #home-main-content #home-main-content-inner #three-col-content li {
	float: left;
	width: 270px;
	padding: 33px 20px 0 26px;
}

#home #home-main-content #home-main-content-inner #three-col-content li h1 {
	margin: 0 0 16px 0;
}

#home #home-main-content #home-main-content-inner #three-col-content li p {
	line-height: 19px;
	margin: 0 0 16px 0;
}

#home #home-main-content #home-main-content-inner #three-col-content li#middle {
	padding-left: 27px
}

#home #home-main-content #home-main-content-inner #three-col-content li#client-logos {
	width: 300px;
	padding: 48px 20px 0 20px;
}

#home #home-main-content #home-main-content-inner #three-col-content li#client-logos h2 {
	text-align: center;
	margin: 0 0 20px 0;
}

#home #home-main-content #home-main-content-inner #three-col-content li#client-logos p {
	text-align: center;
	margin-bottom: 30px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper-100 {
	background: url('../images/wrapper/wrapper-bg.jpg') 50% 0 no-repeat;
	width: 100%;
	padding-top: 24px;
	padding-bottom: 20px;
}

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

img#main-page-banner {
	display: block;
}

#main-content {
	background: #ffffff url('../images/wrapper/main-content-btm.gif') 0 100% no-repeat;
	padding: 0 0 16px 0;
	clear: both;
}

#main-content #main-content-inner {
	background: url('../images/wrapper/main-content-top.jpg') 0 0 no-repeat;
	clear: both;
	padding-top: 32px;
}

#main-content #content {
	float: left;
	width: 720px;
	margin-top: -12px;
	padding: 0 0 10px 26px;
}

/* =Left nav 
---------------------------------------------------------------------------------------------------- */
#left-nav {
	background: url('../images/wrapper/left-nav-border-right.jpg') 100% 0 repeat-y;
	float: left;
	width: 220px;
}

#left-nav-innner {
	background: url('../images/wrapper/left-nav-bg.jpg') 0 0 repeat-x;	
	width: 213px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
}

/*
#left-nav ul {
	background: url('../images/wrapper/left-nav-top.jpg') 0 0 no-repeat;
}
*/

#left-nav li {
	display: inline;
}

#left-nav li a {
	display: block;
	width: 213px;
	color: #124c6e;
	text-decoration: none;
}

#left-nav li a span {
	background: url('../images/wrapper/left-nav-item-divider.gif') 100% 100% no-repeat;
	display: block;
	padding: 5px 5px 6px 25px;
}

#left-nav li a:hover {
	background: url('../images/wrapper/left-nav-item-hover-bg.gif') 0 0 repeat-y;	
	color: #246e99;
}

#left-nav li a.on {
	background: url('../images/wrapper/left-nav-item-hover-bg.gif') 0 0 repeat-y;	
	color: #246e99;
	font-weight: bold;
}

/* =lists
--------------------------------------------------------------------------------------------------- */
#main-content #text-content ul {
	margin: -8px 0 10px 12px;
	padding: 0 0 0 12px;
}

#main-content #text-content ul li {
	list-style: square;
	line-height: 18px;
	padding-bottom: 3px;
}

/* =Sub-content
---------------------------------------------------------------------------------------------------- */
#sub-content {
	float: right; 
	width: 240px;
	margin: -30px 0 0 10px;
}

#sub-content .book-online {
	display: block;
}

#sub-content .sub-content-block {
	background: url('../images/wrapper/sub-content-block-bg-repeat.gif') 0 0 repeat-y;
	width: 236px;
	margin: 10px auto 10px auto;
}

#sub-content .sub-content-block .sub-content-block-inner {
	background: url('../images/wrapper/sub-content-block-bg.gif') 0 0 no-repeat;
	padding: 18px 20px 0 20px;
}

#sub-content .sub-content-block .sub-content-block-btm {
	background: url('../images/wrapper/sub-content-block-btm.gif') 0 100%  no-repeat;
	padding-bottom: 10px;
}

#sub-content .sub-content-block h3 {
	color: #256e99;
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 18px 0;
}

#sub-content .sub-content-block a {
	color: #256e99;
}

#sub-content .sub-content-block a:hover {
	color: #333333;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	color: #111111;
	clear: both;
	margin: 0 !important;
	padding: 0 0 18px 0;
}

#breadcrumb a {
	color: #dd1c25;
}

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

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-bg.gif') 0 0 no-repeat;
	clear: both;
	height: 85px;
	margin-top: 10px;
}

#footer p {
	padding: 30px 0 0 26px;
}

#footer p a {
	color: #124c6e;
}

#footer p a:hover {
	color: #3e3e3e;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:focus {
	outline: none;
	color: #dd1c25;
}

a:hover {
	color: #3e3e3e;
}

.learn-more-link {
	background: url('../images/wrapper/btn-bg.gif') 0 0 no-repeat;
	display: block;
	width: 120px;
	height: 36px;
	color: #3e3e3e;
	text-decoration: none;
	margin: 30px 0 10px 0;
}

.learn-more-link span {
	display: block;
	line-height: 17px;
	padding: 9px 0 0 17px;
}

.learn-more-link:hover {
	color: #124c6e;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#content p {
	line-height: 18px;
	margin: 0 0 18px 0;
}

#content h1 {
	margin: 0 0 12px 0;
}

#content h2 {
	font-size: 18px;
	color: #000000;
	margin: 0 0 16px 0;
}

#content h3 {
	font-size: 16px;
	color: #000000;
	margin: 0 0 4px 0;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */

/* =Main navigation - CSS menus - core
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default; }
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;width:100%;}
.qmmc a, .qmmc li {float:left;display:block;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}

/* =Main navigation - CSS menus
---------------------------------------------------------------------------------------------------- */   
#main-nav {
	clear: both;
	width: 974px;
	margin: 0 auto;
}

/* (MAIN) Container */	
#qm0 {	
	background: none;
}

/* (MAIN) Items */	
#qm0 a {	
	background: none;
}

/* (MAIN) Hover State */	
#qm0 a:hover {	
	background: none;
}

/* (MAIN) Parent items */	
#qm0 .qmparent {	
	background: right 0 no-repeat;
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	background: none;
}

/* (SUB) Container */    
#qm0 div {    
    background: #ffffff;
    border-top: 2px solid #fff;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

#qm0 div div {    
    background: #ffffff;
    border-top: 0 !important;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    margin-top: 2px;
}

/* (SUB) Items */    
#qm0 div a {    
    color: #134c6e;
    font-size: 13px;
    width: 175px;
    text-decoration: none;
    border-bottom: 1px solid #ececec;
    padding: 8px 10px 8px 10px;
    margin: 0;
}

/* (SUB) Hover State */    
#qm0 div a:hover {    
    background: #dfe9f0;
    font-size: 13px;
    width: 175px;
    text-decoration: none;
    border-bottom: 1px solid #ececec;
    padding: 8px 10px 8px 10px;
    margin: 0;
}

/* (SUB) Active State */    
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {    
    background: #dfe9f0;
    font-size: 13px;
    width: 175px;
    text-decoration: none;
    border-bottom: 1px solid #ececec;
    padding: 8px 10px 8px 10px;
    margin: 0;
}