/* global styles
----------------------------------------- */
html { font-size: 100.1%; }
body { margin: 0; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 0.6em; background: #fff; }
img { border-style: none; }
a { color: #d75700; text-decoration: none; }
a:hover { text-decoration: underline; }
input { vertical-align: middle; }
form, fieldset { margin: 0; padding: 0; border: none; }

ul { font-size: 120%; }

h1 { margin: 0 0 18px; padding: 0 0 13px 1px; font-size: 220%; color: #000; border-bottom: 1px solid #666; }

.largeleft2column h2, .main-column h2, .main-2column h2 { padding: 12px 0 9px 1px; margin: 0 0 8px; font-size: 180%; color: #d75700; border-bottom: 1px solid #666; }
.column h2 { margin: 0 0 0 17px; font-size: 15px; color: #000; line-height: 33px; }

h3 { padding: 12px 0 9px 1px; margin: 0 0 8px; font-size: 180%; color: #666; border-bottom: 1px solid #666; }

h4 { color: #000; font-size: 150%; }
.yellow-info-box h4  { margin-bottom: -20px; }
.sidebar h4 { margin: 0; line-height: 18px; color: #636363; }
.left-column h4 { margin: 0; color: #636363; line-height: 18px; }

h5 { color: #555; font-size: 150%; display: block; margin-bottom: 10px; }

.black { color: #333; }


/* page holder
----------------------------------------- */
.main { margin: 0 auto; width: 963px; }

/* header
----------------------------------------- */
#header { background: url(../images/header-bg.jpg) no-repeat; }
.header-holder { overflow: hidden; height: 1%; padding: 16px 12px 11px 18px; }

/* logo
----------------------------------------- */
.logo { background: url(../images/logo.gif) no-repeat; float: left; width: 142px; height: 71px; text-indent: -9999px; }
.logo a { display: block; overflow: hidden; height: 100%; }

/* slogan
----------------------------------------- */
.slogan { float: left; margin: 15px 0 0 18px; font-size: 18px; color: #000; text-transform: uppercase; }
.slogan span { font-size: 16px; text-transform: capitalize; font-weight: normal; display: block; }

/*header contact information
----------------------------------------- */
#header address { font-size: 18px; font-style: normal; color: #000; text-align: right; float: right; line-height: 24px; margin-top: 13px; }
#header address span { display: block; }

/* navigation
----------------------------------------- */
.nav { background: url(../images/nav-bg.gif) repeat-x 0 100%; height: 41px; padding-right: 12px; border-bottom: 1px solid #fff; }

/* navigation list
----------------------------------------- */
.nav ul { margin: 7px 0 0; padding: 0; list-style: none; float: left; }
.nav li { float: left; border-right: 1px solid #fafafa; }
.nav li a { display: block; font-size: 13px; font-weight: bold; color: #fff; line-height: 27px; border: 1px solid #000; padding: 0 34px; }
.nav li a:hover { background: #f9ec2b; color: #000; text-decoration: none; }

.breadcrumbs span { font-size: 10px; font-weight: normal; }
.breadcrumbs a { font-size: 10px; font-weight: normal; }

/* drop down
----------------------------------------- */
.nav li:hover, .nav li.hover { position: relative; }
.nav li:hover ul, .nav li.hover ul { display: block; }
.nav li ul { display: none; position: absolute; top: 22px; left: 6px; width: 253px; border-top: 5px solid #f9ec2b; border-bottom: 1px solid #fff; background: #000; }
.nav li li { float: none; border: 1px solid #fff; border-bottom: none; vertical-align: top; height: 1%; }
.nav li li a { float: none; font-size: 12px; font-weight: normal; padding: 0 10px 0 34px; border: 0; height: 1%; }
.nav li li a:hover { color: #000; background: #f9ec2b; }

/* request button
----------------------------------------- */
.request { float: right; background: url(../images/tab-left.gif) no-repeat; }
.request:hover { text-decoration: none; }
.request strong { display: block; color: #000; font-size: 12px; padding: 13px 30px 9px 23px; background: url(../images/tab-right.gif) no-repeat 100% 0; }

/* middle part
----------------------------------------- */
#middle { border-top: 1px solid #dbdbdb; margin: 11px 0 0; background: url(../images/middle-bg.gif) repeat-x; height: 1%; }
.middle-bg { background: url(../images/content-bg1.gif) repeat-y; border-top: 1px solid #fff; overflow: hidden; width: 100%; }
.content { padding: 14px 0 0; float: left; width: 702px; overflow: hidden; }
.content2col { padding: 14px 0 0; float: left; width: 963px; overflow: hidden; }



/* three columns
----------------------------------------- */
.columns { overflow: hidden; height: 1%; margin-bottom: 15px; }
.column { width: 218px; float: left; margin-right: 16px; background: #f2f2f2 url(../images/heading-bg.gif) no-repeat; }

.column .info-part { padding: 19px 12px 8px 19px; min-height: 240px; }
.column p { font-size: 120%; margin: 0 0 12px; line-height: 18px; }
.column ul { margin: 0; padding: 0; list-style: none; font-size: 120%; font-weight: bold; }
.column li { background: url(../images/bullet1.gif) no-repeat 0 6px; padding-left: 8px; line-height: 16px; }
.columns .bottom { background: #d1d1d1 url(../images/column-bottom.gif) no-repeat 0 100%; overflow: hidden; height: 1%; padding: 5px 8px; }

/* bottom link
----------------------------------------- */
.link { float: right; height: 19px; overflow: hidden; cursor: pointer; }
.link strong { float: left; line-height: 19px; font-size: 120%; padding-right: 5px; }
.link span { height: 38px; width: 19px; float: left; background: url(../images/bullet2.png) no-repeat; }
.link:hover { text-decoration: none; background-position: 0 0; }
.link:hover span { margin-top: -19px; }

/* company box
----------------------------------------- */
.company { background: url(../images/middle-bg.gif) repeat-x; margin-right: 16px; border-top: 1px solid #d1d1d1; font-size: 120%; line-height: 18px; padding: 11px 6px 0; }
.company p { margin: 14px 0 0; }
.company div ul { margin: 15px 0 0; padding: 0; list-style: none; }
.company div li { background: url(../images/separator1.gif) no-repeat 0 2px; padding: 0 5px 0 10px; display: inline; }
.company div li:first-child { background: none; padding-left: 0; }

/* sidebar
----------------------------------------- */
.sidebar { float: right; width: 245px; }
.sidebar ul { margin: 0 36px 10px 0; padding: 0; list-style: none; }
.sidebar li { background: url(../images/bullet1.gif) no-repeat 0 5px; padding-left: 8px; }

.sidebar p { margin: 12px 0 0; }
.link-holder { overflow: hidden; height: 1%; }
.link-holder .link { float: left; font-size: 90%; }

/* sidebar box
----------------------------------------- */
.sidebar-box { width: 245px; padding: 15px 0 2px; }
.sidebar-box .top { background: url(../images/heading-bg.png) no-repeat; padding: 9px 19px 11px; height: 1%; }
.sidebar-box .bottom { background: #f2f2f2 url(../images/sidebar-bottom.gif) no-repeat 0 100%; font-size: 120%; line-height: 18px; padding: 2px 11px 21px 18px; }
.sidebar-box fieldset { overflow: hidden; height: 1%; margin-top: 13px; font: 120% Arial, Helvetica, sans-serif; }
.sidebar-box fieldset input { float: left; width: 124px; padding: 3px 5px; border: 1px solid #999; color: #555; }
.sidebar-box fieldset .inpbtn { float: right; cursor: pointer; width: 76px; height: 26px; background: url(../images/btn1.gif) no-repeat; border: 0; padding: 0 10px 1px 0; font-weight: bold; color: #555; margin-top: -1px; position: relative; font-size: 12px;}
.sidebar .banner-list, .company .banner-list { margin: 5px 8px 0 11px; padding: 0; list-style: none; overflow: hidden; height: 1%; }
.banner-list li { padding: 0; margin-top: 13px; background: none; float: left; }
.banner-list .right-banner { float: right; margin-top: 11px; }

/* footer
----------------------------------------- */
#footer { border: 1px solid #dbdbdb; background: #d0d0d0 url(../images/footer-bg.gif) no-repeat; overflow: hidden; height: 1%; margin: 17px 0 20px; line-height: 18px; font-size: 120%; font-weight: bold; padding: 27px 18px 10px; min-height: 163px; }
#footer ul { margin: 0; padding: 0; list-style: none; float: left; width: 230px; }

/* Layout Backgrounds
----------------------------------------- */
.threecolumn .middle-bg { background: url(../images/content-bg2.gif) repeat-y; }
.twocolumn .middle-bg { background: url(../images/content-b.gif) repeat-y; }
.twocolumnleft .middle-bg { background: url(../images/content-bg3.gif) repeat-y; }

/* main column
----------------------------------------- */
.main-column { float: right; width: 394px; padding: 7px 24px 0 0; }


.main-info { margin-bottom: 19px; }
.main-column .main-info strong { margin: 0 0 12px; display: block; font-size: 160%; color: #000; line-height: 20px; }
.main-column .main-info p { font-size: 130%; }
.main-column p { margin: 0 0 19px; font-size: 130%; line-height: 18px; }
.main-column li { font-size: 110%; }

.signature { color: #d75700; font-size: 130%; display: block; margin-bottom: 23px; }

/* main 2 column
----------------------------------------- */
.main-2column { float: right; width: 656px; padding: 7px 24px 0 0; }


.main-2column .main-info strong { margin: 0 0 12px; display: block; font-size: 160%; color: #000; line-height: 20px; }
.main-2column .main-info p { font-size: 140%; }

.main-2column p { margin: 0 0 19px; font-size: 130%; line-height: 18px; }
.main-2column p a { font-weight: bold; }

/* large left 2 column
----------------------------------------- */
.largeleft2column { float: left; width: 656px; padding: 7px 24px 0 0; }

.largeleft2column .main-info strong { margin: 0 0 12px; display: block; font-size: 160%; color: #000; line-height: 20px; }
.largeleft2column .main-info p { font-size: 140%; }

.largeleft2column p { margin: 0 0 19px; font-size: 130%; line-height: 18px; }
.largeleft2column p a { font-weight: bold; }

.showcasesbox { min-height: 150px; width: 656px; }
.showcasesbox img { border: 1px solid #000; float: left; margin: 0 10px 0 0; padding: 1px; }
.showcaseslists { float: left; width: 500px; }
.showcaseslists ul { float: left; width: 200px; }
.showcaseslists li {  font-size: 100%; line-height: 1.5em; }

/* 2 half columns
----------------------------------------- */
.content2halfcol { float: right; width: 960px;  }

.content2halfcol p { margin: 0 0 19px; font-size: 130%; line-height: 18px; }
.content2halfcol p a { font-weight: bold; }
.lefthalfcol { float: left; padding: 7px 5px; width: 550px; }
.righthalfcol { float: right; padding: 7px 24px 0 24px; width: 350px; }


.servicesbox { padding: 10px 20px 20px 0; width: 375px; }
.servicesbox img { border: 1px solid #000; float: left; margin: 0 10px 0 0; padding: 1px; }



/* left-column
----------------------------------------- */
.left-column { float: left; width: 251px; }
.left-column ul { margin: 0; padding: 0; font-size: 120%; line-height: 16px; list-style: none; }
.left-column ul li a { font-weight: bold; }

/* information box
----------------------------------------- */
.info-box { width: 251px; margin-bottom: 12px; }
.info-box .top { background: url(../images/heading-bg2.png) no-repeat; padding: 10px 19px 6px 23px; height: 1%; }
.info-box .bg { background: url(../images/left-col-bg.gif) repeat-y; }
.info-box .bg2 { background: url(../images/left-col-inside.gif) repeat-x; padding: 18px 20px 14px; min-height: 111px; }
.info-box .bg2 li { padding: 7px 0; }
.info-box .bottom { background: url(../images/left-col-bottom.gif) no-repeat 0 100%; padding: 0 3px 11px; }
.info-box address { font-size: 130%; line-height: 22px; font-style: normal; }
.info-box address strong, .info-box span { display: block; }
.info-box address em { display: block; font-style: normal; padding: 8px 0 14px; }


.yellow-info-box { width: 251px; margin-bottom: 12px; }
.yellow-info-box .top { background: url(../images/heading-bg-yellow.png) no-repeat; padding: 10px 19px 6px 23px; height: 1%; }

.yellow-info-box .bg { background: url(../images/left-col-bg-yellow.gif) repeat-y; }
.yellow-info-box .bg2 { background: url(../images/left-col-inside-yellow.gif) repeat-x; padding: 18px 20px 14px; min-height: 111px; }
.yellow-info-box p { color: #000; font-size: 1.2em; }
.yellow-info-box .bottom { background: url(../images/left-col-bottom-yellow.gif) no-repeat 0 100%; padding: 0 3px 11px; }
.yellow-info-box .bottom li { color: #000; list-style: disc; margin: 10px 15px; padding: 2px 0; }
.yellow-info-box .bottom li a { color: #000; }


/* sidebar
----------------------------------------- */
.box-cite .bg { background: #f2f2f2; padding: 17px 17px 59px; }
.box-cite .bottom { background: #d1d1d1 url(../images/sidebar-bottom2.gif) no-repeat 0 100%; padding: 7px 8px; height: 1%; overflow: hidden; }
.box-cite blockquote { margin: 0; font-size: 130%; line-height: 20px; }
.box-cite q { quotes: none; display: block; margin-bottom: 18px; }
.box-cite q:before { content: ""; }
.box-cite q:after { content: ""; }

/* company box
----------------------------------------- */
.services .company { overflow: hidden; height: 1%; margin: 78px 0 0; }
.services .company div { float: left; width: 675px; }
.services .banner-list { float: right; width: 197px; margin: -3px 13px 0 0; }

.threecolumn .company { overflow: hidden; height: 1%; margin: 78px 0 0; }
.threecolumn .company div { float: left; width: 675px; }
.threecolumn .banner-list { float: right; width: 197px; margin: -3px 13px 0 0; }
.twocolumn .company { overflow: hidden; height: 1%; margin: 78px 0 0; }
.twocolumn .company div { float: left; width: 675px; }
.twocolumn .banner-list { float: right; width: 197px; margin: -3px 13px 0 0; }
.twocolumnleft .company { overflow: hidden; height: 1%; margin: 78px 0 0; }
.twocolumnleft .company div { float: left; width: 675px; }
.twocolumnleft .banner-list { float: right; width: 197px; margin: -3px 13px 0 0; }

.bottom .banner-list { margin-top: 10px; margin-bottom: 10px; }

/* Services Section
----------------------------------------- */
.servicelistHeader { background:url('../images/serviceLinklist_top.jpg') no-repeat 0 0; color:#636363; font-size:15px; font-weight: bold; padding:10px 161px 10px 25px; width:400px; }
.servicelinkWrapper { background:url('../images/serviceLinklist_bottom.jpg') no-repeat 0 0; border: none; height:318px; padding:0 15px; width:355px; }
.servicelinkWrapper p { color: #999; float: left; font-size:11px; margin: 20px 0; width: 350px; text-align: center; }
.slist { color: #777; float:left; font-size:12px; margin:20px 15px 0; padding:0; width:145px; }
.slist li { margin-bottom:4px; }
.slist li a { font-weight:bold; }

/* Resources Section
----------------------------------------- */
.biglist li { font-size: 11px; font-weight:bold; }
.bolded { font-weight: bold; }
.normallist li { font-size: 1.2em; padding: 3px 0; }

/* Images
----------------------------------------- */
img.dc { float: left; margin-left: -4px; width: 68px; height: 76px; }
img.gsg { float: left; margin-left: 2px; width: 72px; height: 88px; }
img.bbb { float: left; margin-left: 4px; margin-right: -4px; width: 55px; height: 90px; }
img.newsimage { float: left; height: 127px; margin: 0 10px 10px 0; width:102px; }
img.allelectric { float: left; margin: 20px 0 25px 0; }
img.broadmoor { float: right; }
img.big { float: left; margin: 10px 0 0 0; }
img.hpew { float: right; margin: 15px 0 0 0; }
img.newslogos { margin: 20px 0 10px; }
img.ccard { vertical-align: middle; }

/* Showcase Flash
----------------------------------------- */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:5px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}