body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:18px; font-size:12px;}

#container{ width:957px; text-align:left;}

h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; color:#343333;}
h2{ font-size:22px; color:#575757; padding:0px; margin:0px 0px 12px 0px;}
h3{ color:#00649a; font-weight:normal; font-size:12px; margin:0px; padding:0px 0px 8px 0px;}
h4{ color:#343333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:0px 0px 15px 0px; padding:0px;}
h5{ color:#06396d; font-size:16px; padding:0px; margin:0px 0px 10px 0px;}
h6{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0px 0px 15px 0px; padding:0px; font-size:20px;}
a{ color:#d05408;}
a:hover{ text-decoration:none;}

.awardsHeading{ font-size:14px; color:#575757; padding:0px; margin:0px 0px 12px 0px; font-weight:bold;}
#header{ padding:20px 0px 25px 0px;}
#logo{ float:left;}
#phone{ float:right; color:#00649a; font-size:24px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(../images/phone_icon.png); background-repeat:no-repeat; background-position:left center; padding:0px 0px 0px 35px; height:22px; margin:10px 0px 0px 0px;}

.callme{ position:relative; float:right; margin:-10px 0px 0px 0px;}
.callme a{ color:#00649a; font-size:11px; text-decoration:underline;}
.callme a:hover{ text-decoration:none; color:#ce5105;}

#navigation ul{ margin:0px; padding:0px;}
#navigation ul li{ float:left; list-style-type:none; margin:0px 12px 0px 0px;}

#subnavigation{ background-image:url(../images/nav_bg.png); width:952px; height:32px; margin:12px 0px 0px 0px; background-repeat:no-repeat; padding:0px 0px 0px 5px;}
#subnavigation ul{ margin:0px; padding:0px;}
#subnavigation ul li{ float:left; list-style-type:none;}
#subnavigation ul li a{ color:#343333; text-decoration:none; display:block; margin:6px 15px 0px 15px; font-weight:bold;}
#subnavigation ul li a:hover{ color:#d3580d;}
.selected{color:#d3580d !important;}

.about{ background-image:url(../images/about_bg.png); width:143px; height:30px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:8px 0px 0px 0px; background-repeat:no-repeat;}
.about:hover{ background-image:url(../images/about_bg_over.png);}

.energyp{ background-image:url(../images/energyp_bg.png); width:213px; height:30px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:8px 0px 0px 0px;  background-repeat:no-repeat; }
.energyp:hover{ background-image:url(../images/energyp_bg_over.png);}

.energym{background-image:url(../images/energym_bg.png); width:213px; height:30px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:8px 0px 0px 0px;  background-repeat:no-repeat;}
.energym:hover{ background-image:url(../images/energym_bg_over.png);}

.contact{ background-image:url(../images/contact_bg.png); width:141px; height:30px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:8px 0px 0px 0px;  background-repeat:no-repeat;}
.contact:hover{ background-image:url(../images/contact_bg_over.png);}

#banner{ margin:8px 0px 0px 0px;}
#historyBanner{ margin:8px 0px 16px 0px; width:956px; height:191px; background-image:url(../images/history.jpg); background-repeat:no-repeat;}
#historyBanner h1{ padding:159px 0px 0px 20px; color:#fff; font-weight:normal; font-size:22px;}

#breadcrumb{ margin:5px 5px 5px 8px; color:#6b6b6b;}
#breadcrumb a{ color:#367bc3; text-decoration:none}
#breadcrumb a:hover{ text-decoration:underline;}

#bodyArea{ margin:15px 0px 0px 0px;}
#bodyAreaInner{margin:15px 10px 0px 10px;}
#bodyAreaInner1{margin:20px 0px 0px 0px;}

#homeLeft{ float:left; width:320px;}
#homeRight{ margin:0px 0px 0px 344px;}

#address{ margin:10px 0px 0px 0px;}
.heading{ font-size:18px; color:#00649a; margin:0px 0px 5px 0px;}
.blue{ color:#00649a;}


.leftImage{ width:188px; float:left;}
.rightImage{ width:168px; float:right; padding:0px 0px 0px 20px;}
.leftSide{ padding:0px 20px 0px 0px; float:left; width:260px;}

.divider{ width:3px; float:left;}
#content{ width:423px; float:left; padding:0px 20px 0px 20px;}
#contentOneColumn{ width:630px; float:left; padding:0px 20px 0px 0px;}
#contentOneColumn2{ width:670px; float:left; padding:0px 20px 0px 0px;}
#contentOneColumn1{ width:620px; float:left; padding:0px 20px 0px 0px;}
#contentColumnRight{ width:675px; float:left; padding:0px 20px 0px 20px;}
.events{width:219px; float:left;}
.newsdivider{ background-image:url(../images/news_divider.png); height:11px; background-repeat:repeat-x;}

.pic{ margin:4px 10px 10px 0px; border:#b0bbc3 double}
.rightSide{ padding:0px 0px 0px 20px; float:left; width:260px;}
.rightSide2{ padding:0px 0px 0px 15px; float:left; width:235px; line-height:22px;}
.rightSide1{ padding:0px 0px 0px 0px; float:left; width:300px;}
.phone{ background-image:url(../images/phone.png); height:14px; background-repeat:no-repeat; background-position:left center; padding:0px 0px 5px 23px;}
.listing{ margin:0px; padding:0px;} 
.listing li{ background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:left top; list-style-type:none; padding:0px 0px 0px 23px; margin:0px 0px 5px 0px;}

.cross{ margin:0px; padding:0px;} 
.cross li{ background-image:url(../images/cross.png); background-repeat:no-repeat; background-position:left top; list-style-type:none; padding:0px 0px 0px 23px; margin:0px 0px 5px 0px;}

.states{ margin:0px; padding:0px;} 
.states li{ background-image:url(../images/arrow_orange.png); background-repeat:no-repeat; background-position:left center; list-style-type:none; padding:0px 0px 0px 15px; margin:0px 0px 10px 0px; float:left; width:140px;}
.states li a{ color:#014c75; text-decoration:none;}
.states li a:hover{ color:#de671e;}

.spacer{ height:10px;}

.header{ background-image:url(../images/header.png); width:600px; height:30px; font-size:16px; color:#fff; padding:8px 0px 0px 13px;}

#power{ width:136px; background-image:url(../images/grey_bg.png); background-repeat:repeat-x; padding:10px 20px 25px 25px; float:left;}
#power a{ color:#014c75; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; display:block; border-bottom:1px dotted; background-image:url(../images/blueArrow.png); background-repeat:no-repeat; background-position:left center; padding:0px 0px 1px 11px; margin:3px 0px 0px 0px;}
#power a:hover{ color:#ce5105;}

#gas{ width:136px; padding:10px 20px 25px 25px; float:left}
#gas a{ color:#000; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; display:block; border-bottom:1px dotted; background-image:url(../images/blackArrow.png); background-repeat:no-repeat; background-position:left center; padding:0px 0px 1px 11px; margin:3px 0px 0px 0px;}
#gas a:hover{ color:#ce5105;}

#energyManagement{padding:10px 20px 25px 0px;}
#energyManagement a{ color:#014c75; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; display:block; border-bottom:1px dotted; background-image:url(../images/blueArrow.png); background-repeat:no-repeat; background-position:left center; padding:0px 0px 1px 11px; margin:3px 0px 0px 0px;}
#energyManagement a:hover{ color:#ce5105;}

#thirdColumn{width:206px; background-image:url(../images/grey_bg.png); background-repeat:repeat-x; padding:10px 20px 0px 25px; float:left}
#awards { margin:2px 0px 13px 35px;}
.tabs{ z-index:4}
#getQuote{ width:271px; background-color:#00649A; color:#FFF; border:1px solid #c3c2c2; padding:15px 20px 6px 25px; position:relative; z-index:3; margin:-1px 0px 0px 0px;}

#getQuote1{ width:271px; background-color:#e9e9e9; border-bottom:1px solid #c3c2c2; border-left:1px solid #c3c2c2; border-right:1px solid #c3c2c2; padding:15px 20px 6px 25px; position:relative; z-index:3; margin:-1px 0px 0px 0px;}

.switch{ margin:0px 0px 20px 0px; padding:0px 0px 15px 0px; border-bottom:1px dotted #ccc;}

.txtField{ border:1px solid #a9a9a9; height:22px;}
.txtField1{ border:1px solid #a9a9a9; height:22px; width:170px;}
.textField{ border:1px solid #c5c5c5; height:24px; background-image:url(../images/txtfield_bg.png); background-repeat:repeat-x; width:200px; color:#2c2c2c}
textarea{background-image:url(../images/txtfield_bg.png); background-repeat:repeat-x; border:1px solid #c5c5c5; width:300px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#2c2c2c}
select{border:1px solid #c5c5c5; height:24px; color:#2c2c2c}

.careerForm td{ padding:0px 0px 12px 0px;}

.smallText{ font-size:11px;}

.box{ background-color:#efefef; padding:8px;}

.dotted{ background-image:url(../images/dotted.png); height:1px; background-repeat:repeat-x; margin:0px 0px 16px 0px;}

.landingBox{ float:left;}
.landingBox h1{ margin:0px; padding:12px 0px 0px 0px; color:#fff; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.landingBoxCenter{ background-image:url(../images/box_center.jpg); width:213px; background-repeat:repeat-y; padding:15px 13px 0px 13px;}

.formTop{ background-image:url(../images/form_top.png); width:297px; height:27px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; padding:9px 0px 0px 20px;}
.formCenter{ background-image:url(../images/form_center.png); width:387px; background-repeat:repeat-y; padding:10px 10px 2px 20px;}

.statepic{ padding:5px 10px 5px 0px;}
 .btn{ text-align:center; padding:12px 0px 6px 0px;}

#footer{ background-image:url(../images/footer_bg.png); background-repeat:repeat-x; height:52px; text-align:center; font-size:11px; text-align:center; padding:15px 0px 0px 0px; margin:20px 0px 0px 0px;}

#summaryMiddle{ background-image:url(../images/summary_middle.png); background-repeat:repeat-y; width:646px; padding:5px 10px 5px 15px; }
#summaryMiddle h1{ color:#016b0b; font-size:22px; margin:0px 0px 12px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
#summaryMiddle ul{ margin:0px; padding:0px;}
#summaryMiddle ul li{ background-image:url(../images/arrow1.png); background-repeat:no-repeat; padding:0px 0px 0px 25px; list-style-type:none; margin:0px 0px 5px 0px; background-position:center left;}

#switch{ text-align:center; margin:20px 0px 20px 0px;}

.warning{ color:#FF0000; font-size:18px; font-weight:bold; margin:0px 0px 8px 0px;}

.RightBg{ background-image:url(../images/right_bg.png); width:245px; padding:12px 8px 0px 11px; background-repeat:no-repeat;}

#seal{ background-image:url(../images/seal_bg.png); background-repeat:no-repeat; width:319px; height:225px; text-align:center; padding:17px 0px 0px 0px; font-size:13px;}
#seal img{ margin:0px 0px 10px 0px;}


.logos{ margin:0px; padding:0px;}
.logos li{ list-style-type:none; display:inline; margin:0px 9px 12px 9px;}
.logos img{ border:1px solid #ccc;}
.logos img:hover{ border:1px solid #136bbd;}

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}

.electricity{ background-image:url(../images/electricity.jpg); width:239px; height:152px; background-repeat:no-repeat; text-align:center;}
.naturalgas{background-image:url(../images/naturalGas.jpg); width:239px; height:152px; background-repeat:no-repeat; text-align:center;}
.cogeneration{background-image:url(../images/coGeneration.jpg); width:239px; height:152px; background-repeat:no-repeat; text-align:center;}
.renewableEnergy{background-image:url(../images/renewableEnergy.jpg); width:239px; height:152px; background-repeat:no-repeat; text-align:center;}
.demandResponse{ background-image:url(../images/demandResponse.jpg); width:239px; height:152px; background-repeat:no-repeat; text-align:center;}
.powerFactorCorrection{ background-image:url(../images/powerFactorCorrection.jpg); width:239px; height:152px; background-repeat:no-repeat; text-align:center;}
.predominantUseStudies{ background-image:url(../images/predominant.jpg); width:239px; height:152px; background-repeat:no-repeat; text-align:center;}
.lightingRetrofits{ background-image:url(../images/lightingRetrofits.jpg); width:239px; height:152px; background-repeat:no-repeat; text-align:center;}

#energyProcurementSection{ width:448px; float:left}
#energyManagementSection{ width:448px; float:right}
#energypro{ background-image:url(../images/energypro_bg.png); background-repeat:no-repeat; width:445px; height:40px; text-align:center; margin:0px 0px 15px 0px;}
#energypro h1{ color:#fff; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding:9px 0px 0px 0px;}
#energypro a { color:#fff; }
#energyman{ background-image:url(../images/energyman_bg.png); background-repeat:no-repeat; width:445px; height:40px; text-align:center; margin:0px 0px 15px 0px;}
#energyman h1{ color:#fff; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding:9px 0px 0px 0px;}
#energyman a { color:#fff; }
.sectionHeader{ background-image:url(../images/section_header_bg.png); height:51px; background-repeat:repeat-x; text-align:center; margin:0px 0px 15px 0px;}
.sectionHeader h1{ color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding:14px 0px 0px 0px;}
.sectionName{ background-color:#333; border:#333 solid 1px; filter:alpha(opacity=75); opacity: 0.75; margin-top:-32px; z-index: 99; position: absolute; height:27px;  text-align:center; width:206px; margin-left:4px;}

.sectionName h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:6px 0px 0px 0px; margin:0px 0px 0px 0px; color:#FFF;}
.sectionName h1 a{ text-decoration:none; color:#FFF; font-size:14px;}
.sectionName h1 a:hover{ text-decoration:none; color:#FFF;}

.sectionName1{ background-color:#333; border:#333 solid 1px; filter:alpha(opacity=75); opacity: 0.75; margin-top:-2px; z-index: 99; position: absolute; height:27px;  text-align:center; width:206px; margin-left:4px;}
.sectionName1 h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:6px 0px 0px 0px; margin:0px 0px 0px 0px; color:#FFF;}
.sectionName1 h1 a{ text-decoration:none; color:#FFF; font-size:14px;}
.sectionName1 h1 a:hover{ text-decoration:none; color:#FFF;}

.firstBox{ width:206px; float:left; margin:0px 25px 25px 0px;}
.secondBox{ width:206px; float:left;}

.supplierList img{ padding:0px 20px 5px 0px;}
.supplierList h2{ padding:16px 0px 0px 0px;}
.supplierList h2 a{font-size:22px; color:#575757; text-decoration:none;}
.supplierList h2 a:hover{ text-decoration:underline;}

.awardSection{ margin:0px 0px 0px 30px;}

#otherSuppliers{ background-image:url(../images/other_suppliers_bg.png); width:249px; background-repeat:no-repeat; text-align:center; padding:12px 0px 0px 0px;}
#otherSuppliers h2{ color:#403f3f; font-size:20px; margin:0px 0px 20px 0px; font-weight:normal;}