/* Site Attributes
//Colours
Gold			#ba9800
light Gold		#e2d192
Gray			#666666
Cream			#f8f4e5
Red				#9c1e3d

//Font Sizes
1em 	= 12px	
1.1em 	= 13px	
1.2em 	= 14px
1.3em 	= 15px
1.4em 	= 16px
1.5em 	= 17px
*/
/* --- --- Global styles --- --- */ 

*{padding: 0; margin:0; font-family: Verdana, Arial, sans-serif; font-size:1em;}

html , body{height: 100%;font-size:85.25%; background:#ffffff; text-align:left; color:#666666;}

img{ border:0px;}

p {margin-bottom:10px; line-height:1.5em;}
p.black{ color:#000000;line-height:1.2em;}

p.home-pullout-heading {color:#989898;margin-bottom:10px; line-height:1.5em;font-size:1.7em; }
span{line-height:1.5em;}

h1 {font-size:1.4em; color:#2E2A2B; margin-bottom:6px; }
h2 {font-size:1.1em; color:#000000;	margin-bottom:6px; }

h1.main-heading{font-size:2.7em; color:#818084; margin-bottom:6px; }
h1.section-heading{font-size:2.7em; color:#818084; margin-bottom:12px; }

h2.main-heading{font-size:1.1em; color:#BB9901;	margin-bottom:6px; }
h2.strap-line {font-size:2.6em; color:#BB9901;	margin-bottom:6px; }
h2.section-sub-heading{font-size:1.7em; color:#BB9901;	margin-bottom:6px; }

h3 {font-size:1em; margin-bottom:6px; font-weight:bold;}

h3.section-sub-heading{font-size:1.7em; color:#818084; margin-bottom:12px; line-height:1.3em; }

sub{margin:0; padding:0; vertical-align:baseline; font-size:0.75em;   }

a {color:#ba9800;text-decoration:none; }
a:hover {color:#B2334B; text-decoration:underline; }


#copy ol{margin: 0 0 15px 43px; list-style-position:outside; line-height:1.5em; }
#copy ol li{margin: 0 0 0 5px; padding:0 0 0 5px;}	
	
#copy ul{margin: 0 0 15px 10px; line-height:1.5em; list-style:none;}
#copy ul li{background:url(/common/images/bullet-gry.gif) no-repeat 0 5px; padding:0 0 0 22px; }
#copy ul ul li{background:url(/common/images/bullet-gry.gif) no-repeat 0 5px; }
	

#copy .linkList ul{margin: 0 0 15px 0px; line-height:1.5em; list-style:none;}
#copy .linkList ul li{background:url(/common/images/arrow-gold.gif) no-repeat 0 5px; padding:0 0 0 14px; }	
	
#right-tout-column{float:left;}
	
.intro{ color:#000000; font-size:1.2em; font-weight:bold;}
.intro p {line-height:1.3em; color:#666666; margin-bottom:15px;}
.debug{border:1px solid red;}
.skipnav{ display:none; visibility:hidden; position: absolute; left: -1000em; width: 20em;}


/*--- Main Containers --*/
#container{	width: 100%; min-height:100%; position:relative; z-index:0;min-width:1000px; background:#F8F4E5;}
* html #container{height:100%;}


#header{ background:#ffffff; height:77px; width:100%; }

#menubar{ height:30px; background:#ba9800; }
#menubar.newEnergy{ background:url(/common/images/NE/bg-menu.gif) #5B486F repeat-y top left;  }


#main{width:100%; position:relative;}/*  min-height:735px;}
* html #main{height:735px;}*/

/* WEBSITE REFRESH STYLE CHANGE
.mainInner{ background:#ffffff; background-repeat:no-repeat; background-position:390px 0; width:100%; position:absolute; height:735px;}
#mainOver{ width:100%; position:absolute; height:300px; z-index:10000; }*/

.mainInner{ background:#ffffff; background-repeat:no-repeat; background-position:0 0; width:100%; position:absolute; height:735px;}
#mainOver{ width:100%; position:relative; z-index:10000; background:url(/common/images/bg-new.jpg) #FFFFFF no-repeat;}

#mainContent{width:1000px; }


#copy{ margin:0 30px 0 15px; padding: 10px 0;}


#mainLeft{float:left; width:390px;}
#mainLeftLanding{float:left; width:390px; background:url(/common/images/b-menu.gif) #ffffff repeat-y;}
#mainLeftDetail{float:left; width:780px; background:url(/common/images/b-menu.gif) repeat-y; border:1px solid green;}


#mainLeftNav{float:left; width:180px;}
#mainLeftCopyLanding{float:left; width:780px;  padding:0 0 20px 0;}

#mainLeftCopyDetail{float:left; width:600px;  }



#mainRight{float:left;  height:10%;}

#footer{ font-size:0.8em; padding:10px 0 ; background:#f8f4e5; float:left; clear:both; width:100%}
#footer p{ padding:15px; }

#logo{display:block;float:left;}

#utils{font-size:0.95em;padding-top:35px;display:block;float:left; }

#search{font-size:0.95em;	padding:13px 0 0 0;	display:block;	font-weight:bold;float:left;}
#search .dmSearchLabel{color:#ba9800; border-left:1px solid #807F83; padding:0 10px 0 10px;}

#search input.dmSearchButton{ background:url(/common/images/go.gif) #ffffff no-repeat 4px 0px; padding:0 0 0 20px; border:0px; color:#ffffff;}
ul.navImages{padding:0 45px 5px 0; text-align:right;}
ul.navImages li{padding:0; text-align:right;}



.splint{width:1000px; display:block;height:0px; line-height:0px; clear:both; }
#mainOverContainer{width:1000px;}

/* Start landing page tout */

.sectionTout{border-bottom:1px solid #e2d192; margin:0 0 0 15px; padding: 10px 0;} 

.sectionTout p {margin-bottom:5px; }
.sectionTout h2 {color:#9c1e3d; }
.sectionTout ul{list-style:none; }
.sectionTout li{list-style:none; background:url(/common/images/arrow-gold.gif) no-repeat 0 4px;padding:0 0 4px 8px;}
.sectionTout img{margin:10px 0px;}


/* end landing page tout */

/* --- --- Navigation --- --- */
/* --- Top nav --- */

#navTop { position:absolute;clear:both; width:848px; padding: 0 0 0 10px;z-index:1001000;}
#navTop ul li{ padding: 8px 10px 0 0px;	list-style:none; float:left;} 
#navTop ul li a{ display:block;	color:#A0A0A0; text-decoration:none; background:#ba9800;background-repeat:no-repeat;	
	background-position: 0px -25px; height:22px; text-indent:-1000em; width:auto; min-width:10px;}

* html #navTop ul li a{ width:10px;}

#navTop ul li a:hover, #navTop ul li a.selectedTrue, #navTop ul li a.inPath {color:#FFFFFF; background-position: 0px 1px;}


/* --- Top nav dropdown --- */



#navTop li ul{left: -999em; position:absolute; padding:0;}
#navTop li:hover ul, #navTop li.sfhover ul {left:auto; width:140px; background:#ba9800; border-right:1px solid #e2d192; border-left:1px solid #e2d192;}
#navTop li ul li {border:none; float:none;  padding: 0 ;}
#navTop li ul li a, #navTop li ul li a.inPath, #navTop li ul li a.isActive{
	display:block; width:160px; background:#ba9800; border-bottom:1px solid #e2d192; height:auto;
	color:#e2d192; font-weight:normal; padding:3px 0px 3px 10px; text-indent:0em;}
#navTop li ul li a:hover{color:#ffffff; background-image:none;}

#menubar.newEnergy #navTop ul li a {
	background:transparent none no-repeat scroll 11px -25px;
}
#menubar.newEnergy #navTop ul li a:hover, 
#menubar.newEnergy #navTop ul li a.selectedTrue, 
#menubar.newEnergy #navTop ul li a.inPath {color:#FFFFFF; background-position: 11px 1px;}

#menubar.newEnergy #navTop li:hover ul, 
#menubar.newEnergy #navTop li.sfhover ul{ background:#5B4870;border-right:1px solid #ffffff; border-left:1px solid #ffffff; }

#menubar.newEnergy #navTop li ul li a, 
#menubar.newEnergy #navTop li ul li a.inPath, 
#menubar.newEnergy #navTop li ul li a.isActive{ background:#5B4870;color:#ffffff; border-bottom:1px solid #ffffff;}
#menubar.newEnergy #navTop li ul li a:hover{color:#ffffff; background:#4AC3C7;}


/* --- Left nav --- */
#mainLeftNav{ width:180px; float:left; clear:both;  color:#ba9800;}
#mainLeftNav h1{padding:45px 15px 12px 15px; font-size:1em; color:#2E2A2B; margin-bottom:0;}
#mainLeftNav h1 a{color:#2E2A2B;}
#mainLeftNav ul{list-style:none; border-bottom:1px solid #FFFFFF; }
#mainLeftNav li{background:none;}
#mainLeftNav li a{background:none; padding:5px 10px 5px 15px; border-top:1px solid #FFFFFF; display:block;}

#mainLeftNav li a {color:#ba9800; display:block; font-size:1em; } 
#mainLeftNav li a:hover, #mainLeftNav li a.lvl2inPath {background:url(/common/images/arrow-gold-leftnav.gif) no-repeat 10px 11px; color:#B2334B; text-decoration:none;}

#mainLeftNav li a.lvl3 {padding:5px 10px 5px 25px; border:none;} 
#mainLeftNav li a:hover.lvl3, #mainLeftNav li a.lvl3inPath {background:url(/common/images/arrow-gold-leftnav.gif) no-repeat 20px 11px; color:#B2334B; text-decoration:none;}

#mainLeftNav li a.lvl4 {padding:5px 10px 5px 35px; border:none;} 
#mainLeftNav li a:hover.lvl4, #mainLeftNav li a.lvl4inPath {background:url(/common/images/arrow-gold-leftnav.gif) no-repeat 30px 11px; color:#B2334B; text-decoration:none;}

#mainLeftNav li a.lvl5 {padding:5px 10px 5px 45px; border:none;} 
#mainLeftNav li a:hover.lvl5, #mainLeftNav li a.lvl5inPath {background:url(/common/images/arrow-gold-leftnav.gif) no-repeat 40px 11px; color:#B2334B; text-decoration:none;}

/* End second level nav*/

/* --- start breadcrumb --- */

#navCrumb{ font-size:0.9em; padding:10px 0 10px 0;}
#navCrumb div{ display:inline;}
#navCrumb ul{list-style:none; padding-left:11px;}
#navCrumb li {display:inline; background:url(/common/images/arrow-gold.gif) no-repeat 0 4px; padding:0 8px;color:#9c1e3d;}
#navCrumb li a{color:#ba9800;}

/* end breadcrumb*/

.nav li, .nav ul{padding:0;	margin:0;}
.nav li{ list-style:none;display:inline; border-left:1px solid #807F83; padding:0px 10px; white-space:nowrap; }
.nav li.noline{	border-left:0px;} 
.nav li.nospace{padding:0px; margin:0px;} 
.nav li a{text-decoration:none;}
.nav li a.selected, .nav li a:hover{text-decoration:underline; }

#utils .nav{width:290px; display:inline; float:left;  padding-top:2px;}
#utils .navImages{ padding-top:0px; width:auto;}

#footer .nav{ padding:2px 0 0 10px;}
#footer .nav li { list-style:none; display:inline; border-left:1px solid #666666; padding:0px 5px; white-space:nowrap; color:#666666;}
#footer .nav li a { color:#666666; font-size:1.25em; font-family:Arial;}
#footer	.nav li.noline{	border-left:0px;} 

#slideshows { position: relative; width: 100px; height: 100px; }
#slidesows div { position: absolute;  }

table{ background-color:white;} 

.tempBox{ width:550px;float:left; padding:0 0 10px 0; }
.tempImageBox{ width:210px;float:left;}
.tempTextBox{ width:340px;float:left;}


/*Snippets*/

#copy .snippetTabs{float:left; width:99%;}
#copy .snippetTabs div{float:left; width:500px; border: 1px solid #F1EACC;	border-top: 1px solid #ba9800; padding:10px 10px 0 10px;}

#copy .snippetTabs ul{float:left; border: 0px dotted gray; width:98%;list-style:none; background:none; padding:0; margin:0;}
#copy .snippetTabs ul li{float:left;padding:0px; background:none; list-style:none; display: block; white-space:nowrap;}	
#copy .snippetTabs ul li a { padding: 0px 10px 0px 10px; height:auto; width:auto; float:left; line-height:2em; display: block;
	background:url(/common/images/b-tabs-off.gif) #F1EACC  no-repeat top right;	list-style:none;white-space:nowrap;}
#copy .snippetTabs ul li a:hover, #copy .snippetTabs ul li a.selected{
	background:url(/common/images/b-tabs-selected.gif) #ba9800  no-repeat top right; color:#ffffff;text-decoration:none;}
	
	
/*from old site*/

tr.b td, tr.b th, td.b {
border-bottom:1px solid #C5A009;
}

tr.bb td, tr.bb th, td.bb {
border-bottom:2px solid #C5A009;
}

table tr td, table tr th{padding:2px 5px 4px 0px; vertical-align:top;}




.locatonsSelectArea{ background:#eeeeee; color:#000000; padding:10px; margin: 0 0 5px 0; width:100%; float:left;}
.locatonsSelectArea label{ font-weight:bold;}
.locatonsSelectArea select, .locatonsSelect input{ margin: 0 10px 0 0px; font-weight:normal;}
.locatonsSelectArea select.selTypes, .locatonsSelectArea input.selTypes{ margin: 0 10px 0 0px; width:300px; font-weight:normal;}

.locatonsSelectArea input.button{ margin:0 10px 0 0;  background:url(/common/images/arrow-gold.gif) #eeeeee no-repeat 0 5px; padding:0 0 0 5px; border:0px; color:#ba9800; cursor:pointer;}

#copy .tout li.rss{background-image:none; padding:0;}
ul li.rss a{ background:url(/common/images/icon-rss.gif) no-repeat 0 0; padding:0 0 6px 20px; display:block;}

div.inline-image-container{float:left; padding:10px 0 20px 0; width:490px; clear:both;}
div.inline-image-container img{float:left; padding:0 10px 0 0;}
div.inline-image-container div.inline-image-text{float:left; width:75%}
#copy div.inline-image-container div.inline-image-text ul{padding:0; margin:0;}
#copy div.inline-image-container div.inline-image-text ul li{background:url(/common/images/arrow-gold.gif) no-repeat 0 6px; padding:0 0 0 10px; }



#copy div.pnlLayoutThree{background:#ffffff url(/common/images/b-landingPnl-2col.gif) repeat-y; float:left;}
#copy div.pnlLayoutTwo{background:#ffffff url(/common/images/b-landingPnl-2col.gif) repeat-y; float:left;}
#copy div.pnlLayoutOne{background:#ffffff; float:left; width:490px;}

#copy div.tout-column{float:left; width:235px; padding:0 20px 0 0;}
#copy div.tout-column.last{float:left; width:235px; padding:0 0px 0 0;}


#copy div.pnlLayoutOne div.tout-column{float:left; width:490px;}
#copy div.pnlLayoutOne div.tout-column .tout{float:left; width:465px;}

#copy div.pnlLayoutThree div.bottom{border-top:20px solid white;}

#copy div.tout-column div.tout{margin:0 0 10px 0;}

#copy .tout p.release-date, #copy .toutLower p.release-date{padding:0; margin:0; font-size:0.92em;}

/* RIGHT TOUTS*/

#right-tout-column .tout {width:290px; padding:0; margin:0 0 15px 0; position:relative;}
#right-tout-column .tout a{padding:10px 12px 10px 10px;display:block; min-height:110px;}
* html #right-tout-column .tout a{height:110px;}

#right-tout-column .tout.tall a{min-height:145px;}
* html #right-tout-column .tout.tall a{height:145px;}


#right-tout-column .tout a:hover{ padding:10px 12px 10px 10px; display:block; text-decoration:none;}


#right-tout-column .tout.blue-grey a:hover,
#right-tout-column .tout.blue-white a:hover{background:#5e9ed9 !important; }
#right-tout-column .tout.red-grey a:hover,
#right-tout-column .tout.red-white a:hover{background:#71313a !important; }
#right-tout-column .tout.grey-grey a:hover,
#right-tout-column .tout.grey-white a:hover{background:#84766e !important; }



#right-tout-column .tout a h3{ font-size:1.67em; font-family:Arial; margin:0; color:#FFFFFF;}
#right-tout-column .tout.blue-grey a h3,
#right-tout-column .tout.grey-grey a h3,
#right-tout-column .tout.red-grey  a h3{ color:#807F83;}
#right-tout-column .tout.blue-white a h3,
#right-tout-column .tout.red-white a h3,
#right-tout-column .tout.grey-white a h3{ color:#FFFFFF;}
#right-tout-column .tout a:hover h3{color:#FFFFFF;}

#right-tout-column .tout a h4{ font-size:1.40em;font-weight:normal; color:#FFFFFF; margin:0; padding: 2px 0 5px 0; display:block;}
#right-tout-column .tout.blue-grey a h4,
#right-tout-column .tout.grey-grey a h4,
#right-tout-column .tout.red-grey  a h4{ color:#807F83;}
#right-tout-column .tout a:hover h4{display:none;}
#right-tout-column .tout.tall a:hover h4{display:block;color:#FFFFFF;}



#right-tout-column .tout a p{ font-size:1.1em; font-weight:normal; color:#FFFFFF; line-height:1.1em; display:none; margin-top:2px;}
#right-tout-column .tout a ul{ list-style:none; position:absolute; bottom:10px;}
#right-tout-column .tout a ul li{ background:url(/common/images/arrow-tout-white.gif) 0 0 no-repeat;padding:0; display:block; width:25px; height:22px ; cursor:pointer;}


#right-tout-column .tout.blue-grey a ul li,
#right-tout-column .tout.grey-grey a ul li,
#right-tout-column .tout.red-grey a ul li{ background-image:url(/common/images/arrow-tout-grey.gif)!IMPORTANT}





#right-tout-column .tout a:hover p{display:block;}
#right-tout-column .tout a:hover ul li{ background:url(/common/images/arrow-tout-white.gif) 0 0 no-repeat!IMPORTANT; }


/* normal/text touts*/


#right-tout-column .textTout {margin:0 0 15px 10px;padding:0; clear:both; width:235px;}
#right-tout-column .textTout h3 {color:#9c1e3d; font-size:1.2em; font-weight:bold;}
#right-tout-column .textTout ul{margin: 0 0 15px 0px; line-height:1.5em; list-style:none;}
#right-tout-column .textTout ul li{background:url(/common/images/arrow-gold.gif) no-repeat 0 5px; padding:0 0 0 14px; }	


/* Services Flash Feature*/

#services-feature-container
{
	float:left;
	background:#EEEEEE;
	padding-bottom:0px;
	min-height:360px;
	width:490px;
	position:relative;
}
* html #services-feature-container
{
	height:360px;
}

#services-flash
{
 position:absolute;
	margin:0;
	top:-17px;
	left:-17px;
}
#ajaxServices
{
	float:right;
	background:#EEEEEE;
	width:220px;
	padding:8px 15px 20px 0;
}

#ajaxServicesIntroText
{
	width:185px;
}

#ajaxServicesHeading
{
	min-height:45px;
}

h2.services-heading
{
	padding:0 0 0 28px;
}

h2.services-heading.design
{
	/*background:url(/common/images/icon-design.gif) 96px 6px no-repeat; padding:0;*/
	background:url(/common/images/icon-design.gif) left 6px no-repeat; padding:0 0 0 28px;
}

h2.services-heading.build
{
	/*background:url(/common/images/icon-build.gif) 72px 6px no-repeat; padding:0;*/
	background:url(/common/images/icon-build.gif) left 6px no-repeat; padding:0 0 0 28px;
}

h2.services-heading.manage
{
	/*background:url(/common/images/icon-manage.gif) 110px 6px no-repeat; padding:0;*/
	background:url(/common/images/icon-manage.gif) left 6px no-repeat; padding:0 0 0 28px;
}

h2.services-heading.maintain
{
	/*background:url(/common/images/icon-maintain.gif) 117px 7px no-repeat; padding:0;*/
	background:url(/common/images/icon-maintain.gif) left 6px no-repeat; padding:0 0 0 28px;
}

h2.services-heading.operate
{
	/*background:url(/common/images/icon-operate.gif) 111px 7px no-repeat; padding:0;*/
	background:url(/common/images/icon-operate.gif) left 6px no-repeat; padding:0 0 0 28px;
}

h2.services-heading.train
{
	/*background:url(/common/images/icon-train.gif) 69px 7px no-repeat; padding:0;*/
	background:url(/common/images/icon-train.gif) left 6px no-repeat; padding:0 0 0 28px;
}

h2.services-heading.enhance
{
	/*background:url(/common/images/icon-enhance.gif) 120px 7px no-repeat; padding:0;*/
	background:url(/common/images/icon-enhance.gif) left 6px no-repeat; padding:0 0 0 28px;
}

h2.services-heading.develop
{
	/*background:url(/common/images/icon-develop.gif) 135px 7px no-repeat; padding:0;*/
	background:url(/common/images/icon-develop.gif) left 6px no-repeat; padding:0 0 0 28px;
	width:160px;
}

#ajaxServices p.heading-intro
{
	font-weight:bold;
}

#ajaxServicesParaText
{
	padding:0 0 10px 28px;
}

#ajaxServices ul{padding:0 0 4px 0; margin:0;}
#ajaxServices ul li{background:url(/common/images/arrow-gold.gif) no-repeat 0 5px; padding:0 0 0 14px; margin:0 0 0 25px;}

/*consulting list*/
div#consulting-list
{
	margin: 0; padding: 30px 0 0 0; width: 100%; height: 100%; border: none;
}

ul#consulting-list-blue, ul#consulting-list-gray
{
	margin: 0; padding: 0; width: 235px; height: 100%; border: none; float: left; list-style: none;
}

ul#consulting-list-gray
{
	margin: 0 0 0 20px;
}

ul#consulting-list-blue li, ul#consulting-list-gray li
{
	margin: 0; padding: 0; text-align: center; border-top: 1px solid #ffffff; background-color: #ffffff; font-weight: bold;
}

ul#consulting-list-blue li a, ul#consulting-list-gray li a
{
	display: block; color: #58595b; font-weight: bold;
}

ul#consulting-list-blue li a
{
	background-color: #d0e2f4; vertical-align: middle; padding: 10px 20px; text-align: center; height: 30px;
}

ul#consulting-list-blue li a:hover
{
	background-color: #6caedf;  color: #ffffff; text-decoration: none;
}

ul#consulting-list-gray li a
{
	background-color: #d1d2d4; vertical-align: middle; padding: 10px 20px; text-align: center; height: 40px;
}

ul#consulting-list-gray li a:hover
{
	background-color: #818285;  color: #ffffff; text-decoration: none;
}

ul#consulting-list-blue li.heading a, ul#consulting-list-gray li.heading a
{
	padding: 0 0 10px 0; background-color: #ffffff; font-size: 1.2em; height: 20px;
}

ul#consulting-list-blue li.heading a:hover, ul#consulting-list-gray li.heading a:hover
{
	color: #58595b; text-decoration: none;
}

/*end consulting list*/