/*
************************************************************************************
JMX Evironmental CSS File: "global.css"
Copyright (C) 2009 JMX Environmental Inc.
Author: Peter West - onsitehelp.ca/gpi digital
Version: 1.1.2
Date: Friday, 9 July, 2009 [PW]
www.jmxenvironmental.com
************************************************************************************
*/
body	{
	background-image: url("../assets/viewportBg.jpg");
	background-attachment: fixed;
	background-repeat: repeat-x;
	}

/*
Page defaults
************************************************************************************
*/
#container	{
	width: 90em;
	margin: 1em auto;
	}
/*
masthead defaults
************************************************************************************
*/
.masthead	{
	background: url("../assets/masthead.png") no-repeat bottom left;
	height: 104px;
	}
/*
Removes the "JMX" from the text until css is turned off
************************************************************************************
*/
.masthead #no_css_logo	{
	position: absolute;
	margin-left: -1000px;
	}
.masthead h1	{
	margin: 0;
	padding: 1em 0 0 7.6em;
	}
.masthead h2	{
	font-weight: normal;
	font-size: 170%;
	margin: 0 0 0 28.6em;
	padding: 0 0 1.4em;
	}
div#clock	{
	position: absolute;
	margin: 8.8em 0 0 78em;
	color: #fff;
	}
/*	end masthead styles */

/*
Main banner styles
************************************************************************************
*/
.mainBanner	{
	background: #ffffff url("../assets/main-banner.jpg") no-repeat top left;
	padding: 4em 0 14.8em 41em;
	}
.contractingBanner	{
	background: #ffffff url("../assets/construction-banner.jpg") no-repeat top left;
	padding: 4em 0 14.8em 41em;
	}
.demolitionBanner	{
	background: #ffffff url("../assets/demolition-banner.jpg") no-repeat top left;
	padding: 4em 0 14.8em 41em;
	}
/*	NAVIGATION STYLING RULES	*/
.topNavContainer	{
	position: relative;
	width: 100%;
	background: #fff;
	}

/* 	------------------------------------------------------------------------------------	 */
/* SEE IE STYLES FOR IMPLEMENTATION OF THIS RULE */
/*
body	{behaviour: url("csshover.htc");font-family: Verdana, Arial, Geneva, sans-serif;}
*/
/* ABOVE RULE HAS A CONDITIONAL COMMENT FOR THE IE LINK AT THE TOP OF THE HTML PAGES */
/* 	------------------------------------------------------------------------------------	 */

p a	{
	color: #000;
	text-decoration: underline!important;
	}
a	{
	color: #000;
	text-decoration: none;
	}
p a:hover	{
	text-decoration: none!important;
	}
/*	Removes bullets and white space from the top level unordered list	*/
ul#topNav	{
	list-style: none;
	padding: 0;
	margin: 0;
	}
ul#topNav li a	{
	color: #eee;
	display: block;
	font-weight: bold;
	padding: .6em 1em;
	background: #007C00;
	border-right: 1px solid white;
	}
/*	down arrow for sub menu main links	*/
ul#topNav li.sprite a {
	background: #007C00 url("../assets/arrowSpriteHover.png") 12.5em .9em no-repeat;
	}
ul#topNav li>ul>li a	{
	border: none;
	background-color: #00511B;
	background-image: none!important;	
	text-align: left;
	}
ul#topNav li.lastLink a	{
	border: none!important;
	}
ul#topNav li a:hover{
	background:#00511b;
	color:#eee;
	}
ul#topNav li.sprite a:hover{
	background:#00511b url("../assets/arrowSpriteHover.png") 12.5em .9em no-repeat;
	color:#eee;
	}
ul#topNav li	{
	background: #007C00;
	float: left;
	position: relative;
	width: 15em;
	text-align: center;
	}
ul#topNav li.current a	{
	background: #006704;
	}
ul#topNav li.current a:hover	{
	}
li ul	{
	display: none;
	position: absolute;
	width: 14em;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: .1em 0 1em 0;
	margin-left: 0;
	list-style: none;
	}
li>ul	{
	top: auto;
	left: auto;
	}
li:hover ul, li.over ul	{
	display: block;
	}
#mainContent ul.botNav .current a	{
	background: #006704;
	}
#mainContent .bottomNavContainerAbout	{
	margin-top: 5em;
	}
#content	{
	clear: both;
	float: left;
	width: 90em;
	background: #e6e6e6  url("../assets/contentBotBg.jpg") no-repeat bottom left;
	}
#content h1	{
	color: green;
	margin: 0;
	padding: .5em 0 .2em;
	}
#content h3	{
	margin: 0;
	padding: 0;
	}
#content strong	{
	color: green;
	}
#content p	{
	font-size: 120%;
	margin: 0;
	padding: 0 0 .75em;
	line-height: 1.8em;
	}
#mainContent	{
	float: left;
	margin: 0;
	padding: 2em 4em;
	width: 47em;
	background: url("../assets/topLeftBg.jpg") center 20px no-repeat;
/*	outline: 1px solid red; */
	display: inline;
	}
#content #mainContent img.insetPic	{
	float: left;
	font-size: 100%;
	width: 109px;
	padding: 1em 1.5em 0 0;
	}
#content #mainContent p#sal	{
	padding: 0;
	}
#content #mainContent p#last-paragraph-about	{
	margin-bottom: -1.75em;
	}
#content #mainContent p#last-paragraph-asbestos	{
	padding-bottom: 1.5em;
	}
#content #mainContent p#last-paragraph-mould	{
	margin-bottom: -3.5em;
	}
#content #mainContent p#last-paragraph-lead	{
	margin-bottom: 11em;
	}
#content #mainContent #location	{
	font-size: 100%;
	padding-top: .5em;
	border-top: 1px solid green;
	}
#content #mainContent #location h5	{
	font-size: 120%;
	color: green;
	}
#content #mainContent p#address	{
	padding: 0;
	}
#content #mainContent .botNav	{
	float: left;
	width: 47.5em;
	margin-top: 1em;
	padding: 0;
	list-style: none;
	}
#content #mainContent ul#contractor_services	{
	font-size: 120%;
	list-style-position: inside;
	padding-left: 2em;
	margin-bottom: .6em;
	}
/*
	Rules for the general contracting page thumbs
************************************************************************************
*/
div#contractor_thumbs	{
	width: 48em;
	text-align: center;
	}
.c-thumb_container	{
	width: 7em;
	height: 7em;
	padding: .8em;
	margin: 0 .25em 1em .8em;
	border: 1px solid #666;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #aaa;
	display: block;
	float: left;
	}
.d-thumb_container	{
	width: 6.8em;
	height: 5.1em;
	padding: .8em;
	margin: 1em .25em 3.5em 1em;
	border: 1px solid #666;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #aaa;
	display: block;
	float: left;
	}
.last	{
	margin-bottom: .25em;
	}
#contracting #mainContent #contractor_thumbs img	{
	background-color: #CCC;
	padding: .16em;
	border: 1px solid #999;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	}

#content .botNav li	{
	float: left;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 95%;
	width: auto;
	}
#content .botNav a	{
	float: left;
	width: auto;
	display: block;
	margin: 0;
	padding: .4em 2.4em .5em;
	color: #eee;
	text-decoration: none;
	border-bottom: none;
	background: #007C00;
	}
#content .botNav a:hover	{
	color: #eee;
	background: #00511b url("") repeat-x top left;
	}
#sideContent	{
	float: right;
	width: 23em;
	margin: 0 2em;
	padding: 2em 4em;
	background: url("../assets/topRightBg.jpg") center 20px no-repeat;
/*	outline: solid 1px red; */
	}
#sideContent ul	{
	font-size: 120%;
	list-style-position: inside;
	padding-left: 2em;
	}
#content #sideContent #memberships	{
	background: url("../assets/memberBoxBot.png") no-repeat bottom left;
	margin-top: 1.5em;
	padding: 0;
	}
#content #sideContent #memberships h1	{
	margin: 0;
	padding: .5em 0;
	text-align: center;
	background: url("../assets/memberBoxTop.gif") no-repeat top left;
	}
#content #sideContent #memberships p	{
	display: block;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	line-height: 1.25em;
	padding: 0 0 1em;
	}
#content #sideContent #memberships img	{
	border: none;
	display: block;
	margin: 0 auto;
	padding-bottom: .5em;
	}
#content #sideContent #memberships a	{
	display: block;
	}
#content #sideContent #memberships a:hover	{
	color: blue;
	text-decoration: underline !important;
	}
#content #sideContent #memberships a:visited	{
	color: purple;
	text-decoration: underline !important;
	}
#footer	{
	clear: both;
	text-align: left;
	padding: 1em 0 1em 4.2em ;
	font-size: 80%;
	color: #777;
	background: #e6e6e6;
	}
h3#safety-sub-head	{
	padding-top: .5em;
	}
ol#safety-list	{
	padding: 1em 0 0 2.6em;
	font-size: 110%;
	line-height: 1.5em;
	}
ol#safety-list li	{
	padding: .25em 0 .25em 0;
	}
/* 
	Conatct form styles
	*************************************************************************************
*/
#contact-form	{
	border-top: 1px solid #006704;
	padding: 2em 0 3.5em;
	}
#contact-form label	{
	float: left;
	width: 30%;
	}
#contact-form input.txt	{
	color: #444444;
	background-color: #E8ECD8;
	border: 1px solid #006704;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 26em;
	}
#contact-form textarea.txt	{
	color: #000044;
	background-color: #E8ECD8;
	border: 1px solid #006704;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 26em;
	}
#contact-form fieldset	{
	border: 1px dotted #006704;
	padding: 2em;
	}
#contact-form legend	{
	font-size: 120%;
	color: #006704;
	padding: 0 .5em;
	}