body {margin: 0; padding: 0; background: #1f1f1f; color: #444444;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 11px; line-height: 17px; font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;}
a {color: #4292dd; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0;}
a:active, a:focus { outline-style: none; -moz-outline-style:none; }
form { margin: 0; padding: 0;}
p {margin: 10px 0 10px 0; padding: 0;}

hr {
	background:none;
	border: none;
	border-bottom: 1px solid #ccc;
	height: 1px;
}

.clear {clear: both; display: block;}

#main {width: 1000px; margin: 0 auto; background: #fff;}

#top {width: 1000px; height: 121px; background: url(/_images/backgrounds/header.jpg) no-repeat; position: relative;}
.mainlogo {position: absolute; left: 0; top:0;}
#topnav {background: url(/_images/backgrounds/topnav.gif) repeat-x; height: 43px; width: 1000px;z-index: 999;}
#topnav ul {margin: 0; padding: 0;}
#topnav ul li {list-style-type: none; float: left;position: relative; height: 43px;}
#topnav ul li ul li {float: none; height: auto; }
#topnav ul li ul {background: url(/_images/backgrounds/droptop.jpg) top repeat-x #eee; width: 240px; position: absolute;padding-top: 3px; display: none; left: 0;}
#topnav ul li:hover ul {top:43px;display: block;}
#topnav ul li ul a {color: #505153; display: block; height: 20px; line-height: 20px; padding-left: 10px; white-space: nowrap;}
#topnav ul li ul a:hover {text-decoration: none; background: #f9f9f8; }
.navheader {background: #dedede;}


#footer {background: #00a7e9; padding: 10px; color: #fff;}
#footer a { color: #fff;}
.footerlinks {width: 332px; float: left;}
.footercredit {float: right; text-align: right; width: 100px;}

#grouplink {width: 1000px; margin: 14px auto 15px auto; text-align: right;}

#homeflash {height: 297px; width: 1000px; background: url(/_images/backgrounds/bkg_grad.jpg) repeat-x; color: #fff;}
.nonflash {float: left;}
.nonflashintro {padding: 0px 30px 30px 30px; float: left; color: #fff; width: 408px;}
.nonflashheading {padding: 30px 30px 0px 30px;}
#content {padding: 10px;}
#content ul {margin: 0; padding: 0px;}
#content ul li {background: url(/_images/backgrounds/bullet.gif) no-repeat 0 6px; list-style-type: none; padding-left: 13px;}

.fl {float: left;}

#homeservices, #homesolutions {border: 1px solid #d8d8d8; padding: 16px 13px; background: url(/_images/backgrounds/homepanel.jpg) repeat-x bottom; width: 224px; float: left;}

#homeservices h2, #homesolutions h2, #alsofrom h2, #callback h2 {position: absolute; left: -653em;}
#homeservices li {float: left;}
#homeservices li a, #homesolutions li a {font-size: 0.9em;}
#homeservices li.left, #homesolutions li.left {width: 110px;}
#homeservices { margin-right: 10px;}
#alsofrom {padding: 16px 16px 0 16px; width: 225px; float: left;}
.podbutton {clear: left; margin: 10px 0 0 -5px; float:left;}
.podbuttonservices {clear: left; margin: 10px 0 0 -5px; float:left;}


#callback {padding: 16px; width: 176px; background: #f6f6f6;}
#callback .textfield {border: 1px solid #e3e3e3; width: 103px; float: left; height: auto;}
#callback label {width: 65px; float: left; clear: left; margin-bottom: 4px;}

#homenews {background: url(/_images/backgrounds/newsstrip.gif) no-repeat; width: 980px; height: 26px; margin-bottom: 10px;line-height: 26px;}
#content #news li {list-style-image:none; list-style-type: none; margin: 0; padding: 0; background: none;}
#content  #news {margin-left: 115px;}
#content.internal {padding-top: 0; background: url(/_images/backgrounds/textlines.gif) repeat-y 244px; margin-bottom: 20px;}


.contactinfo {position: absolute;top:0; right: 0;}
#sizechanger {position: absolute; right: 0; top:76px; right: 25px;}


#homeservices, #homesolutions, #callback {height: 17em;}

#content #leftnav {text-align: right;width: 221px; background: #00a7e9 url(/_images/backgrounds/leftnavtop.gif) top right no-repeat; margin: 0 0 0 14px; padding: 20px 0 30px 0; line-height: 1.8em; border-bottom: 20px solid #fff; float: left; _margin-left: 7px;}
#content #leftnav li {background: none;}
#content #leftnav li a {color: #fff; padding-right: 11px; margin-right: 11px;}
#content #leftnav li a.selected {color: #ffffff; background: url(/_images/backgrounds/selected.gif) no-repeat right;}
#content #leftnav li.sublink a {color: #a5f79d;}
#content #leftnav li.sublink a.selected {color: #a5f79d;}

#text {width: 470px; float: left; margin: 12px 20px 20px 30px;}
#text h1 {text-transform: uppercase; font-weight: normal; font-size: 1.4em;}
#text h2 {text-transform: uppercase; font-weight: normal; font-size: 1.2em; color: #666;}
#text a {text-decoration: underline;}

#right {border-top: 10px solid #fff; float: right;}
#right #callback {border-bottom: 15px solid #fff;}



#pod_sectors, #pod_solutions, #pod_careers {height: 86px; float: left; margin-top: 10px; position: relative; color: #444444;}
#pod_sectors span, #pod_solutions span, #pod_careers span { position: absolute; width: 185px; top:37px;}

#pod_sectors span {left: 90px; width: 202px;}
#pod_solutions span {left: 68px;}
#pod_careers span {left: 79px;}


#pod_sectors {background: url(/_images/backgrounds/sectors.gif) no-repeat; width: 335px; }
#pod_solutions {background: url(/_images/backgrounds/ecocalc.gif) no-repeat; width: 312px; }
#pod_careers {background: url(/_images/backgrounds/careers.gif) no-repeat; width: 329px;}

#pod_sectors:hover {background: url(/_images/backgrounds/sectors_on.gif) no-repeat; text-decoration: none;}
#pod_solutions:hover {background: url(/_images/backgrounds/ecocalc_on.gif) no-repeat;text-decoration: none;}
#pod_careers:hover {background: url(/_images/backgrounds/careers_on.gif) no-repeat;text-decoration: none;}


table td {border-bottom: 1px solid #dedede; padding: 5px 5px 5px 10px;}
table th {background: url(/_images/backgrounds/th.gif) repeat-x;font-weight: normal; height: 40px;}


.person {float: left; margin-top: 10px;}
.teammember {clear: left; border-top: 1px solid #dedede; margin-top: 5px;}
.teamdesc {float: left; width: 365px;margin-left: 20px;}

#contactleft, #numbersleft {float: left; width: 268px;}
#contactright, #numbersright {float: left; width: 200px;}

.diagram {float: right; margin: 0 0 0 20px;}

.textarea {width: 468px; border: 1px solid #ddd; overflow: auto; margin: 0; padding: 0;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 11px; line-height: 17px; font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;}
.textfield, .dropdown { width:180px; float: right;}

.textfield {border: 1px solid #ddd; height: 18px;}
#content #social {margin: 0; padding: 15px 0 0 65px;}
#content #social li {background: none; float: left; margin: 0; padding: 0;}

.application p { line-height: 22px;}
.application .dropdown {margin-bottom: 3px; clear: right;}
.application .textfield {margin-bottom: 3px;}
.application label { float: left; clear: left; margin-top: 4px;}

.required {color: #cc0000;}
.form .textarea {width: 180px; overflow: auto; float: right; margin-bottom: 5px;}
.largetextarea {width: 400px; overflow: auto; margin-bottom: 5px;border: 1px solid #ddd; height: 100px;}
.form .select {float: right; width: 180px; margin-bottom: 5px;}
.form p, .form label {clear: left; clear: right;}
.form p {margin-top: 5px;}


/* Calculator styles*/


#cal, 
#results,
#cal2, 
#results2 {
	background:	#e9e9e9;
	margin-top: 15px;
}
#results,
#results2{
	background: #d7e8d3;
}
.calculators h2 {
	background:	#a4a4a4;
	text-transform: uppercase; 
	font-weight: normal; 
	font-size: 1.2em; 
	color: #fff !important;
	padding: 14px 21px;	
}
#results h2,
#results2 h2 {
	background:	#007f33;	
}
#cal div,
#results div {
	padding: 0 19px 19px;
	color: #474747;
	font-size: 1.1em;
}
.calculators table {
	width: 100%;
	border-collapse: collapse;
}
.calculators td, .calculators th {
	padding: 10px 6px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}
.calculators th {
	background: none;
	border: none;
	padding-bottom: 0;
}
.calculators input {
	border: 1px solid #8a8a8a;
	width: 70px;
	padding: 1px 4px 2px;
}

.calculators strong {
	font-size: 1.2em;
	font-weight: normal;
}

.calculators table strong {
	width: 78px;
	display: block;
}
#cal p,
#results p {
	width: 210px;
	padding-left: 6px;
	float: left;
}
#results p { 
	width: 400px;
	height: 40px;
}
#cal p input {
	width: 100px;
}
#results dl {
	clear: both;
	background:	#007f33;
	color: #fff;
	margin: 0;
	padding: 14px 21px;
	list-style: none;
	display: block;
	height: 15px;
}
#results dt,
#results dd {
	display: inline;
	width: 130px;
}
#results dt {
	font-size: 1.2em;
}
.calculators button {
	border: 1px solid #ddd;
	color: #444;
	background: #fff;
	font: 1em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 10px;
	padding: 4px 8px;
	float: right;
}
.calculators button:hover {
	border: 1px solid #666;
}


#cal2 div,
#results2 div {
	padding: 0 0 19px 19px;
	color: #474747;
	font-size: 1.1em;
	float: left;
	width: 200px;
}
#cal2 input,
#results2 input {
	width: 187px;
	display: block;
}
#cal2 strong,
#results2 strong {
	display: block;
	height: 20px;
}


.intropage {
	margin: 0;
	padding: 0;
}
.intropage li {
	margin: 0 0 10px !important;
	padding: 0 0 10px !important;
	clear: left;
	background: none !important;
	border-bottom: 1px dotted #c5c7c9;	
}

.intropage a:hover  {
	color: #707070;
}
.intropage span {
	float: right;
	color: #acacac;
}

.intropage p  {
	margin: 10px 0 0;
	min-height: 45px;
}

