/*



	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;

}