* {margin:0; padding:0;} body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#424b54; background:url(../img/inner-bgr.jpg) left top repeat-x #fff;} body.home {background:url(../img/home-bgr.jpg) left top repeat-x #fff;} a {outline:none; color:#d03c02; text-decoration:none; font-size:11px;} a:hover {text-decoration:underline;} p {line-height:18px; padding:10px 0 0 0;} i {font-size:11px; color:#85919c; font-style:normal; line-height:12px;} h2 {font-size:22px; letter-spacing:-1px; color:#424b54;} #wrap {width:967px; margin:auto;} /* TOP SEGMENT ------------------------------------------------------------- */ #topSegment {float:left; width:967px; height:78px; position:relative;} a#seminarBadge {position:absolute; left:170px; top:0; width:237px; height:81px; text-indent:-9999px; background:url(../img/seminar-badge.png) left top no-repeat;} .leftTop {float:left; padding-left:15px;} .leftTop h1 {text-indent:-9999px; width:185px; height:73px;} .leftTop h1.logoSr {background:url(../img/logo-sr.png) 0 0 no-repeat;} .leftTop h1.logoEn {background:url(../img/logo-en.png) 0 0 no-repeat;} .leftTop h1.logoRu {background:url(../img/logo-ru.png) 0 0 no-repeat;} .leftTop h1.logoDe {background:url(../img/logo-de.png) 0 0 no-repeat; width:200px;} .leftTop h1 a {width:185px; height:73px; display:block;} .rightTop {float:right; padding-right:13px; padding-top:0px;} ul#langList {float:right; clear:right; padding:7px 10px 0 0;} ul#langList li {float:left; list-style-type:none;} ul#langList li a {display:block; text-indent:-9999px; width:26px; height:25px; background-position:0 0; background-repeat:no-repeat;} ul#langList li a.flagSrb {background-image:url(../img/flag-sr.jpg);} ul#langList li a.flagUk {background-image:url(../img/flag-uk.jpg);} ul#langList li a.flagEsp {background-image:url(../img/flag-es.jpg);} ul#langList li a.flagBr {background-image:url(../img/flag-br.jpg);} ul#langList li a.flagGer {background-image:url(../img/flag-ge.jpg);} ul#langList li a.flagRu {background-image:url(../img/flag-ru.jpg);} ul#langList li a.activeLang {background-position:0 -25px;} ul#mainNav {float:right; clear:both; padding:14px 0 0 0;} ul#mainNav li {float:left; list-style-type:none;} ul#mainNav li a {float:left; display:block; text-indent:-9999px; height:19px; background-position:0 0; background-repeat:no-repeat;} ul#mainNav li a.navHome {background-image:url(../img/nav-sr-home.png); width:90px;} ul#mainNav li a.navEye {background-image:url(../img/nav-sr-eye.png); width:103px;} ul#mainNav li a.navIntervention {background-image:url(../img/nav-sr-intervention.png); width:104px;} ul#mainNav li a.navQa {background-image:url(../img/nav-sr-qa.png); width:72px;} ul#mainNav li a.navAbout {background-image:url(../img/nav-sr-about.png); width:73px;} ul#mainNav li a.navContact {background-image:url(../img/nav-sr-contact.png); width:79px;} ul#mainNav li a.navHomeEn {background-image:url(../img/nav-en-home.png); width:61px;} ul#mainNav li a.navEyeEn {background-image:url(../img/nav-en-eye.png); width:95px;} ul#mainNav li a.navInterventionEn {background-image:url(../img/nav-en-intervention.png); width:109px;} ul#mainNav li a.navQaEn {background-image:url(../img/nav-en-qa.png); width:51px;} ul#mainNav li a.navAboutEn {background-image:url(../img/nav-en-about.png); width:83px;} ul#mainNav li a.navContactEn {background-image:url(../img/nav-en-contact.png); width:75px;} ul#mainNav li a.navHomeDe {background-image:url(../img/nav-de-home.png); width:92px;} ul#mainNav li a.navEyeDe {background-image:url(../img/nav-de-eye.png); width:166px;} ul#mainNav li a.navInterventionDe {background-image:url(../img/nav-de-intervention.png); width:105px;} ul#mainNav li a.navQaDe {background-image:url(../img/nav-de-qa.png); width:69px;} ul#mainNav li a.navAboutDe {background-image:url(../img/nav-de-about.png); width:82px;} ul#mainNav li a.navContactDe {background-image:url(../img/nav-de-contact.png); width:79px;} ul#mainNav li a.navHomeRu {background-image:url(../img/nav-ru-home.png); width:145px;} ul#mainNav li a.navEyeRu {background-image:url(../img/nav-ru-eye.png); width:148px;} ul#mainNav li a.navInterventionRu {background-image:url(../img/nav-ru-intervention.png); width:112px;} ul#mainNav li a.navQaRu {background-image:url(../img/nav-ru-qa.png); width:84px;} ul#mainNav li a.navAboutRu {background-image:url(../img/nav-ru-about.png); width:59px;} ul#mainNav li a.navContactRu {background-image:url(../img/nav-ru-contact.png); width:79px;} ul#mainNav li a:hover {background-position:0 -19px;} /* HOME HEADER ------------------------------------------------------------- */ #headerHolder {float:left; width:967px; background:url(../img/header-bgr.png) 0 0 no-repeat; position:relative;} .header {height:297px; width:967px; padding:0; margin:0; overflow:hidden; } .header img {height:297px; width:967px; padding:0px; border:0px solid #ccc; background-color:#eee; top:0; left:0 } .nav {position:absolute; top:0; left:0; z-index:10; width:100%;} .nav a {position:absolute; top:314px; text-indent:-9999px; height:20px; width:24px; background-position:0 0; background-repeat:no-repeat;} .nav a#next {background-image:url(../img/right-arrow.gif); right:58px;} .nav a#prev {background-image:url(../img/left-arrow.gif); left:60px;} .nav a:hover {background-position:0 -20px;} #headerNav {float:left; width:690px; padding:0 138px 0 139px; height:52px;} .headerNavSr {background:url(../img/header-nav-bgr.png) 0 0 no-repeat;} .headerNavEn {background:url(../img/header-nav-bgr-en.png) 0 0 no-repeat;} .headerNavRu {background:url(../img/header-nav-bgr-ru.png) 0 0 no-repeat;} .headerNavDe {background:url(../img/header-nav-bgr-de.png) 0 0 no-repeat;} #headerNav a {width:230px; display:block; float:left; height:50px; text-indent:-9999px;} #headerNav a.activeSlide {background:#000; opacity:0.3; filter:alpha(opacity=30);-moz-opacity:.30;} /* HOME CONTENT ------------------------------------------------------------- */ #homeContentHolder {float:left; width:967px; background:url(../img/home-content-bgr.gif) left top repeat-y;} #homeContent {float:left; width:915px; background:url(../img/home-content-bottom.gif) left bottom no-repeat; padding:16px 26px 20px 26px;} .homeInnerContent {float:left; width:915px; background:url(../img/home-inner-bgr.gif) top center repeat-y;} .homeBox {float:left; width:291px; padding:0 21px 0 0;} .lastHomeBox {padding-right:0;} .innerHomeBox {height:200px;} .recentPostBox {padding-top:10px;} .recentPostBox i {display:block; padding-bottom:5px;} .recentPostBox p {display:inline;} .recentPostBox a {display:inline;} .innerHomeBox ul li {list-style-type:none;} .homeBox span {display:block; float:right;} .homeBox hr {height:1px; display:block; line-height:1px; background-color:#cfd0d1; color:#cfd0d1; border:0; margin-top:10px;} .homeBox blockquote {font-family:Times, "Times New Roman", serif; font-size:13px; font-style:italic; padding:15px 0 0 0; background:url(../img/top-quote.gif) 0 12px no-repeat;} .homeBox blockquote p {background:url(../img/bottom-quote.gif) right bottom no-repeat; height:100px; padding:15px 0 12px 0; text-align:justify;} .homeBox blockquote p a {font-style:normal;} .homeBox p.testimonialAutohor span {float:left; display:block; font-size:11px; color:#8f8f8f;} /* OTHER PAGES CONTENT ------------------------------------------------------------- */ #sitePath {float:left; width:967px; height:50px;} #sitePath ul {padding:15px 0 0 15px;} #sitePath ul li {display:inline; list-style-type:none; font-size:12px; color:#2e363d; background:url(../img/sitepath-separator.gif) 0 1px no-repeat; line-height:15px; padding:0 0 0 10px;} #sitePath ul li.homePath {background:none;} #sitePath ul li.homePath a {background:url(../img/sitepath-home.gif) 0 0 no-repeat; width:17px; height:14px; text-indent:-9999px; display:inline-block;} #innerContentHolder {float:left; width:967px; background:url(../img/inner-content-bgr.gif) left top repeat-y;} #innerContent {float:left; width:967px; background:url(../img/inner-content-bottom.gif) left bottom no-repeat; padding:0 0 23px 0;} #innerContentInner {float:left; width:961px; background-position:0 0; background-repeat:no-repeat; padding:0 3px 0 3px;} /*#innerContentInner h3 {text-indent:-9999px; height:73px;}*/ #innerContentInner h3 {height:73px; line-height:73px; font-family:'Myriad pro Condensed', Arial, Helvetica, sans-serif; font-size:26px; color:#000; padding-left:20px; font-weight:normal;} .eyeSr {background-image:url(../img/title-eye-sr.jpg);} .eyeEn {background-image:url(../img/title-eye-en.jpg);} .eyeRu {background-image:url(../img/title-eye-ru.jpg);} .eyeDe {background-image:url(../img/title-eye-de.jpg);} .questionsSr {background-image:url(../img/title-questions-sr.jpg);} .questionsEn {background-image:url(../img/title-questions-en.jpg);} .questionsRu {background-image:url(../img/title-questions-ru.jpg);} .questionsDe {background-image:url(../img/title-questions-de.jpg);} .interSr {background-image:url(../img/title-inter-sr.jpg);} .interEn {background-image:url(../img/title-inter-en.jpg);} .interRu {background-image:url(../img/title-inter-ru.jpg);} .interDe {background-image:url(../img/title-inter-de.jpg);} .aboutSr {background-image:url(../img/title-about-sr.jpg);} .aboutEn {background-image:url(../img/title-about-en.jpg);} .aboutRu {background-image:url(../img/title-about-ru.jpg);} .aboutDe {background-image:url(../img/title-about-de.jpg);} .contactSr {background-image:url(../img/title-contact-sr.jpg);} .contactEn {background-image:url(../img/title-contact-en.jpg);} .contactRu {background-image:url(../img/title-contact-ru.jpg);} .contactDe {background-image:url(../img/title-contact-de.jpg);} .newsSr {background-image:url(../img/title-news-sr.jpg);} .newsEn {background-image:url(../img/title-news-en.jpg);} .newsRu {background-image:url(../img/title-news-ru.jpg);} .newsDe {background-image:url(../img/title-news-de.jpg);} .testSr {background-image:url(../img/title-test-sr.jpg);} .testEn {background-image:url(../img/title-test-en.jpg);} .testRu {background-image:url(../img/title-test-ru.jpg);} #contentColumns {float:left; width:961px;} #leftSidebar {float:left; width:180px; padding-top:20px;} #sideNav {float:left; width:180px; padding-bottom:20px;} #sideNav ul li {list-style-type:none;} #sideNav ul li a {display:block; width:165px; height:25px; line-height:25px; font-size:11px; padding:0 0 0 15px; background:url(../img/side-nav-bgr.gif) left -25px repeat-x; color:#aebeca;} #sideNav ul li a i {font-size:11px; color:#f46406; font-style:normal;} #sideNav ul li a:hover {background-position:left 0; color:#d3dde6; text-decoration:none;} #leftSidebar h4 {float:left; font-size:14px; letter-spacing:-1px; width:140px; background:url(../img/left-column-title-bgr.gif) left top repeat-x; height:30px; line-height:30px; padding:0 20px; color:#cad1d5;} #leftSidebar h4 a { color:#cad1d5; font-size:14px;} #sideNews {float:left; width:140px; padding:0 20px;} .sideNewsBox {float:left; width:150px; padding:15px 0 15px 0; background:url(../img/left-column-separator.gif) left bottom repeat-x;} .sideNewsBox p {color:#d5dbdf; padding-bottom:5px;} .sideNewsBox a {color:#f87f50;} .sideNewsBox i {color:#f6f6f6; display:block; font-size:10px; font-style:normal;} .sideNewsBox a.sideNewsTitle {font-size:12px; display:block; padding-top:5px; font-weight:bold;} .sideNewsBox span {display:block; text-align:right;} #mainContentColumn {float:left; width:603px; padding-top:15px; position:relative;} #mainContentColumn hr {display:block; height:11px; background:url(../img/hr-bgr.gif) left top repeat-x; border:0; clear:both;} #mainContentColumn p {padding:10px 15px 15px 15px; color:#616971;} #mainContentColumn p.question {font-weight:bold; padding-bottom:10px;} #mainContentColumn p.answer, #mainContentColumn p.inter {padding-left:30px;} #mainContentColumn h4 {padding:15px 0 5px 15px; color:#13181c; font-size:14px; letter-spacing:-0.5px;} #mainContentColumn h5 {padding:10px 0 10px 15px; font-weight:normal; color:#13181c; font-size:18px;} #mainContentColumn h6 {padding:0 0 0 30px; color:#f46608; font-size:12px;} #mainContentColumn ul {padding:0 30px 15px 30px;} #mainContentColumn ul li {list-style-type:none;} ul.imageList {overflow:hidden; clear:both;} ul.imageList li {width:225px; padding:10px 20px; height:150px; font-size:11px; text-align:left; float:left;} ul.imageList2 li {width:225px; padding:10px 20px; height:230px; font-size:11px; text-align:left; float:left;} ul.imageList li span, ul.imageList2 li span {text-align:center; display:block; padding-bottom:5px; width:225px;} #mainContentColumn ol {padding:15px 30px;} #mainContentColumn ol li {list-style-type:none; padding:8px 0; display:block; clear:both; border-bottom:#e6e6e6 solid 1px; overflow:hidden;} #mainContentColumn ol li img {float:left; margin-right:8px; border:#ccc solid 1px;} #mainContentColumn ol li i {font-size:11px; font-weight:normal; letter-spacing:0;} #mainContentColumn ol li b {font-size:11px; font-weight:normal; color:#515d66;} #mainContentColumn ol li a {font-size:11px;} #mainContentColumn ol li span {float:right;} #mainContentColumn ol li span a.pdf {display:block; background:url(../img/pdf-icon.png) 0 0 no-repeat; padding-left:18px;} #mainContentColumn i {font-style:normal; font-weight:bold; font-size:14px; letter-spacing:-1px;} #mainContentColumn fieldset {border:0; float:left; padding:15px; width:230px;} #mainContentColumn fieldset label {display:block; font-size:11px; padding-top:5px; padding-bottom:3px; font-weight:bold;} #mainContentColumn fieldset input {display:block; width:220px; padding:5px; font-size:11px;} #mainContentColumn fieldset textarea {display:block; width:220px; height:95px; font-family:Arial, Helvetica, sans-serif; padding:5px; font-size:11px; overflow:auto;} #mainContentColumn fieldset button {float:right; clear:both; margin-top:15px;} #mainContentColumn fieldset br {height:0; line-height:0;} #info {font-size:10px; padding-top:18px;} #mainContentColumn img.map {position:absolute; right:25px; top:35px;} #mainContentColumn span.topAnchor {float:right;} .navigation {display:block; background:url(../img/hr-bgr.gif) left top repeat-x; padding:20px 15px;} .alignleft {float:left; width:250px;} .alignright {float:right; width:250px; text-align:right;} img.leftImg {float:left; margin:20px 10px 10px 15px;} img.leftImgInner {float:left; margin:10px 10px 10px 30px;} img.rightImg {float:right; margin:10px 15px 10px 10px;} img.highImgFix {margin:20px 10px 100px 15px;} img.high2ImgFix {margin:20px 15px 120px 10px;} .entryBox {display:block; padding:15px 0;} .entryBox span {font-size:11px; color:#939495; padding:0 15px;} .entryBox a.entryTitle {display:block; font-size:14px; padding:0 15px;} #rightSidebar {float:right; width:178px; padding-top:20px;} .testimonialsSide {float:left; width:178px; clear:both; height:280px;} .testimonialsSide h4 {float:left; letter-spacing:-1px; width:165px; padding:0 0 0 13px; height:28px; line-height:28px; color:#515d66; font-size:14px; background:url(../img/right-column-title-bgr.gif) left top repeat-x; margin-bottom:20px;} .testimonialsSide h4 a {color:#515d66; font-size:14px;} .testimonialsSide ul {float:left; width:178px;} .testimonialsSide ul li {list-style-type:none;} .testimonialsSide ul li blockquote {float:left; width:153px; padding:10px 13px 0 13px; background:url(../img/top-quote-small.gif) 13px 0 no-repeat;} .testimonialsSide ul li blockquote p {background:url(../img/bottom-quote-small.gif) right bottom no-repeat; text-indent:20px; float:left; width:153px; font-family:Times, "Times New Roman", serif; font-size:12px; font-style:italic; line-height:18px; text-align:justify; padding-bottom:10px; height:190px;} .testimonialsSide ul li p.testimonialAutohor {float:left; width:153px; padding:0 13px; font-size:11px; color:#8f8f8f;} .sideBanners {float:left; width:164px; padding:20px 0 0 14px;} .sideBanners a {text-indent:-9999px; display:block; float:left; width:152px; margin-bottom:10px;} a.bannerMedia {height:70px; background:url(../img/side-banner-1-sr.png) 0 0 no-repeat;} a.bannerMediaEn {height:70px; background:url(../img/side-banner-1-en.png) 0 0 no-repeat;} a.bannerMediaDe {height:70px; background:url(../img/side-banner-1-de.png) 0 0 no-repeat;} a.bannerMediaRu {height:70px; background:url(../img/side-banner-1-ru.png) 0 0 no-repeat;} a.bannerMedi a:hover, a.bannerMediaEn:hover, a.bannerMediaDe:hover, a.bannerMediaRu:hover {background-position:0 -70px;} a.bannerContact {height:163px; background:url(../img/side-banner-2-sr.png) 0 0 no-repeat;} a.bannerContactEn {height:163px; background:url(../img/side-banner-2-en.png) 0 0 no-repeat;} a.bannerContactDe {height:163px; background:url(../img/side-banner-2-de.png) 0 0 no-repeat;} a.bannerContactRu {height:163px; background:url(../img/side-banner-2-ru.png) 0 0 no-repeat;} /* FOOTER ------------------------------------------------------------- */ #footer {float:left; width:100%; margin-top:20px; background:#363e45;} #innerFooter {width:915px; margin:auto;} #innerFooter p {color:#9fa3a7; font-size:10px; padding-bottom:20px;} p.footerLeft {float:left; background:url(../img/footer-logo.gif) 0 15px no-repeat; padding-top:46px;} p.footerRight {float:right; text-align:right;} p.footerRight i {color:#575f66; font-style:normal;} p.footerRight b {font-size:11px;}