@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:			#000 url(../img/layout/bg.jpg) 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;
}
*{outline:none !important;}
a img {
	border:0px;
}
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:#bc921c;
	font:26px Arial, Helvetica, "Century Gothic", "Trebuchet MS", Geneva, sans-serif;
	font-weight:normal;
}
h2 {
	margin-top:.9em;
	margin-bottom:.7em;
	color:#949084;
	font:21px 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:link, a:visited, a:active, a:hover {
	color:#64678e;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
	color:#2b2d48;
}
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 
*/
#cms {
	margin:0 auto;
	width:962px;
	overflow:hidden;
}
#main {
}
#header {
	background:url(../img/layout/masthead.jpg) no-repeat;
	width:962px;
	height:137px;
	overflow:hidden;
}
/* under, not in, header */
#menu-container {
	margin:97px 0 0 0;
	border:solid 0px #fff;
}
#body {
	background:#000;
}
	#left-column{
		float:left;
		width:676px;
		overflow:hidden;
		background:#fff url(../img/layout/bg-interior.jpg) repeat-x;
	}
	#right-column{
		float:left;
		background:#000;
		width:285px;
		overflow:hidden;
		border-left:solid 1px #b9b149;
	}
		.side-box-top{
			height:5px;
			background:#e2dd87;
			width:275px;
		}
		.side-box-top2{
			height:5px;
			background:#e2dd87 url(../img/layout/side-bg-boxes-top.gif) no-repeat;
			width:275px;
		}
		#side-box-bottom{
			height:20px;
			background:#e2dd87 url(../img/layout/side-bg-boxes-top.gif) repeat-y;
			width:275px;
		}
		.side-box{
			background:url(../img/layout/side-bg-boxes.gif) repeat-y;
			width:275px;
			color:#fff;
		}
			.side-box-text{
				padding:13px 10px 20px 18px;
				font-size:12px !important;
			}
			.side-box h2{
				font-family:Arial, Helvetica, sans-serif;
				font-size:18px;
				color:#a1a1a1;
				margin:0 0 15px 0;
				padding:0;
				text-align:right;
			}
			.side-box a{
				color:#a1a1a1;
				text-decoration:none;
			}
			.side-box a:hover{
				color:#fff;
				text-decoration:none;
			}
	#home{
		background:url(../img/layout/bg-carousel.jpg) repeat-x;
		overflow:hidden;
		height:303px;
	}
		#front-slideshow{
			/*background:url(../img/layout/zero-incident-implosions.jpg) no-repeat;*/
			width:654;
			height:280px;
			margin:12px 0 12px 11px;
			overflow:hidden;
		}
		#carousel-canvas {
			position: relative;
			background-color: #000;
		}
		.carousel-image,
		.carousel-overlay {
			position: absolute;
		}
		
	#home-btm{
		background:#98000d;
		padding:12px 0 12px 11px;
	}
		#rock-solid-reputation{
			background:#78000a;
			width:654px;
			overflow:hidden;
			border-top:dotted 1px #b57375;
		}
		#rock-solid-reputation-content{
			padding:20px 25px 0px 25px;
			color:#fff;
			line-height:1.3em;
			font-size:14px;
		}
			#rock-solid-reputation-content h1{
				font-size:30px;
				color:#fff;
				margin:0 0 20px 0;
				padding:0 0 0 0;
			}
		
		#seal-approval{
			background:#78000a;
			width:654px;
			overflow:hidden;
			border-top:dotted 1px #b57375;
		}
		#seal-approval-content{
			padding:20px 25px 0px 25px;
			color:#fff;
			line-height:1.3em;
			font-size:14px;
		}
			#seal-approval-content-seal{
				float:left;
				width:100px;
				overflow:hidden;
				padding:10px 0 0 0;
			}
			#seal-approval-content-text{
				float:left;
				width:490px;
				overflow:hidden;
				line-height:1.3em;
				font-size:14px;
			}
#frontbuttons{
	margin:15px auto;
	width:650px;
	text-align:center;
}
		#btn-contactus{
			float:left;
			padding:0 5px 0 130px;
		}
		#btn-contactus a{
			display:block;
			width: 185px;
			height:41px;
			background: url(../img/layout/btn-contactus.gif) 0 0 no-repeat;
			text-decoration: none;
			text-indent:-99999px;
		}
		#btn-contactus a:hover{
			background-position: 0 -41px;
		}
		#btn-projects{
			float:left;
			padding:0 0 0 15px;
		}
		#btn-projects a{
			display:block;
			width: 185px;
			height:41px;
			background: url(../img/layout/btn-projects.gif) 0 0 no-repeat;
			text-decoration: none;
			text-indent:-99999px;
		}
		#btn-projects a:hover{
			background-position: 0 -41px;
		}

#footer {
	width:962px;
	margin:0 auto 100px auto;
	color:#fff;
}
	#footer ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#footer li{
		margin:0;
		padding:0 25px 0 0;
		float:left;
	}
		#footer li a{
			font-size:11px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		#footer li a:hover{
			color:#F7E762;
		}
	#copyright{
		font-size:11px;
	}
		
#canadaswebshop {
	float:right;
	font-size:10px;
	color:#5c5c5c;
}
#canadaswebshop a:link, #canadaswebshop a:active, #canadaswebshop a:visited, #canadaswebshop a:hover {
	font-size:10px;
	color:#5c5c5c;
	text-decoration:underline;
}
#canadaswebshop a:hover {
	color:#fff;
}

/* interior pages */
#interior-pages{
	padding:20px 25px 40px 25px;
	min-height:650px;
	height:auto !important;
	height:650px;
	line-height: 1.5em;
}
#interior-pages-contact{
	padding:20px 25px 40px 25px;
	min-height:650px;
	height:auto !important;
	height:650px;
	line-height: 1.5em;
	background: url("../img/layout/bg-contact.jpg") top right no-repeat;
}
	#interior-pages h1, #interior-pages-contact h1{
		color:#000;
		font-size:32px;
	}
	#interior-pages h2, #interior-pages-contact h2{
		color:#C00;
		font-size:22px;
	}
	#interior-pages a, #interior-pages-contact a{
		color:#C00;
		text-decoration:underline;
	}
	#interior-pages a:hover, #interior-pages-contact a:hover{
		color:#000;
		text-decoration:underline;
	}
#bg-interior-bottom{
	height:20px;
	background:#f7f6c2;
}

.gallery-thumb-container{
	margin:0px !important;
	padding:0px !important;
	width:155px !important;
}
.gallery-thumb-container:hover{
	margin:0px !important;
	padding:3px !important;
	width:155px !important;
}
.gallery-thumb-container,
.gallery-thumb-container-shownotes
{
	margin-right:0px !important;
	margin-bottom:0px !important;
	width:155px !important;
}
.gallery-thumb-container a,
.gallery-thumb-container-shownotes  a,
.gallery-thumb-container .title,
.gallery-thumb-container-shownotes  .title
{
	padding-top:0px !important;
	margin-top: 0px !important;
}



/*	MENU's
	*----------->*/
/* 	================================================================================ */		
div#menu-panel {
	z-index:10000;
	text-align:left;
	height:40px;
}
div#menu-panel div {
	float:left !important;
	font-size:17px;
	color:#FFFFFF;
}
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:10px 20px 15px 20px;
	color:#fff;
	font:12px Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:middle;
	z-index:1000000;
	white-space:nowrap
}
div#menu-panel div a.current-page {
	background:url(../img/layout/nav-bg-active.gif) repeat-x;
	color:#87000d;
	text-decoration:none;
}
div#menu-panel div a.hover {
	background:url(../img/layout/nav-bg-hover.gif) repeat-x;
}
div#menu-panel div a.hover-hot {
	background:url(../img/layout/nav-bg-active.gif) repeat-x;
	color:#000;
}
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:40px;
	background:url(../img/layout/splitter.gif) no-repeat;
	float:left;
}
/* helpers ============================>>>=====================>>>================ */
	
	.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:#e8e8e8;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	padding:.5em
}
.solid div {
	padding:4px;
}
#toc {
	width:500px;
	overflow:hidden;
	margin:50px 0 50px 0;
}
#toc a:link,  #toc a:active {
	color:#242424;
	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:#5c5c5c;
	font:17px Arial;
}
.dm-panel {
	border-top:1px dotted #d4d4d4;
}
.dm-panel .child-indent {
	padding:2px 0px 2px 15px;
}
/*	==========================================================================================
	*	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:#F3F9FE;
	border-top:1px solid #a0c9e9;
	padding:4px;
	padding-top:6px;
}
.site-map-page .solid a {
	color:#003366 !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
}