* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 13px;
    line-height: 24px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #4a4a4a;
    background: #ebebeb url(images/background.png) center repeat-y;
}

a { color: #2880af; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

h1 { font-size: 53px; line-height: 48px; }
h2 { font-size: 29px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 15px; }
h6 { font-size: 13px; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { overflow: auto; }

ul { list-style: none; }
ul li { background: url(images/li-green.gif) 0 5px no-repeat; padding-left: 22px; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 980px; margin: 0 auto; background: url(images/shell-w-sidebar.png) top no-repeat; }

#about { }
#about .page { padding-top: 10px; }
#about .page h3 { padding-bottom: 14px; }
#about .page h4, #about .page p { line-height: 26px; }

#structured-cabling { }
#structured-cabling .box-img { margin-top: 100px; margin-bottom: 175px; }
#structured-cabling .box-quote { padding: 8px 8px 0 24px; text-align: center; margin-bottom: 105px; }
#structured-cabling .box-quote p { font-size: 18px; line-height: 19px; font-weight: bold; color: #2880af; padding-bottom: 26px; }
#structured-cabling .page-img { margin-top: -26px; }

#contact { }
#contact .page { padding: 28px 0 0; }
#contact .page h3 { padding-bottom: 9px; margin-bottom: 8px; }
#contact .page h4, #contact .page p { line-height: 26px; }
#contact .page p { font-size: 18px; padding: 0; }
#contact .page-img { border-bottom: 0; }

#contact-box { background: #fff url(images/page-shadow.png) top no-repeat; padding: 25px 25px 30px 28px; border-bottom: 1px solid #cde3ab; }

#content { width: 597px; padding: 0 28px 0 0; }

#data-center { }
#data-center .box-img { margin-bottom: 71px; margin-top: 70px; }
#data-center .box-quote { padding: 9px 15px 0 48px; text-align: center; margin-bottom: 47px; }
#data-center .box-quote p { font-size: 18px; line-height: 21px; color: #2880af; padding-bottom: 22px; }
#data-center .page-img { margin-top: -7px; }

#energy-procurement { }
#energy-procurement .box-img { margin-top: 168px; margin-bottom: 200px; }
#energy-procurement .box-quote { padding: 8px 8px 0 15px; text-align: center; margin-bottom: 140px; }
#energy-procurement .box-quote p { font-size: 20px; line-height: 22px; color: #2880af; padding-bottom: 17px; }
#energy-procurement .page-img { margin-top: -5px; }

#footer { height: 141px; background: #d3d3d3 url(images/footer.png) 0 0 repeat-x; }
#footer .left { width: 210px; padding: 37px 0 0 130px; }
#footer .right { width: 605px; padding: 40px 10px 0 0; }
#footer p { line-height: 19px; padding-bottom: 4px; }
#footer a { color: #4b4b4b; }
#footer a:hover { color: #727272; text-decoration: none; }
#footer .foot-nav span { margin: 0 4px; }

#header { padding: 32px 26px 0 28px; }

#home .shell { background: transparent; }
#home #content { width: 980px; padding: 0; }
#home #header { padding-top: 16px; }
#home #logo { width: 362px; padding-bottom: 19px; }

#intro { padding-top: 16px; color: #616161; background: transparent; }
#intro h1 { padding-left: 45px; }
#intro .left { width: 449px; padding: 45px 0 0 13px; }
#intro .right { border-color: #989898; }
#intro .right img { display: block; }

#latest-news { margin-bottom: 25px; }
#latest-news .box-b { background: url(images/box-wide-b-ns.png) bottom no-repeat; padding-bottom: 2px; }
#latest-news .left { width: 132px; padding-left: 15px; }
#latest-news .right { width: 740px; padding: 15px 20px 3px 10px; }

#logo { width: 308px; padding-bottom: 12px; }
#logo a img { display: block; }

#main { border-bottom: 1px solid #cde3ab; height: 100%; }

#mission-critical { }
#mission-critical .page-img { margin-top: -10px; }

#navigation { width: 926px; height: 23px; position: relative; z-index: 10; }
#navigation ul { list-style: none; float: left; }
#navigation li { float: left; line-height: 0; font-size: 0; padding: 0; background: transparent; }
#navigation a { float: left; font-size: 13px; color: #4b4b4b; line-height: 22px; padding-bottom: 1px; background: url(images/nav.gif) 0 0 repeat-x; border-right: 1px solid #e0e0e0; border-left: 1px solid #d3d3d3; }
#navigation a:hover, #navigation a.active { color: #fff; background-position: 0 -23px; text-decoration: none; border-color: #797979; }
#navigation .first a { background: url(images/nav-l.png) left no-repeat; border-left: 0; }
#navigation .first a:hover, #navigation .first a.active { background: url(images/nav-l-h.png) left no-repeat; }
#navigation .last a { background: url(images/nav-r.gif) right 0 no-repeat; border-right: 0; }
#navigation .last a:hover, #navigation .last a.active { background-position: right -23px; }

#news { }
#news #sidebar h5 { color: #2880af; }
#news .box-side { padding-top: 23px; padding-bottom: 24px; }
#news .box-side h5 { padding-bottom: 6px; }
#news .box-side li { background: url(images/li-black.gif) 0 8px no-repeat; line-height: 21px; font-weight: bold; padding-left: 12px; }
#news .box-side a { color: #4a4a4a; }
#news .box-side a:hover { color: #2880af; text-decoration: none; }

#power-supply { }
#power-supply .box-img { margin-top: 58px; margin-bottom: 100px; }
#power-supply .box-quote { padding: 8px 8px 0 24px; text-align: center; margin-bottom: 53px; }
#power-supply .box-quote p { font-size: 18px; line-height: 21px; font-weight: bold; color: #2880af; padding-bottom: 17px; }
#power-supply .page-img { margin-top: 2px; }

#sidebar { width: 340px; height: 100%; }

#sub-nav { background: #8dbb3b url(images/sub-nav.png) 0 0 repeat-x; padding: 6px 10px 7px; width: 886px; margin: 0 auto; position: relative; border-width: 0 1px 1px 1px; border-color: #8f8f8f; border-style: solid; z-index: 10; }
#sub-nav ul { float: left; }
#sub-nav li { padding: 0; background: transparent; float: left; line-height: 12px; }
#sub-nav a { color: #05478a; }
#sub-nav a:hover { color: #2c78c4; }
#sub-nav a.active { text-decoration: underline; }

.about { padding: 3px 32px 20px 29px; }
.about h5 { color: #2880af; line-height: 25px; margin-bottom: 6px; }
.about p { line-height: 21px; padding-right: 16px; padding-left: 2px; }
.about .left { width: 454px; }
.about .left h5 { letter-spacing: -0.3px; }
.about .right { width: 441px; }
.about .right h5 { margin-right: 10px; }

.black td { color: #000 !important; text-align: left !important; }

.blue { color: #2880af; }
.blue li { background: url(images/li-link.gif) 0 5px no-repeat; }

.box-contact { background: url(images/box-contact-m.png) repeat-y; width: 922px; }
.box-contact .box-t { background: url(images/box-contact-t.png) top no-repeat; }
.box-contact .box-b { background: url(images/box-contact-b.png) bottom no-repeat; padding: 22px 165px 64px 155px; height: 100%; }
.box-contact h5 { text-align: center; color: #2880af; font-weight: normal; padding-bottom: 58px; }
.box-contact label { width: 231px; padding: 0 15px; font-weight: bold; line-height: 14px; height: 100%; overflow: hidden; }
.box-contact .btn-green-l { padding-bottom: 12px; height: 42px; cursor: pointer; border: 0; line-height: 30px; }
.box-contact .field { padding: 0 5px 1px; margin-bottom: 23px; width: 318px; }
.box-contact textarea.field { padding: 5px; height: 80px; }
.box-contact .required { padding-left: 0; height: 100%; overflow: hidden; width: 246px; }
.box-contact .required span { float: left; width: 15px; font-size: 19px; font-weight: normal; color: #2880af; position: relative; top: 3px; }
.box-contact .small { width: 203px; }
.box-contact .s-field { width: 135px; border: 1px solid #ccc; margin-bottom: 30px; }

.box-help { background: url(images/box-help.jpg); width: 280px; height: 112px; padding: 24px 0 22px 465px; text-align: center; margin: 0 auto; }
.box-help h4 { padding-bottom: 8px; line-height: 26px; }

.box-img { background: url(images/side-img-m.png) repeat-y; width: 295px; margin-left: 34px; float: left; position: relative; }
.box-img .box-t { background: url(images/side-img-t.png) top no-repeat; }
.box-img .box-b { background: url(images/side-img-b.png) bottom no-repeat; padding: 4px 3px; }
.box-img .side-img-shadow { background: url(images/shadow-side-img.png); width: 295px; height: 26px; position: absolute; bottom: -26px; left: 0; }
.box-img img { display: block; border: 1px solid #fff; }

.box-quote { background: url(images/side-grad.png) 0 0 no-repeat; }
.box-quote p { font-weight: bold; }

.box-s { width: 296px; background: url(images/box-m.png) center no-repeat; margin-bottom: 24px; position: relative; }
.box-s .box-t { background: url(images/box-t.png) top no-repeat; }
.box-s .box-b { background: url(images/box-b.png) bottom no-repeat; padding: 4px 14px 36px 26px; }
.box-s h4 { line-height: 21px; padding-left: 42px; padding-bottom: 26px; letter-spacing: -0.2px; }
.box-s li { line-height: 16px; padding-bottom: 10px; }

.box-search { padding: 20px 0 16px 30px; border-bottom: 1px solid #b2d77b; }
.box-search .field { width: 210px; padding: 0 5px 1px; margin-right: 10px; font-size: 10px; margin-top: 1px; }

.box-side { background: url(images/side-grad.png) 0 0 no-repeat; border-bottom: 1px solid #b8d983; padding: 8px 10px 16px 28px; }
.box-side h3 { color: #2880af; line-height: 29px; }
.box-side p { text-align: justify; line-height: 21px; }
.box-side .btn-contact { margin-top: 20px; }

.box-wide { width: 924px; margin-left: auto; margin-right: auto; background: url(images/box-wide-m.png) center; }
.box-wide .box-t { background: url(images/box-wide-t.png) top no-repeat; }
.box-wide .box-b { background: url(images/box-wide-b.png) bottom no-repeat; padding: 1px 1px 20px; }
.box-wide .right{ border-left: 2px solid #e5e5e5; }

.btn-contact { background: url(images/btn-contact.png); color: #0d608f; width: 184px; text-align: center; line-height: 28px; padding-bottom: 12px; font-size: 19px; font-weight: bold; display: block; margin: 0 auto; }
.btn-contact:hover { text-decoration: none; color: #4e6a1b; }

.btn-contact2 { background: url(images/btn-contact2.png); width: 193px; height: 40px; line-height: 28px; text-align: center; color: #0d608f; font-size: 20px; font-weight: bold; display: block; margin: 0 auto; }
.btn-contact2:hover { text-decoration: none; color: #4e6a1b; }

.btn-green-m { background: url(images/btn-green-m.png); width: 214px; }

.btn-green-l { background: url(images/btn-green-l.png); width: 252px; line-height: 30px; padding-bottom: 12px; font-size: 15px; text-align: center; display: block; margin: 0 auto; font-weight: bold; color: #0d608f; }
.btn-green-l:hover { text-decoration: none; color: #4e6a1b; }

.btn-green-s { background: url(images/btn-green-s.png); width: 94px; height: 22px; line-height: 22px; padding-bottom: 8px; text-align: center; font-size: 12px; font-weight: bold; }
.btn-green-s:hover { text-decoration: none; color: #4e6a1b; }

.btn-search { background: url(images/btn-search.gif); width: 34px; height: 17px; line-height: 17px; padding-bottom: 2px; font-size: 10px; border: 0; cursor: pointer; }

.buttons { width: 200px; padding: 18px 136px 0; background: url(images/table-shadow.png) top no-repeat; margin: 0 auto; }

.chart-holder { background: #d9d9d9 url(images/bg-popup.gif) top repeat-x; padding: 24px 15px 15px; position: relative; width: 470px; }
.chart-holder table { border-collapse: separate !important; border: 1px solid #cae5ab; background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.chart-holder table td, .chart-holder table th { border-collapse: collapse; border-style: solid; border-color: #cae5ab; }
.chart-holder table th { border-width: 0 0 0 0; padding: 8px 10px; line-height: 18px; color: #2880af; font-size: 14px; font-weight: normal; }
.chart-holder table th strong { font-size: 16px; display: block; }
.chart-holder table td { border-width: 1px 1px 0 0; background: #fafcf7; font-size: 14px; color: #7f7f7f; text-align: center; line-height: 18px; padding: 0 6px !important; }
.chart-holder table tr td:last-of-type { border-right: 0; }
.chart-holder table .last td { border-collapse: separate !important; border: 0 1px 0 0; }
.chart-holder table .last td:first-of-type { border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
.chart-holder table .last td:last-of-type { border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }

.cols { width: 938px; margin: 0 auto; padding: 11px 2px 0 0; }
.cols .left .box-b { min-height: 411px; }
.cols .right .box-b { padding-top: 22px !important; padding-bottom: 27px !important;  }
.cols .right h4 { padding-left: 30px; }
.cols .l-more { padding-left: 12px; background: url(images/ar-s.gif) left no-repeat; font-weight: bold; font-size: 11px; line-height: 14px; height: 14px; position: absolute; bottom: 12px; right: 10px; }

.col { width: 296px; margin: 0 8px; }
.col ul { height: 100%; }

.entry { padding: 12px 15px 0 0; }
.entry h4, .entry h6 { line-height: 19px; }
.entry h4 { padding-bottom: 2px; }
.entry h6 { padding-bottom: 7px; }
.entry p { padding-bottom: 21px; text-align: justify; }
.entry .post-img { padding: 2px; border: 1px solid #4c4c4c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.entry .left { margin: 7px 13px 15px 0; }
.entry .l-more { background: url(images/li-link.gif) left no-repeat; padding-left: 13px; }

.entry-preview { line-height: 26px; }
.entry-preview h4 { padding-bottom: 2px; }
.entry-preview p { padding-bottom: 31px; }
.entry-preview .l-more { background: url(images/li-link.gif) left no-repeat; position: relative; top: 5px; padding-left: 13px; }

.field { background: #fff; border: 1px solid #858585; }

.ico-bulb { background: url(images/ico-bulb.png); width: 32px; height: 70px; position: absolute; top: -12px; left: 11px; }
.ico-cable { background: url(images/ico-cable.png); width: 57px; height: 59px; position: absolute; top: 2px; left: -6px; }
.ico-datacenter { background: url(images/ico-datacenter.png); width: 112px; height: 68px; position: absolute; top: -6px; left: -28px; }
.ico-lightning { background: url(images/ico-lightning.png); width: 54px; height: 52px; position: absolute; top: 5px; left: 6px; }

.l-chart { background: url(images/ico-chart.gif) left no-repeat; display: inline-block; line-height: 24px; color: #83a93e; padding-left: 27px; }

.l-free { background: url(images/btn-free.png); width: 251px; font-size: 23px; line-height: 18px; font-weight: bold; text-align: center; display: block; margin: 0 auto; padding: 10px 0 20px; }
.l-free span { font-size: 15px; font-weight: normal; display: block; }
.l-free:hover { color: #4e6a1b; text-decoration: none; }

.l-more:hover { text-decoration: none; color: #39a7e2; }

.latest-entries { }
.latest-entries li { line-height: 19px; background: url(images/ar-m.gif) 2px 4px no-repeat; padding-bottom: 9px; }

.nb { border: 0 !important; }

.news-entries { padding: 17px 0 0 0; }
.news-entries h3 { margin: 0 100px 16px 4px; color: #2880af; padding-bottom: 12px; }

.numbered { list-style: decimal inside; font-weight: bold; padding-left: 11px; }
.numbered li { background: transparent; padding-left: 0 !important; }
.numbered span { font-weight: normal; }

.page { padding: 45px 18px 30px 3px; }
.page h3 { color: #2880af; padding-bottom: 11px; padding-left: 2px; margin: 0 80px 5px 2px; line-height: 22px; }
.page h3 span { font-size: 15px; font-weight: normal; display: block; }
.page h4 { padding-bottom: 2px; }
.page p { padding-left: 5px; padding-right: 5px; margin-right: 2px; line-height: 21px; text-align: justify; padding-bottom: 21px; }
.page ul { line-height: 21px; padding-left: 13px; padding-bottom: 21px; }
.page li { background-position: 0 7px; padding-left: 17px; }
.page ul .blue { background-image: url(images/li-link.gif); }
.page .left, .page .right { width: 240px; padding-bottom: 20px; }
.page .btn-green-l { margin-bottom: 18px; }

.page-img { position: relative; z-index: 1; border-bottom: 1px solid #96b761; }
.page-img img { display: block; }

.radios { padding-bottom: 45px; }
.radios label { font-weight: normal; line-height: 21px; padding-left: 8px; width: auto; }

.radio { position: relative; width: 13px; height: 13px; top: 5px; }

.shadow-about { background: url(images/shadow-about.png); width: 340px; height: 30px; display: block; }

.shadow-nav { background: url(images/subnav-shadow.png); width: 908px; height: 24px; position: absolute; bottom: -24px; left: 0; }

.socials li { padding-left: 0 !important; background: transparent !important; }

.underlined { border-bottom: 1px solid #bcde95; }

.white { background: #fff !important; width: 218px; padding: 0 12px !important; text-align: left !important; }