/*

	Energate - Main Stylesheet
	Created by Industrial Media/Phil Champagne
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
body {
	background: #ffffff;
	margin: 0 auto 15px auto;
	font-family: arial, verdana, sans-serif;
	color: #666666;
	font-size: 13px;
}

table tr td {
	color: #666666;
	font-size: 13px;
}

/* = Layout (Homepage)
---------------------------------------------------------------------------------------------------- */
/*#home-content {
	background: url('../images/wrapper/homepage-main-img-bg.jpg') 1px 0 no-repeat;
	margin: 0 auto 0 auto;
}*/

#home-content {
	margin: 0 auto 0 auto;
	border-top: solid 1px #cccccc;
}

/*#home-content #home-text-content {
	width: 280px;
	padding: 33px 0 0 0;
	margin: 0 0 0 570px;
	_height: 265px;
	min-height: 265px;
}*/

#home-content #home-text-content {
	width: 898px;
	height: 301px;
}

#home-content #home-text-content p {
	margin-bottom: 0;
}

#home-content #home-text-content a {
	text-decoration: none;
}

#home-content #home-text-content a:hover {
	text-decoration: underline;
}

#home-content h1 {
	font-size: 20px;
	color: #666666;
	margin: 0 0 3px 0;
	font-weight: normal;
}

#home-content h2 {
	font-size: 17px;
	color: #d58505;
	margin: 0;
}

#home-content table tr td {
	line-height: 16px;
}

#home-content table tr td a {
	text-decoration: none;
}

#home-content table tr td a:hover {
	text-decoration: underline;
}

#home-content .date {
	color: #d58505;
}

/* = Navigation (Homepage)
---------------------------------------------------------------------------------------------------- */
#home-nav {
	margin: 0 0 0 1px;
}

/* = Global Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	position: relative;
	width: 900px;
	margin: 10px auto 15px auto;
	padding: 0;
}

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

#branding {
	height: 85px;
}

#branding #wm-logo {
	padding: 20px 0 0 342px;
}

#content-border-bg {
	background: url('../images/wrapper/content-border-bg.gif') repeat-y;
	width: 900px;
}

#content-container {
	background: url('../images/wrapper/content-bg.jpg') repeat-x;
	width: 898px;
	margin: 0 auto 0 auto;
}

#content {
	float: left;
	
	width: 420px;
}

#content-full {
	float: left;
	text-align: left;
	width: 640px;
}

#text-content {
	padding: 48px 10px 10px 10px;
}

#text-content p {
	line-height: 20px;
}

#text-content p span {
	color: #d58505;
	font-weight: bold;
}

#text-content .green-txt {
	color: #99cc00;
	font-weight: bold;
}

/* =Navigation
---------------------------------------------------------------------------------------------------- */
#main-nav {
	background: 0;
	margin: 0;
	padding: 0;
}

#left-nav {
	float: left;
	background: url('../images/wrapper/left-nav-main-img-blank-bg.jpg') 0 1px no-repeat;
	width: 240px;
}

#left-nav-items {
	text-align: right;
	padding: 114px 20px 0 0;
	_height: 300px;
	min-height: 300px;
}

#left-nav-items a {
	display: block;
	font-size: 20px;
	color: #99cc00;
	text-decoration: none;
	margin: 0 0 8px 0;
}

#left-nav-items a:hover {
	font-size: 20px;
	color: #d58505;
	margin: 0 0 8px 0;
}

#left-nav-items a.on {
	font-size: 20px;
	color: #d58505;
	margin: 0 0 8px 0;
}

#sub-nav {
	text-align: right;
	padding: 3px 0 8px 3px;
}

#sub-nav a {
	font-size: 12px;
	color: #666666;
}

#sub-nav a:hover {
	font-size: 12px;
	color: #d58505;
	text-decoration: underline;
}

#sub-nav a.on {
	font-size: 12px;
	color: #d58505;
	text-decoration: underline;
}

/* =Left nav 'How We Work' section
---------------------------------------------------------------------------------------------------- */
/* Utilities */
#left-nav-how-utilities {
	float: left;
	background: url('../images/wrapper/left-nav-main-img-util-bg.jpg') 0 1px no-repeat;
	width: 240px;
}
/* AMI */
#left-nav-how-ami {
	float: left;
	background: url('../images/wrapper/left-nav-main-img-ami-bg.jpg') 0 1px no-repeat;
	width: 240px;
}

/* Service Companies */
#left-nav-how-service-companies {
	float: left;
	background: url('../images/wrapper/left-nav-main-img-serv-bg.jpg') 0 1px no-repeat;
	width: 240px;
}

/* HVAC */
#left-nav-how-hvac {
	float: left;
	background: url('../images/wrapper/left-nav-main-img-hvac-bg.jpg') 0 1px no-repeat;
	width: 240px;
}

/* Home Automation */
#left-nav-how-home-automation {
	float: left;
	background: url('../images/wrapper/left-nav-main-img-homeaut-bg.jpg') 0 1px no-repeat;
	width: 240px;
}

/* Consumers */
#left-nav-how-consumers {
	float: left;
	background: url('../images/wrapper/left-nav-main-img-cons-bg.jpg') 0 1px no-repeat;
	width: 240px;
}

#left-nav-items-how {
	text-align: right;
	padding: 220px 20px 0 0;
}

#left-nav-items-how a {
	display: block;
	font-size: 20px;
	color: #99cc00;
	text-decoration: none;
	margin: 0 0 8px 0;
}

#left-nav-items-how a:hover {
	font-size: 20px;
	color: #d58505;
	margin: 0 0 8px 0;
}

#left-nav-items-how a.on {
	font-size: 20px;
	color: #d58505;
	margin: 0 0 8px 0;
}


/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	font-size: 11px;
	color: #666666;
	padding: 7px 0 0 10px;
}

#breadcrumb span {
	color: #99cc00;
}

#breadcrumb a {
	font-size: 11px;
	color: #d58505;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
	color: #99cc00;
}

a:hover {
	outline: none;
	color: #d58505;
}	

a:visited {
	outline: none;
	/* color: #c1c1c1; */
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
p {
	line-height: 20px;
	color: #666666;
	margin: 15px 0 15px 0;
}

p.red {
	line-height: 20px;
	color: #ff0000;
	margin: 15px 0 15px 0;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #666666;
	margin: 12px 0 0 0;
}

h2 {
	font-size: 17px;
	font-weight: normal;
	color: #d58505;
	margin: 15px 0 -12px 0;
	font-family:arial,verdana,sans-serif;
}

h2.left-nav {
	font-size: 14px;
	color: #d58505;
	margin: 0 0 5px 0;
	font-weight: bold;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
ul {
	list-style: square;
	margin: 0 0 0 16px;
	padding: 0 0 0 16px;
}

ul li {
	padding: 3px 0 3px 0;
}

/* =Sidebar
---------------------------------------------------------------------------------------------------- */
#sidebar {
	float: left;
	width: 238px;	
	font-size: 11px;
}

#sidebar #sidebar-items {
	padding: 46px 6px 0 20px;
}

#sidebar #sidebar-items p {
	font-size: 11px;
	margin: 0 0 12px 0;
	line-height: 16px;
}

#sidebar #sidebar-items a {
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
}

#sidebar #sidebar-items a:hover {
	font-size: 11px;
	line-height: 16px;
	color: #d58505;
	text-decoration: underline;
	font-weight: bold;
}

#sidebar #sidebar-items h2 {
	font-size: 20px;
	color: #666666;
	margin: 0;
	font-weight: normal;
}

#sidebar #sidebar-items .caption {
	margin: 10px 0 0 0;
	color: #d58505;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	font-size: 10px;
	padding: 7px 0 0 30px;
}

#footer a {
	font-size: 10px;
	color: #666666;
}
/* =Misc: Customer Portal
---------------------------------------------------------------------------------------------------- */

div.logout {
	display: block;
	float: right;
	text-align: right;
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 10px;
	padding-left: 10px;
}

#docs ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 16px;
	}
	
#docs ul li {
	list-style: none;
	margin-bottom: 0.25em;
	}

#docs ul li.pdf, #docs ul li.ppt, #docs ul li.zip, #docs ul li.doc, #docs ul li.exe, #docs ul li.installer, #docs ul li.msi, #docs ul li.xls, #docs ul li.generic, #docs ul li.gif, #docs ul li.png, #docs ul li.jpg {
	_height: 32px;
	list-style: none;
	margin: 0 0 1em -16px;
	min-height: 32px;
	padding: 0 0 0 42px;
	}
	
#docs ul li.pdf {
	background: url('../images/portal/icon-pdf.gif') 0 0 no-repeat;
	}
	
#docs ul li.ppt {
	background: url('../images/portal/icon-ppt.gif') 0 0 no-repeat;
	}
	
#docs ul li.zip {
	background: url('../images/portal/icon-zip.gif') 0 0 no-repeat;
	}
	
#docs ul li.doc {
	background: url('../images/portal/icon-doc.gif') 0 0 no-repeat;
	}
	
#docs ul li.xls {
	background: url('../images/portal/icon-xls.gif') 0 0 no-repeat;
	}
	
#docs ul li.exe, #docs ul li.installer, #docs ul li.msi {
	background: url('../images/portal/icon-installer.gif') 0 0 no-repeat;
	}
	
#docs ul li.generic, #docs ul li.gif, #docs ul li.jpg, #docs ul li.png {
	background: url('../images/portal/icon-generic.gif') 0 0 no-repeat;
	}
	
#docs ul li.pdf a, #docs ul li.ppt a, #docs ul li.zip a, #docs ul li.doc a, #docs ul li.exe a, #docs ul li.installer a, #docs ul li.msi a, #docs ul li.xls a, #docs ul li.generic a {
	display: inline;
	text-decoration: underline;
	}
/* =Forms
---------------------------------------------------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input.field {
	background: #dfdfdf;
	border: 1px solid #000000;	
}

#form1 {
	border: 1px solid #666666;
	padding: 8px;
}

/* =CSS Menus
---------------------------------------------------------------------------------------------------- */
.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; white-space:nowrap;}
.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; white-space:nowrap;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden; position:absolute;}

/* =Dropdowns
---------------------------------------------------------------------------------------------------- */   
/* (MAIN) Container */	
#qm0 {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (MAIN) Items */	
#qm0 a {	
	outline: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (MAIN) Hover State */	
#qm0 a:hover {	
	outline: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

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

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	background: 0;
	border: 0;
	margin: 0;
	padding: 0;
}

/* (SUB) Container */	
#qm0 div {	
	padding: 0;
	margin: 0;
	background: #f2f2f2;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

/* (SUB) Items */	
#qm0 div a {	
	padding: 4px 5px 4px 10px;
	color: #d58505;
	font-size: 11px;
	border-bottom: 1px solid #999999;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #99cc00;
	color: #ffffff;
	padding: 4px 5px 4px 10px;
	border-bottom: 1px solid #999999;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

/* (SUB) Active State */	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #99cc00;
	color: #ffffff;
	padding: 4px 5px 4px 10px;
	border-bottom: 1px solid #999999;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}
/*-------------------------SURVEY PAGE STYLING-------------------------------------------*/
#survey-content{
	border-top:1px solid #CCCCCC;
	padding: 0 1px 20px;
	margin:0;
	background:url(../images/wrapper/content-border-bg.gif) repeat-y;
}
#content-bg{
	background:url(../images/wrapper/content-bg.jpg) repeat-x 0 -150px;
}
#surveyText{
	padding:0 60px;
}
#takeSurveyLink{
	color:#5496bb;
	text-decoration:none;
	font-size:18px;
}
#takeSurveyLink:hover{
	color:#5476bb;

}
#greenArrow{
/*	background:url(../images/wrapper/greenarrow.png) no-repeat;
*/	height:119px;
	width:38px;
	position:absolute;
	top:270px;	
	left:0;
}
#orangeArrow{
/*	background:url(../images/wrapper/orangearrow.png) no-repeat;
*/	height:119px;
	width:38px;
	position:absolute;
	right:0;
	top:450px;
}
#contactContainer{
	left:-130px;
	position:relative;
}
.validation{
	color:red;
}
#contactUsContainer{
	left:-130px;
	position:relative;
	top:-50px;
}
#contactForm p{
	margin:0;
}