@charset "utf-8";
/*
	______ - ________
	http://www.thewebshop.ca
	by: AJ Batac
	---------------------------------------------
*/

html, body {
	font-family:	Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size:		12px;
	margin:			0px;
	padding:        0px;
	background:		#1c2e18 url("../img/layout/bg-body.gif") repeat-x;
	text-align:		left;
	color:			#333333;
}
/* pre resets */
html, div, p, table, form, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, blockquote, input, textarea, iframe, span {
	margin:			0px;
	padding:		0px;
	line-height:	1.2em;
	font-size:		1em;
}
td {
	line-height:	1.2em;
	font-size:		1em;
}
a img {
	border:			0px;
	outline:		none !important;
}
ul, ol {
	margin-top:		1.8em;
	margin-left:	3.4em;
	margin-bottom:	1.8em;
}
ul ul {
	margin-top:		.8em;
	margin-left:	2.4em;
	margin-bottom:	.8em;
}
li {
	line-height:	1.5em;
	padding-bottom:	.3em
}
p {
	margin-top:		.2em;
	margin-bottom:	1.3em;
	line-height:	1.6em;
}
blockquote {
	margin-top:		.5em;
	margin-bottom:	1.3em;
	line-height:	1.6em;
	background:		url(../img/quote.jpg) no-repeat;
	padding-left:	2.5em;
	margin-left:	.5em
}
h1, .cms-article span.cms-heading {
	margin-top:.	1em;
	margin-bottom:	.6em;
	color:			#2d5623;
	font:			32px Arial, Helvetica, "Century Gothic", "Trebuchet MS", Geneva, sans-serif;
	font-weight:	normal;
}
h2 {
	margin-top:		.9em;
	margin-bottom:	.7em;
	color:			#d9a81d;
	font:			20px Arial, Helvetica, "Century Gothic", "Trebuchet MS", Geneva, sans-serif;
	font-weight:	normal;
}
h3 {
	margin-top:		.9em;
	margin-bottom:	.7em;
	color:			#a57d16;
	font:			17px Arial, Helvetica, "Century Gothic", "Trebuchet MS", Geneva, sans-serif;/*text-transform:uppercase*/
}
a {
	color:			#28765d;
	text-decoration:underline;
}
a:hover {
	color:			#d9a81d;
	text-decoration:underline;
}
input {
	padding:.23em;
}
hr {
	height:1px !important;
	overflow:hidden;
	color:white;
	background-color:white;
	border:0px;
	border-bottom:1px dotted #dbdbdb;
	clear:both;
	display:block;
	margin-top:1.3em;
	margin-bottom:1.3em;
}
/* 
*	LAYOUT 
*/
#bg-body{
	margin:			0px;
	padding:        0px;
	background:	url("../img/layout/bg.gif") no-repeat top center;
}
#cms {
	margin:0 auto;
	padding:0;
	width:1024px;
	background-color:#fff;
	overflow:hidden;
}
#home{
	background: url('../img/layout/home.jpg') no-repeat;
	margin:		0 1px;
	min-height:	730px;
	height:		auto !important;
	height:		730px;
}
	#logo{
		float:left;
		width:573px;
		height:75px;
		margin:0 0 0 19px;
	}
	#call-to-action{
		padding:4px 0 0 0;
	}
	#request-quotation{
		padding:0 15px 0 0;
	}
	#boxed-content{
		float:right;
		background:url('../img/layout/bg-boxed-content.gif') no-repeat;
		margin:18px 32px 0 0;
		width:328px;
		height:306px;
	}
	#boxed-content a{
		color:#ffffff;
	}
	#boxed-content a:hover{
		color:#28765d;
	}
		#boxed-content-text1{
			padding:5px 22px;
			color:#424242;
			line-height: 1.5em;
		}
			#boxed-content-text1 h1, #boxed-content-text1 h2, #boxed-content-text1 h3{
				font-size: 18px;
				color:#424242;
			}
		#boxed-content-text2{
			margin:0.66em 0 0 0;
			padding:5px 20px;
			color:#000;
			line-height: 1.5em;
			text-align: center;
			font-style: italic;
		}
	#home-columns{
		margin:110px 0 0 30px;
		float:left;
	}
		#home-col-1{
			float:left;
			width: 325px;
			overflow:hidden;
		}
			#home-col-1-text{
				color:#333;
				padding:0 50px 0 0;
			}
		#home-col-2{
			float:left;
			width: 325px;
			overflow:hidden;
		}
			#home-col-2-text{
				color:#333;
				padding:0;
			}
		#home-col-3{
			float:left;
			width: 300px;
			overflow:hidden;
		}
			#home-col-3-text{
				color:#333;
				padding:0 50px 0 5px;
				line-height: 1.5em;
				margin:25px 0 0 0;
			}
			#btn-make-contact a{
				display:block;
				width: 191px;
				height:41px;
				background: url('../img/layout/btn-make-contact.gif') 0 0 no-repeat;
				text-decoration: none;
				text-indent:-99999px;
				margin:0 0 0 30px;
			}
			#btn-make-contact a:hover{
				background-position: 0 -41px;
			}
.news-col1{
	float:left;
	width: 48px;
	overflow: hidden;
}
.news-flag img{
	width:36px;
	height:22px;
	border:none;
	overflow: hidden;
}
.news-col2{
	float:left;
	width: 230px;
	overflow: hidden;
}
.news-title{
	margin:7px 0 17px 0;
}
#news-more{
	margin:15px 0 30px 0;
}

/* Sub pages or interior pages */
#interior{
	background: url('../img/layout/bg-interior2.jpg') no-repeat top left;
	margin:		0 1px;
}

#interior-nomap{
	background: url('../img/layout/bg-interior-nomap.jpg') no-repeat top left;
	margin:		0 1px;
}

#wrapper{
	padding:	0 0 0 20px;
	margin:		0 0 50px 0;
}
	#interior-col1{
		float:left;
		overflow: hidden;
		width: 645px;
	}
		#interior-col1-text{
			line-height:1.8em;
			margin:30px 0 0 0;
			color:#505050;
			padding:0 30px 0 0;
			font-size:13px;
		}
		#interior-col1-text p{
			line-height:1.8em;
		}
	#interior-col2{
		float:left;
		overflow: hidden;
		width: 327px;
	}
		#interior-col2-text{
			line-height:1.8em;
			margin:30px 0 0 0;
			color:#505050;
			background:#fff url('../img/layout/bg-sidebar.gif') no-repeat top;
			padding:23px 30px 30px 20px;
		}
		#side-head-getstarted{
			padding:0 0 25px 0;
		}
		#side-get-started{
			padding:20px 0 10px 0;
			line-height: 1.6em;
		}
		#side-head-services{
			padding:20px 0;
		}
		
#cms-container {	
}
#main {
}
#header {
}
/* under, not in, header */
#menu-container {
}
#body {
}
#footer{
	margin:0 auto;
	padding:0;
	width:1024px;
	height:131px;
	background:#fff url('../img/layout/newfooter.gif') no-repeat top center;
	overflow:hidden;
	position: relative;
}
	#footer-text{
		color:#3e3e3e;
		margin:30px 0 0 25px;
	}
	
#social{
	position: absolute;
	top: 20px;
	right: 60px;
}
#social a{
	padding-left: 15px;
}
#canadaswebshop {
	float:right;
	font-size:10px;
	color:#bbb;
	margin:40px 20px 0 0;
}
#canadaswebshop a:link, #canadaswebshop a:active, #canadaswebshop a:visited, #canadaswebshop a:hover {
	font-size:10px;
	color:#bbb;
	text-decoration:underline
}
#canadaswebshop a:hover {
	color:black;
}
#tollcopyright{
	display:block;
	padding:5px 0;
}

/*	MENU's /* 
/* ================================================================================ */		
div#menu-panel {
	text-align:	left;
	height:		38px;
	margin: 	0 0 3px 152px;
}
div#menu-panel div {
	float:		left !important;
	font-size:	17px;
	color:		#FFFFFF;
}
div#menu-panel div * {
	z-index: 0;
	position: relative;
}
div#menu-panel span {
	display:	none;
}
div#menu-panel div a, div#menu-panel div a.hover,  div#menu-panel div a.hover-hot,  div#menu-panel div a.current-page {
	float:		left;
	padding:	18px 20px;
	color:		#deb43b;
	font:		15px Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight:normal;
	vertical-align:middle;
	z-index:	1000000;
	white-space:nowrap;
	outline: 	none !important;
}
div#menu-panel div a.current-page {
	font-weight:normal;
	color:		#787878;
	background: url('../img/layout/current.gif') top repeat-x;
	outline: 	none !important;
}
div#menu-panel div a.hover {
	background: url('../img/layout/hover.gif') top repeat-x;
	color:		#00563a;
	outline: 	none !important;
	text-decoration: underline;
}
div#menu-panel div a.hover-hot {
	background: url('../img/layout/hover.gif') top repeat-x;
	color:		#00563a;
	outline: 	none !important;
}
div#menu-panel div #a {
	padding:	0px !important;
	margin:		0px !important;
}
.menufixmargin {
	margin-top:	1px !important;
	margin-left:-1px !important;
}
.menu-splitter {
	width:		1px;
	overflow:	hidden;
	height:		38px;
	background:	url('../img/layout/splitter.gif') no-repeat;
	float:		left;
}

/* helpers ============================>>>=====================>>>================ */
.padding-left-25px{
	padding-left:25px;
}
.padded {
	padding:	8px;
	font-family:inherit;
	color:		inherit;
	font-size:	inherit;
}
.float-right {
	float:		right;
}
.float {
	float:		left
}
.smaller {
	font-size:	11px;
}
.lighter {
	color:		#9a9a9a
}
.site-map-page {
	margin-bottom:1em;
}
.indent {
	padding-left:0px !important;
	padding-bottom:3px !important;
	padding-right:0px !important;
	padding-top:3px !important;
	margin:0px 0px 0px 0px !important;
}
.child-indent {
	padding-left:15px !important;
	padding-bottom:5px !important;
	padding-right:0px !important;
	padding-top:5px !important;
	margin:0px 0px 0px 0px !important;
}
.child-indent .child-indent {
	padding-bottom:3px !important;
	padding-top:3px !important;
}
.solid {
	margin:0px 0px 0px 0px !important;
	background-color:#fff;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	padding:.5em
}
.solid div {
	padding:4px;
}
#toc {
	width:550px;
	overflow:hidden;
	padding:15px 5px 0px 5px;
}
#toc a:link,  #toc a:active {
	color:#D5A022;
	font:12px Arial;
	text-decoration:underline
}
#toc a:visited {
	color:#5c5c5c;
	font:12px Arial;
	text-decoration:underline
}
#toc a:hover {
	color:#4e1c29;
}

h4.related-toc {
	font-weight:normal;
	color:#999;
	font:24px Arial;
	padding:20px 0 0 32px;
}
.dm-panel {
	border-top:1px dotted #d4d4d4;
	padding-bottom: 5px;
}
.dm-panel .child-indent {
	padding:6px 0px 6px 26px !important;
	font-weight: normal !important;
}
.dm-panel .child-indent a {
	font:14px Arial !important;
	font-weight: normal !important;
	color:#28765D !important;
}
.dm-panel .child-indent a:hover {
	font-weight: normal !important;
	color:#d9a81d !important;
}
/*	==========================================================================================
	*	CMS Editorials 3
	*/	
.cms-article {
	font:12px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	padding:10px;
	text-align:left;
	border-bottom:1px dotted #999999;
	line-height:1.4em
}
.cms-article span.cms-heading {
	font-size:1.4em;
	text-decoration:none;
	margin-bottom: 1.2em;
}
.cms-article a.cms-heading {
	font-size:1.4em;
	text-decoration:none;
	margin-bottom: 1.2em;
}
.cms-article .cms-sub-heading {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom: 1.3em;
}
.cms-article .cms-date {
	font: 0.8em Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.2em;
}
.cms-last-article {
	border-bottom:0px;
}
a.cms-perma-link:link,  a.cms-perma-link:visited,  a.cms-perma-link:active,  a.cms-perma-link:hover {
	font: 0.8em Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.8em;
	border-left:1px solid #CCCCCC;
	margin-left:3px;
	padding-left:3px;
	color:#999999;
	text-decoration:underline;
}
a.cms-perma-link:hover {
	color:#666666;
}
img.cms-article-image-thumb {
	margin-left:10px !important;
	margin-bottom:10px !important;
}
img.cms-article-image {
	margin-left:10px !important;
	padding-right:10px !important;
	margin-bottom:10px !important;
}
/*
*	Documents, and CMS:Search-Document type
*/

.results-pane {
	border-left:1px solid #CCCCCC
}
.results {
	margin:0px;
	font-size:1.3em;
	font-weight:bold;
	margin-top:.2em;
	border-bottom:1px solid #EEEEEE;
	padding-bottom:4px;
}
.document {
	margin-top:.6em;
	margin-bottom:.4em;
}
.document .desc {
	font-size:.9em !important;
	padding-bottom:1px;
	border-bottom:1px dotted #E5E5E5
}
.document .small {
	font-size:.8em
}
.filename {
	font-weight:bold;
	margin-bottom:.2em;
	display:block
}
/* 
*	Sitemap
*/
	.site-map-page {
	margin-bottom:1em;
}
.site-map-page .solid {
	background-color:#FCF9ED;
	border-top:1px solid #D8A723;
	padding:4px;
	padding-top:6px;
}
.site-map-page .solid a {
	color:#000 !important
}
.site-map-page .child-indent {
	background:url(../img/sitemap.gif) no-repeat scroll 0 10px;
}
.site-map-page .child-indent a:link,  .site-map-page .child-indent a:visited,  .site-map-page .child-indent a:hover,  .site-map-page .child-indent a:active {
	color:#0064AF;
	text-decoration:underline;
}
.site-map-page .child-indent a:hover {
	color:#4B94CB;
}
.site-map-page .child-indent strong {
	border-bottom:2px outset #666666
}
.child-indent .child-indent {
	padding-bottom:3px !important;
	padding-top:3px !important;
}
.solid {
	margin:0px 0px 0px 0px !important;
	background-color:#e8e8e8;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
}
.solid div {
	padding:4px;
}
.solid a {
	text-decoration:none
}