body { margin: 0; padding: 0; background: #454545; text-align: center; }
a { color:#333; }
a img { border: none; }
#strom { display: block; width: 980px; text-align: left; margin: 0 auto; }
#com { display: block; width: 960px; padding: 0 10px; background: url(../images/bg.png) top left no-repeat; float: left; position: relative; }
#logo { display: block; width: 216px; height: 72px; padding: 22px 0 0 27px; background: #fff; float: left; }
#top { display: block; width: 717px; height: 94px; float: left; background: url(../images/top/mission.jpg) top left no-repeat; position: relative; }
#top h3 { display: block; width: 145px; height: 13px; margin: 0; padding: 0; background: url(../images/top/call.png) top left no-repeat; position: absolute; top: 12px; right: 73px; text-indent:-1000em; }
* html #top h3 { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/top/call.png",sizingMethod='image') }

#top ul { float: left; margin: 0; padding: 0; list-style: none; position: absolute; left: 18px; top: 53px; }
#top ul li { float: left; padding: 3px 32px 0; border-right: 1px solid #6d6d6d; }
#top ul li#nav5 { border: none; }
#top ul li a { display: block; width: 93px; height: 13px; text-indent: -1000em; background:  url(../images/top/listings.png) top left no-repeat; font-size: 0; }
* html #top ul li a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/top/listings.png",sizingMethod='crop'); cursor: pointer }
#top ul li a:hover, #top ul li.on a { background-position: 0 -13px; }
#top ul li#nav2 a { width: 77px; background-image: url(../images/top/about.png); }
* html #top ul li#nav2 a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/top/about.png",sizingMethod='crop') }
#top ul li#nav3 a { width: 79px; background-image: url(../images/top/casestudies.png); }
* html #top ul li#nav3 a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/top/casestudies.png",sizingMethod='crop') }
#top ul li#nav4 a { width: 51px; background-image: url(../images/top/contact.png); }
* html #top ul li#nav4 a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/top/contact.png",sizingMethod='crop') }
#top ul li#nav5 a { width: 32px; background-image: url(../images/top/login.png); }
* html #top ul li#nav5 a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/top/login.png",sizingMethod='crop') }

#main { display: block; width: 960px; background: #252525 url(../images/left/left.jpg) bottom left no-repeat; float: left; }
#left { display: block; width: 216px; float: left; padding: 29px 0 0 27px; font: 11px/140% Verdana, Arial, Helvetica, sans-serif; color: #ccc; }
#right { display: block; width: 717px; background: #fff; float: left; padding: 0 0 50px; position: relative; font: 12px/170% Verdana, Arial, Helvetica, sans-serif; }
#right #hdr { float: left; }
#right .pad { display: block; padding: 32px 80px 0 50px; float: left; width: 587px; }
#right p { margin: 7px 0 14px; float: left; }
#right .pad p {  width: 587px; }

.ebox { display: block; width: 458px; height: 115px; background: url(../images/ftr/ftr.jpg) top left repeat-x; float: left; padding: 20px 0 0 21px; position: relative; text-decoration: none; font: 15px/17px Verdana, Arial, Helvetica, sans-serif; color: #89bc42; }
.ebox.two { left: 2px; }
.ebox .thm { float: left; margin-right: 10px; position: relative; left: -7px; top: -6px; }
.ebox div { position: relative; margin: 0; display: block; height: 83px;  float: left; }
.ebox span.txt { font: 12px/140% Verdana, Arial, Helvetica, sans-serif; color: #b7b7b7; margin-top: 9px; display: block; }
.ebox span.txt b {  color: #89bc42; font-weight: normal; }
.ebox .link { position: absolute; bottom: 32px; }

.hr { display: block; width: 213px; height: 1px; font-size: 0; line-height: 0; border-top: 1px solid #4c4c4c; position: relative; left: -15px; margin: 20px 0; }
#right .hr { width: 640px; border-color: #999; margin: 14px 0; float: left; }
#left .links { font: 12px/36px Verdana, Arial, Helvetica, sans-serif; margin-top: 8px; }
#left a { color: #ccc; text-decoration: none; }
#left a:hover, #left a.on { color: #88bb41; }

#ftr { float: left; width: 960px; font: 11px/120% Verdana, Arial, Helvetica, sans-serif; display: block; padding: 11px 14px; }
#ftr, #ftr a { color: #999; text-decoration: none; }
#ftr a:hover { color: #ccc; }

#login { display: none; width: 280px; background: #fff; text-align: left; padding: 25px 40px; float: left; position: fixed; top: 23%; left: 36%; z-index:1050; }
#login, #login .txt { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; }
#login .txt { width: 185px; padding: 4px; margin: 2px 0; }
#login form { margin: 0; padding: 0; }

#hider { position: fixed; top: 0; left: 0; display: none; background: #000; width: 100%; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; cursor: default; z-index:1000 }
#closer { position: absolute; top: 10px; right: 10px; display: none; font: 10px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; z-index:1100 }
* html #login, * html #hider { position: absolute; }