/*

*/

/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }

/* GLOBAL STYLES */
a, a:visited { color: #666666; outline: none; text-decoration: none; }
a:hover { color: #FFFFFF; outline: none; text-decoration: none; }
a:active { border: none!important; outline: 0 none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}
.hide { display: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.last { margin-bottom: 0px!important; }
.end { margin-right: 0px!important; }
.blank { background: none!important; }
p { padding-bottom: 12px; }
em { font-style:normal; }
h1 { color: #fff; font-size: 18px; line-height: 20px; font-weight: normal; }
h2 { color: #ffffff; padding-bottom: 12px; font-size: 22px; }
h2 em { color: #666666; }

/* LAYOUT */
body { background: url(../imagex/background-small.gif) repeat-x #1a1a1a top; color:#999999; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px; line-height: 18px; }
.wide_banner_page { background: url(../imagex/background.gif) repeat-x #1a1a1a top; }
#main { width: 913px; margin: 0 auto 8px; padding: 0 40px; }

/*HEADER*/
#header { width: 913px; margin: auto; padding: 0 40px; height: 118px; position: relative; }
#logo { position: absolute; left: 40px; top: 2px; }
#logo { text-indent: -3000px; display: block; height: 111px; width: 213px; overflow: hidden; background-image: url(../imagex/itd-logo.png); background-position: 0 -111px;  }
#language { position: absolute; top: 0px; right: 40px; }

/* Navigation */
#navigation { position: absolute; right: 40px; top: 44px; }
#navigation li, #language li { float: left; background-image: url(../imagex/background-navigation.gif); background-repeat: no-repeat; position: relative; }
#navigation li span, #language li span { background-image: url(../imagex/background-navigation.gif); background-repeat: no-repeat; position: absolute; left: 0; top: 0; display: block; height: 35px; display:none; }
#language li span.active_page_item { display: block; }
#navigation li a, #navigation li a:visited, #language li a, #language li a:visited  { position: relative; overflow: hidden; text-indent: -3000px; display: block; height: 35px; }

#navigation li.itd-item-home span, .itd-item-home a, .itd-item-home a:visited  { width: 66px; background-position: 0px 0px; }
#navigation li.itd-item-services span, .itd-item-services a, .itd-item-services a:visited  { width: 85px; background-position: -66px 0px; }
#navigation li.itd-item-solutions span, .itd-item-solutions a, .itd-item-solutions a:visited  { width: 80px; background-position: -151px 0px; }
#navigation li.itd-item-itd span, .itd-item-itd a, .itd-item-itd a:visited  { width: 60px; background-position: -231px 0px; }
#navigation li.itd-item-contact span, .itd-item-contact a, .itd-item-contact a:visited  { width: 79px; background-position: -291px 0px; }

#navigation li.itd-item-home { background-position: 0 -35px; }
#navigation li.itd-item-services { background-position: -66px -35px; }
#navigation li.itd-item-solutions { background-position: -151px -35px; }
#navigation li.itd-item-itd { background-position: -231px -35px; }
#navigation li.itd-item-contact { background-position: -291px -35px; }

#language li span { height: 28px; }
#language li.lang-eng span, .lang-eng a, .lang-eng a:visited { width: 81px; background-position: -370px -7px; }
#language li.lang-swe span, .lang-swe a, .lang-swe a:visited { width: 78px; background-position: -451px -7px; }
#language li.lang-eng { background-position: -370px -42px; }
#language li.lang-swe{ background-position: -451px -42px; }

#navigation li span.active_page_item, #navigation li span.current_page_ancestor { display:block; }

/* FOOTER */
#footer { width: 910px; margin: 0 auto; padding: 12px 40px 12px 43px; position: relative; height: 18px; }
#footer li { float: left; margin-right: 10px; padding-right: 10px; color: #666666; background: url(../imagex/background-footer.gif) top right no-repeat; }
#itd_exaime { position: absolute; height: 30px; right: 35px; top: 0px; background-repeat: no-repeat; background-position: 125px -1px; padding: 12px 49px 0 0; }
a#itd_exaime:hover { background-position: 125px -42px; }
a#itd_exaime:hover span { color: #666666; }
#top-footer { height: 70px; margin: 0 auto; background: url(../imagex/background-top-footer.gif) top no-repeat; margin: 17px auto 8px; width: 758px; padding-left: 155px; position: relative; }
#top-footer p { width: 530px; padding-top: 16px; }
#top-footer .email-us { position: absolute;  right: 25px; top: 24px; }

/* BANNERS */
#banner { width: 100%; min-width: 993px; height: 185px; margin: 0 0 20px 0; background-repeat: no-repeat; background-position: top; position: relative; }
.wide_banner_page #banner { height: 358px; }
.banner-admin { background-image: url(../imagex/banner-admin.jpg); }
.banner-home { background-image: url(../imagex/banner-homepage.jpg); }
.banner-about { background-image: url(../imagex/banner-about.jpg);}
.banner-contact { background-image: url(../imagex/banner-contact.jpg);}
.banner-news { background-image: url(../imagex/banner-news.jpg);}
.banner-services { background-image: url(../imagex/banner-services.jpg);}
.banner-solutions { background-image: url(../imagex/banner-solutions.jpg);}
.banner-user-home { background-image: url(../imagex/banner-users-home.jpg);}
.banner-user-business { background-image: url(../imagex/banner-users-business.jpg);}
.banner-404 { background-image: url(../imagex/banner-error.jpg); }

/* WIDTHS */
.width459 { width: 459px!important; }

/* BOX */
.box { background: #191919; position: relative; padding: 5px 3px; float: left; margin-right: 6px; }
.box-tl, .box-tr, .box-bl, .box-br { position: absolute; width: 50%; background-image: url(../imagex/background-box-curve.gif); background-repeat: no-repeat; display: block; height: 2px; }
.box-tl { top: 3px; left: 0px; background-position: 0 0; }
.box-tr { top: 3px; right: 0px; background-position: right -2px; }
.box-bl { bottom: 3px; left: 0px; background-position: 0 -4px; }
.box-br { bottom: 3px; right: 0px; background-position: right -6px; }
.box-cont { padding: 12px 22px 8px; background: #000; }

/* BUTTON */
.button, .news-buttons a, .news-buttons a:visited { display: block; font-size: 11px; text-transform: uppercase; color: #333333!important; background-image: url(../imagex/background-button.gif);  height: 18px; text-align: center; line-height: 16px; }
a.button:hover { color: #FFF!important; }
.email-us, .news-buttons a, .news-buttons a:visited { width: 167px; background-position: 0 -36px; }
a.email-us:hover, .news-buttons a:hover  { background-position: 0 -54px; color: #FFF!important; }

/* HOME */
.homepage .box-cont { height: 195px; overflow: hidden; }
.banner-home .banner-box { width: 335px; margin: auto; padding: 154px 0 0 588px; }
.banner-home .banner-box span { color: #605e5e; font-size: 14px; float: left; display: block; }
.banner-home .banner-box a, .banner-home .banner-box a:visited { float: left; margin-left: 12px; width: 117px; background-position: 0 0; }
.banner-home .banner-box a:hover { background-position: 0 -18px; }
.itd-phone { font-size: 18px; color: #FFF; padding-bottom: 16px; }
.itd-phone em { color: #666666; }

/* ABOUT */
#about-nav { padding: 8px 0; }
#about-nav li { margin-bottom: 5px; }
#about-nav li a, #about-nav li a:visited { display: block; height: 22px; width: 192px; display: block; background-image: url(../imagex/background-about-button.gif); background-position: 0 0; font-size: 14px; padding: 5px 0 0 9px; }
#about-nav li a:hover, #about-nav li a.about-selected, #about-nav li a.about-selected:visited { background-position: 0 -27px; color: #333333; }
#about-cont { width: 635px; position: relative; overflow: hidden; }
.remove-cont { position: absolute; right: -3000px; top: 0px; }
#about-cont h2 { width: 600px; }

/* CONTACT */
.banner-contact .banner-box { width: 585px; margin: auto; padding: 142px 0 0 328px; }
.banner-contact .itd-phone { font-size: 21px; position: relative;  }
.banner-contact .itd-phone .open { font-size: 12px; color: #999999; padding-left: 15px; }
.banner-contact .email-us { margin-left: 10px; float: left; }
/*form*/
.contact-page label { color: #FFFFFF; width: 135px; display: block; float: left; padding-top: 5px; }
.contact-page .left input { float: left; width: 197px; background: #1a1a1a; border: 0 none; color: #999999; padding: 5px 4px; margin-bottom: 4px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
.contact-page .left input.smaller { width: 100px; }
.contact-page .left .radio input { float: none; width: auto; padding: 0; margin: 0; background-color: #000;  }
.contact-page .left .radio { margin-top: 7px; display: block; float: left; }
.contact-page .left .radio span span { padding-right: 35px; }
.contact-page .left p { clear: both; width: 340px; padding-bottom: 4px; position: relative; }
.contact-page .right p span { display: block; float: right; padding-bottom: 12px; }
#message { background: #1a1a1a; border: 0 none; color: #999999; height: 300px; width: 473px; padding: 12px 15px; overflow: auto; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
#submitform {  width: 167px; background-position: 0 -36px; font-size: 11px; background-image: url(../imagex/background-button.gif); border: 0 none; height: 18px; background-color: #000000; color: #333333; float: right; cursor: pointer; }
#submitform:hover { background-position: 0 -54px; color: #fff!important; }

/* NEWS */
.newspage .box { margin-bottom: 4px; }
#news-content { float: right; width: 686px; }
#sidebar { float: left; width: 227px; }
#news-content h1 { padding: 4px 0; }
#news-content h1 a, #news-content h1 a:visited { color: #fff; }
.post-info { color: #575656; }
#news-content p a, #news-content p a:visited { color: #fff; text-decoration: underline; font-weight: bold; }
#news-content h1 a:hover, #news-content p a:hover { color: #67d0f4; }
.post-cat { color: #575656; }
.news-buttons .box-cont { padding: 4px 6px; }
.archives-list { padding: 4px 0 10px; }
.archives-list li a, .archives-list li a:visited { padding: 0 0 0 20px; background-image: url(../imagex/background-news-list.gif); background-repeat: no-repeat; background-position: 0 0; display: block; margin-bottom: 4px; }
.archives-list li a:hover, .current-cat a, current-cat a:visited { background-position: 0 -17px!important; color: #fff!important; }
.news-back .box-cont { padding: 12px 22px 12px 24px; }

/* SERVICES */
.services-list { padding: 4px 0 12px; }
.services-list li a, .services-list li a:visited { background-image: url(../imagex/background-services-li.gif); background-position: 0 0; background-repeat: no-repeat; display: block; width: 185px; padding: 6px 12px; margin-bottom: 6px; position: relative; float: left; }
.services-list li a:hover, .services-list .active_page_item + a, .services-list .active_page_item + a:visited { background-position: 0 -48px; color: #333333; }
.services-list li span { display: none; }
.servicespage .right ul { margin-bottom: 12px; border-bottom: 1px solid #333333; width: 100%; }
.servicespage .right li { border-top: 1px solid #333333; background: url(../imagex/background-services-ul.gif) top left no-repeat; padding: 10px 0 10px 30px; }
.servicespage .right strong { color: #fff; }
.servicespage .box-cont { min-height: 415px; }

/* USERS */
.banner-user-home .banner-box, .banner-user-business .banner-box { margin:auto; padding:95px 0 0 475px; width:425px; }
.banner-404 .banner-box { margin:auto; padding:102px 0 0 475px; width:393px; }
.banner-user-home .banner-box p, .banner-user-business .banner-box p { text-align: justify; padding-bottom: 18px; }

/** SIFR **/
@media screen {
  .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
  .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
  .sIFR-replaced { padding-bottom: 4px; }
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
  .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}