/** imserv css **/

/* by boris grudinin */
/* http://www.dunwoody.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

body { font-family: Verdana, Helvetica, sans-serif; }

.left { float: left !important; clear: none !important; }
.right { float: right !important; clear: none !important; }

a, button { outline: none; }
a:hover { text-decoration: none; }

div.hr { background: #cccccc; width: 518px; height: 1px; clear: both; margin-bottom: 15px;  }
div.hr hr { display: none; }

div#main div { position: relative; }

/* ---------------------------- */
/*** setting up the page ***/

div#main { position: relative; min-height: 550px; text-align: left; }
div#data-pipe { }
div#top { overflow: hidden; margin-bottom: 3px; background: url(/images/bg/bg-dots.gif) 210px 26px no-repeat; width: 950px; }
div#left { float: left; width: 185px; margin-left: 11px; }
div#content { float: left; width: 570px; min-height: 350px; margin-left: 3px; padding: 0px 0px 22px;  }
div#right { float: right; width: 185px; margin-right: 10px; }
div#footer { }
div.content { width: 970px; margin: 0 auto; overflow: hidden; }
div#footer div.content { background: #adafaf; overflow: hidden; padding: 10px; width: 950px;  }

/* ---------------------------- */
/*** page dependent stuff ***/

html#home div#content { padding-top: 0px; }

/* ---------------------------- */
/*** top ***/

div#top a.logo { display: block; float: left; width: 167px; height: 67px; background: url(/images/imserv-logo.jpg) left top no-repeat; margin: 30px 0px 30px 20px; }
div#top a.logo:hover { background-position: left bottom; }
div#top a.logo span { display: block; text-indent: -9999px; }

div#top form.search { float: right; overflow: hidden; padding: 28px 0px 0px 0px; width: 209px; }
div#top form.search input { float: left; padding: 3px; color: #333333; width: 164px; }
div#top form.search button { float: left; display: block; width: 14px; height: 14px; background: url(/images/btn/btn-search.jpg) left top no-repeat; border: none; cursor: pointer; margin: 6px 0px 0px 6px; font-weight: bold; }
div#top form.search button:hover { background-position: left bottom; }
div#top form.search button span { display: block; text-indent: -9999px; }

div#top img.iom { position: absolute; top: 63px; right: 36px; }

div#top ol { clear: both; overflow: hidden; background: url(/images/bg/bg-nav.gif) left top repeat-x #c8c8c8; border-top: 1px solid #e4e4e4; }
div#top ol li { float: left; overflow: hidden; padding-right: 3px; background: url(/images/bg/bg-nav-divider.gif) right top no-repeat; }
div#top ol li a { display: block; float: left; color: #666666; font-family: Arial, Helvetica, sans-serif !important; text-decoration: none; font-size: 0.90em; line-height: 30px; font-weight: bold; margin: 0px 9px; }
div#top ol li a span {  }
div#top ol li a.current,
div#top ol li a:hover { background: #f9f9f9; margin: 0px; border-left: 9px solid #f9f9f9; border-right: 9px solid #f9f9f9; }
div#top ol li a.current span,
div#top ol li a:hover span {  }

/* ---------------------------- */
/*** left ***/

/*div#left ul.subnav { width: 184px; margin-top: 159px; padding: 3px; background: #f9f9f9; }
div#left ul.subnav li { position: relative; overflow: hidden; display: table; border-bottom: 2px solid #81b459; width: 178px; height: 42px; }
div#left ul.subnav li a:hover,
div#left ul.subnav li a.current { background: url(/images/nav/subnav-green.jpg) left top no-repeat; color: #ffffff; }
div#left ul.subnav li.first a:hover,
div#left ul.subnav li.first a.current {  }
div#left ul.subnav li ul { display: block; }

div#left ul.subnav li.cta { border-bottom: none !important; padding-top: 30px; }

div#left ul.subnav li a { display: table-cell; vertical-align: middle; height: 42px; color: #636359; text-transform: uppercase; font-size: 0.85em; text-decoration: none; letter-spacing: -0.05em; }
div#left ul.subnav li a span { display: block; width: 130px; padding: 0px 38px 0px 10px; }
div#left ul.subnav li a.level_1data-services { display: block; padding-top: 13px; height: 29px; }

div#left ul.subnav li ul li { display: block; height: auto; }
div#left ul.subnav li ul li a { display: block; text-transform: none; color: #ffffff; letter-spacing: normal; height: auto; padding: 8px 0px 6px; }
div#left ul.subnav li ul li a span { width: 122px; padding: 0px 38px 0px 18px; }
div#left ul.subnav li ul li a.current,
div#left ul.subnav li ul li a:hover { color: #636359; font-weight: bold; }
div#left ul.subnav li ul li.last { border-bottom: none !important; }*/

div#left ul.subnav { width: 176px; margin-top: 170px; }
div#left ul.subnav li { margin-bottom: 5px; padding-left: 4px; }
div#left ul.subnav li a { display: block; width: 160px; min-height: 16px; background: url(/images/bg/bg-nav-grey.gif) left top repeat-x #e0e1dd; font-size: 0.95em; color: #333333; padding: 8px 7px; text-decoration: none; overflow: visible;}
div#left ul.subnav li a:hover,
div#left ul.subnav li a.current { background: url(/images/bg/bg-nav-green.gif) left top repeat-x #c3d603; }
div#left ul.subnav li.cta { padding: 30px 0px 0px 0px !important; }
div#left ul.subnav li.cta a { padding: 0px; }

div#left ul.subnav li ul { padding: 5px 0px 2px; }
div#left ul.subnav li ul li { padding-left: 15px; margin-bottom: 3px; }
div#left ul.subnav li ul li a  { min-height: auto; background: none; padding: 0px; }
div#left ul.subnav li ul li a:hover,
div#left ul.subnav li ul li a.current { background: none; color: #c3d603; }

div#left object { width: 178px; height: 178px; margin: 10px 0px 15px; }

/* ---------------------------- */
/*** cta ***/

div#left div.cta,
div#right div.cta { min-height: 210px; margin-top: 170px; }
div#left div.no-margin { margin-top: 0px; }

div#left a.talk-to-me { display: block; width: 178px !important; height: 60px !important; background: url(/images/btn/btn-talk-to-me.jpg) left top no-repeat !important; margin: 10px 0px 15px; padding: 0px !important; border-bottom: none; }
div#left a.talk-to-me:hover { background: url(/images/btn/btn-talk-to-me.jpg) left bottom no-repeat !important; }
div#left a.talk-to-me em { display: block; text-indent: -9999px; }

div#left div.subnav { background: url(/images/bg/bg-subnav.jpg) left top no-repeat; width: 180px; min-height: 265px; margin-left: 5px; }

div#right div.cta a.login { display: block; background: url(/images/cta/edv-middle-login.jpg) left top no-repeat; width: 184px; height: 25px; }
div#right div.cta a.login:hover { background-position: left bottom; }
div#right div.cta a.login span { display: block; text-indent: -9999px; }
div#right div.cta p { background: url(/images/cta/edv-middle-bottom.jpg) left top no-repeat; width: 184px; height: 38px; text-align: center; padding-top: 7px; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif; }
div#right div.cta p a { color: #ee1a3b; }

div#right div.cta img.margin { margin-top: 35px; }
div#right div.cta a.launch-demo { display: block; background: url(/images/cta/edv-demo-launch.jpg) left top no-repeat; width: 184px; height: 25px; }
div#right div.cta a.launch-demo:hover { background-position: left bottom; }
div#right div.cta a.launch-demo span { display: block; text-indent: -9999px; }

div#right div.cta a.launch-demo-colour { display: block; background: url(/images/cta/edv-demo-launch-colour.jpg) left top no-repeat; width: 184px; height: 25px; }
div#right div.cta a.launch-demo-colour:hover { background-position: left bottom; }
div#right div.cta a.launch-demo-colour span { display: block; text-indent: -9999px; }

div#right a.thumbnail { display: block; margin: 35px 0px 0px 3px; }

div#right div.cta div.orange-box p { background: #ee1a3b; color: #ffffff; width: 159px; height: auto; text-align: left; margin: 16px 0px 0px 3px; padding: 10px; font-size: 1em; line-height: 1.3em; }
div#right div.cta div.orange-box p strong { font-weight: bold; }
div#right div.cta div.orange-box p em { font-style: italic; }

div#right object { width: 178px; height: 178px; margin: 10px 0px 15px; }

/* ---------------------------- */
/*** content ***/

html#home div#content ol.homepage-cols { overflow: hidden; list-style: none; width: 526px; margin:20px 0 0 0 !important;}
html#home div#content ol.homepage-cols li { position: relative; float: left; list-style: none; margin: 0px 15px 8px 0px; height: 140px; width: 162px; background: url(/images/bg/bg-homepage-cols-bottom.gif) left bottom no-repeat; }
html#home div#content ol.homepage-cols li.energy-alliances { margin-right: 0px; }
html#home div#content ol.homepage-cols li strong { display: block; font-size: 1.1em; margin-bottom: 8px; background: url(/images/bg/bg-green-grad-top.gif) left top no-repeat; }
html#home div#content ol.homepage-cols li strong span { color: #333333; line-height: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; }
html#home div#content ol.homepage-cols li span { display: block; color: #5b5b5b; font-size: 0.95em; line-height: 1.4em; padding: 0px 8px; font-family: Arial, Helvetica, sans-serif; }
html#home div#content ol.homepage-cols li a { position: absolute; right: 7px; bottom: 9px; color: #e87511; }
html#home div#content ol.homepage-cols li a span { color: #e87511; padding: 0px; }

div#content div.hr { margin-left: 24px; }

div#content h1 { font-size: 2em; color: #666666; letter-spacing: -0.05em; margin: 22px 28px 15px 22px; border-top: 1px solid #e0e1dd; padding-top: 10px; }
div#content h1 a { color: #e87511 !important; }
div#content h2 { font-size: 1.4em; line-height: 1.4em; color: #5b5b5b; margin: 0px 22px 15px; }
div#content h2.large { font-size: 2em; color: #666666; letter-spacing: -0.05em; border-top: 1px solid #e0e1dd; padding-top: 10px; }
div#content h3 { font-size: 1em; color: #666666; margin: 0px 22px 15px; font-weight: bold; }

div#content p { font-size: 0.95em; line-height: 1.5em; margin: 0px 22px 15px; color: #5b5b5b; }
div#content p a { color: #e87511; }
div#content p strong { font-weight: bold; }
div#content p em {  }
div#content p.large { font-size: 1.15em; }
div#content p.large strong { color: #c3d603; }
div#content p.date { font-size: 0.8em; font-weight: bold; margin-bottom: 5px; }

div#content ul { margin: 0px 22px 15px; color: #4c4c4c; }
div#content ul li { list-style: disc; line-height: 1.6em; margin: 0px 0px 8px 20px; padding-left: 4px; }
div#content ul li strong { font-weight: bold; }
div#content ul li em {  }
div#content ul li a { color: #e87511; }

div#content ul.site-map {  }
div#content ul.site-map li { margin-bottom: 3px; }
div#content ul.site-map li a { color: #e87511; font-weight: bold; font-size: 1.1em; }
div#content ul.site-map li ul { margin: 4px 10px 4px 0px; }
div#content ul.site-map li ul li a { font-weight: normal; font-size: 0.95em; }

div#content ol { margin:0px 0px 22px 15px; list-style: decimal; padding-left: 22px; }
div#content ol li { list-style: decimal; color: #5b5b5b; line-height: 1.4em; margin-bottom: 15px; }
div#content ol li strong { font-weight: bold; }
div#content ol li span.extract { display: block; margin: 5px 0px; }
div#content ol li a { color: #e87511; }

div#content ol.logos { margin: 10px 0px 15px 42px; list-style: none; padding-left: 0px !important; overflow: hidden; }
div#content ol.logos li { float: left; list-style: none; width: 120px; height: 115px; margin-right: 52px; margin-bottom: 0px; text-align: center; }
div#content ol.logos li img { display: block; background: none; }
div#content ol.logos li a { font-size: 0.85em; }

div#content img.image_left { float: left: margin: 0px 10px 10px 0px; }
div#content img.image_right { float: right; margin: 0px 0px 10px 10px; }

div#content div.pages { border-top: 1px solid #eeeeee; padding-top: 8px; margin-top: 5px; }
div#content div.pages ul { overflow: hidden; }
div#content div.pages ul li { float: left; margin-left: 8px; background: none; padding: 0px; }
div#content div.pages ul li a { color: #5b5b5b; }
div#content div.pages ul li a.current { font-weight: bold; color: #c3d603; text-decoration: none; }

div#content div.error,
div#content div.success { padding-top: 10px; }

div#content form ul { }
div#content form ul li { background: none; width: 518px; padding-left: 0px; margin-left: 0px; overflow: hidden; clear: both; list-style: none; }
div#content form ul li label { float: left; color: #5b5b5b; font-size: 1.15em; font-weight: bold; width: 150px; margin-right: 5px; }
div#content form ul li label.title { float: left; color: #5b5b5b; font-size: 1.15em; font-weight: bold; width: 150px; margin-right: 5px; }
div#content form ul li input.text { float: right; width: 300px; padding: 2px; color: #5b5b5b; }
div#content form ul li select { float: right; width: 307px; padding: 2px; color: #5b5b5b; }
div#content form ul li textarea { float: right; width: 300px; height: 100px; padding: 2px; }
div#content form ul li button { float: right; font-weight: bold; color: #5b5b5b; text-transform: uppercase; }
div#content form ul li label.sub { clear: both; font-weight: normal; font-size: 0.8em; color: #5b5b5b; width: 100%; text-align: right; padding-top: 5px; }

div#content table { margin: 0px 22px 15px; color: #5b5b5b; }
div#content table th { font-weight: bold; padding: 6px 12px 6px 0px; border-bottom: 1px solid #eeeeee; }
div#content table td { padding: 6px 12px 6px 0px; }

div#content div.addthis { width: 518px; margin-left: 22px; overflow: hidden; padding: 5px 0px; }
div#content div.addthis a.addthis_button { float: right; }

#clickable {
    height: 150px;
    width: 540px;
}
#clickable a {
    display: block;
    height: 150px;
    width: 520px;
}


/* ---------------------------- */
/*** right ***/

div#right h2 { font-size: 1em; color: #333333; margin: 20px 0px 0px 2px; letter-spacing: -0.05em; background: url(/images/bg/bg-news-header.gif) left top no-repeat; line-height: 26px; font-weight: bold; padding: 0px 6px; }
div#right h2 a { color: #333333; text-decoration: none; }
div#right h2 a:hover { color: #777777; }

div#right ul.news { margin-left: 2px; }
div#right ul.news li { margin-bottom: 14px; border-top: 1px solid #eeeeee; padding: 11px 6px 0px; }
div#right ul.news li em { display: block; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif !important; margin-bottom: 3px; font-weight: bold; color: #666666; }
div#right ul.news li h3 { color: #666666; font-size: 0.95em; font-weight: bold; margin-bottom: 3px; }
div#right ul.news li span { display: block; color: #5b5b5b; font-size: 0.85em; margin-bottom: 1px; }
div#right ul.news li a { color: #e87511; font-size: 0.95em; font-family: Arial, Helvetica, sans-serif !important; }

div#right div.cta strong { font-weight: bold; }

/* ---------------------------- */
/*** footer ***/

div#footer ul { overflow: hidden; float: left; }
div#footer ul li { float: left; margin-right: 5px; color: #ffffff; }
div#footer ul li strong { font-weight: bold; }

div#footer a { color: #ffffff; font-size: 0.85em; }
div#footer a.back-to-top { float: right; font-weight: bold; }