* { margin: 0; padding: 0; } html { overflow-y: scroll; } body { font: 13px/18px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #45555f; background: #fff; } :root { overflow-y: scroll; } h1, h2, h3, h4, h5 { font-weight: normal; } a { color: #55af46; text-decoration: none; } fieldset, a img { border: 0; } table { text-align: left; border-collapse: collapse; border-spacing: 0; } td, th { vertical-align: top; text-align: left; } select, input, textarea, p, li, dd, dt, label, legend, td, th, caption { font-size: 13px; line-height: 18px; } select, input, textarea { outline: 0; font-family: Verdana, sans-serif; } legend { white-space: normal; } /* LAYOUT */ #layout { width: 1000px; margin: 0 auto; } #main-content { float: left; width: 690px; overflow: hidden; position: relative; } #sidebar { float: right; width: 245px; overflow: hidden; } #content { margin: 55px 0 25px; background: url(../images/css/content-bkg.gif) repeat-y 0 0; } #page-home #content { margin-top: 35px; } #page-testimonials #content { background: 0; } #page-testimonials #main-content { width: 100%; } /* HEADER */ #header { position: relative; height: 278px; background-repeat: no-repeat; background-position: 0 100%; } #page-publications #header, #page-patents #header, #page-projects #header, #page-about #header { background-image: url(../images/css/header-about.jpg); } #page-services #header { background-image: url(../images/css/header-services.jpg); } #page-why-russia #header { background-image: url(../images/css/header-why-russia.jpg); } #page-testimonials #header { background-image: url(../images/css/header-testimonials.jpg); } #page-news #header { background-image: url(../images/css/header-news.jpg); } #page-home #header { height: 378px; background-image: url(../images/css/header-home.jpg); } #page-blog #header { background-image: url(../images/css/header-blog.jpg); } #logo { float: left; margin: 15px 0 0 26px; display: inline; background: url(../images/css/logo.gif) no-repeat 0 0; } #logo a { display: block; } #logo, #logo a { width: 255px; height: 66px; overflow: hidden; } #logo a, #page-home #logo { text-indent: -9999px; outline: 0; } /* navigation */ #navigation { float: right; list-style: none; margin: 67px 20px 0 0; display: inline; } #navigation li { float: left; background: url(../images/css/nav-splitter.gif) no-repeat 0 3px; padding-left: 19px; margin-left: 13px; display: inline; } #navigation li a { outline: 0; display: block; height: 11px; text-indent: -9999px; overflow: hidden; } #navigation li.first-child { margin-left: 0; padding-left: 0; } #navigation li a:hover, #navigation li a:active, #navigation li a:focus, #navigation li.selected a { background-position: 0 -11px; } #nav-about a { background: url(../images/css/nav-about.gif) no-repeat 0 0; width: 52px; } #nav-services a { background: url(../images/css/nav-services.gif) no-repeat 0 0; width: 71px; } #nav-why-russia a { background: url(../images/css/nav-why-russia.gif) no-repeat 0 0; width: 101px; } #nav-testimonials a { background: url(../images/css/nav-testimonials.gif) no-repeat 0 0; width: 108px; } #nav-in-the-news a { background: url(../images/css/nav-in-the-news.gif) no-repeat 0 0; width: 96px; } #nav-blog a { background: url(../images/css/nav-blog.gif) no-repeat 0 0; width: 40px; } /* contact */ #contact-info { float: right; list-style: none; position: absolute; top: 34px; right: 20px; } #contact-info ul { list-style: none; } #contact-info li { float: left; } #contact-info li a { text-indent: -9999px; overflow: hidden; } #contact-info li.phone { background: url(../images/css/phone.gif) no-repeat 0 0; width: 75px; height: 9px; text-indent: -9999px; overflow: hidden; } #contact-info li.email { background: url(../images/css/contact-splitter.gif) no-repeat 0 3px; padding-left: 17px; margin-left: 12px; display: inline; } #contact-info li.email a { outline: 0; display: block; width: 38px; height: 9px; text-indent: -9999px; overflow: hidden; background: url(../images/css/email.gif) no-repeat 0 0; } #contact-info li.email a:hover { background-position: 0 -9px; } /* header photos */ #header-photos { height: 170px; overflow: hidden; clear: both; padding: 15px 0 0; } #page-home #header-photos { height: 270px; } #header-photos img { display: block; } #header-photos .col-1 { float: left; margin-right: 3px; } #header-photos .col-2 { float: left; } #header-photos .col-2 img { margin-bottom: 3px; } #header-photos .col-3 { float: right; } #page-name { float: left; margin-right: 3px; } /* CONTENT*/ #article-container { padding-bottom: 10px; } #category-title, #category-articles h1, #testimonials-container h1, #article-container h1 { padding: 0 0 0 73px; margin: -5px 0 12px; font-size: 20px; line-height: 30px; color: #55af46; background: url(../images/css/icon-heading-small.gif) no-repeat 54px 5px; } #page-about h1 { padding-left: 23px; background: url(../images/css/icon-heading-double.gif) no-repeat 0 6px; } #category-articles h1, #testimonials-container h1 { padding-left: 20px; background-position: 0 5px; margin-bottom: 17px; } #category-title, #category-articles h1 { margin-bottom: 9px; } #category-title { padding-left: 74px; } #page-home #article-container h1 { padding-left: 55px; background: url(../images/css/icon-heading.gif) no-repeat 20px 2px; margin-top: 0; } /* ARTICLE STYLE */ #article-container .default-txt { padding: 0 0 0 56px; } #page-home #article-container .default-txt { padding-right: 30px; } .default-txt a:hover, .default-txt a:active, .default-txt a:focus { color: #afb5be; } .default-txt h2 { color: #a2aaaf; font-size: 18px; line-height: 18px; margin: 0 0 2px; } .default-txt h3 { font-size: 13px; line-height: 18px; color: #45555f; font-weight: bold; } .default-txt h3 span { font-weight: normal; } .default-txt h4, .default-txt h5, .default-txt h6 { font-size: 13px; line-height: 18px; color: #45555f; font-weight: bold; } .default-txt p, .default-txt ul, .default-txt ol, .default-txt table, .default-txt dl { margin-bottom: 18px; } .default-txt dt { font-weight: bold; } .default-txt ul { list-style: none; } .default-txt ul li { padding: 0 0 0 18px; background: url(../images/css/li-arrow.gif) no-repeat 8px 8px; } .default-txt ul.numbered li { padding: 0; background: 0; } .default-txt ul.numbered li span { color: #55af46; } .default-txt ul.spacing li { margin-bottom: 18px; } .default-txt ul.indent li { padding-left: 16px; position: relative; } .default-txt ul.indent li span { color: #55af46; position: absolute; left: 0; top: 0; } .default-txt ol { margin-left: 20px; list-style: decimal; } .default-txt li ul, .default-txt li ol { margin-top: 1em; } .default-txt ul ol li { background: 0; padding-left: 0; } .default-txt table { margin: 0 auto 18px; border-collapse: separate; width: 100%; background: #fff; } .default-txt table thead th { border-bottom: 1px solid #c9c9c9; } .default-txt table th, .default-txt table td { padding: 5px 10px; } .default-txt table caption { padding: 0 10px 10px; font-weight: normal; text-align: center; font-weight: bold; } .default-txt thead th { font-weight: normal; } .default-txt tbody th, .default-txt tbody td { font-weight: normal; border-bottom: 1px solid #c9c9c9; } .default-txt tbody th { } .default-txt tbody th a { } #category-articles .default-txt blockquote, #post-article-container .default-txt blockquote { padding: 8px 20px 1px 35px; min-height: 50px; height: auto !important; height: 50px; background: url(../images/css/quote.png) no-repeat 0 0; } #post-article-container .default-txt blockquote, #post-article-container .default-txt blockquote p, #category-articles .default-txt blockquote, #category-articles .default-txt blockquote p { font-size: 16px; line-height: 22px; font-style: italic; } .default-txt strong { font-weight: bold; } .default-txt cite, .default-txt em, .default-txt i { font-style: italic; } .default-txt big { font-size: 131.25%; } .default-txt ins { background: #ffc; text-decoration: none; } #post-article-container .default-txt blockquote cite, #post-article-container .default-txt blockquote em, #post-article-container .default-txt blockquote i, #category-articles .default-txt blockquote cite, #category-articles .default-txt blockquote em, #category-articles .default-txt blockquote i { font-style: normal; } .default-txt pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } .default-txt abbr, .default-txt acronym { border-bottom: 1px dotted #666; cursor: help; } .default-txt sup, .default-txt sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } .default-txt sup { bottom: 1ex; } .default-txt sub { top: .5ex; } .default-txt .gallery { padding: 0 0 18px; } .default-txt .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .default-txt .gallery img { margin: 0; border: 0 !important; } .default-txt .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .default-txt .gallery dl { margin: 0; } .default-txt .gallery img { border: 1px solid #f1f1f1; } .default-txt .gallery br+br { display: none; } #page-about #article-container { float: right; width: 455px; } #page-about #article-container .default-txt { padding-left: 25px; } #page-projects h2 { margin-bottom: 20px; } /* BIOGRAPHY - NAV */ #bio-nav { float: left; width: 172px; margin: 0 0 0 20px; display: inline; overflow: hidden; } #bio-nav .photo {} #bio-nav .photo img { display: block; } #bio-nav ul { margin: 22px 0 0; list-style: none; } #bio-nav li { font-size: 11px; line-height: 13px; font-weight: bold; font-style: italic; text-transform: uppercase; margin: 0 0 11px; } #bio-nav li a { padding: 0 0 0 16px; color: #55af46; background: url(../images/css/icon-more.gif) no-repeat 0 0; } #bio-nav li a:hover, #bio-nav li a:active, #bio-nav li a:focus { color: #afb5be; background-image: url(../images/css/icon-more-hover.gif); } /* TESTIMONIALS */ #testimonials-container { padding: 0 50px 0 54px; overflow: hidden; } #testimonials-container .testimonial { float: right; width: 426px; padding-bottom: 20px; } #testimonials-container .first-child { float: left; } #testimonials-container .last-child { padding-bottom: 0; } #testimonials-container .testimonial h2 { font-size: 18px; line-height: 20px; color: #55af46; } #testimonials-container .testimonial p {} #testimonials-container .role { font-size: 16px; line-height: 20px; color: #55af46; } #testimonials-container .location { font-size: 13px; line-height: 18px; color: #45555f; margin-bottom: 18px; } #testimonials-container blockquote {} #testimonials-container blockquote p {} /* SIDEBAR ELEMENTS */ #sidebar-aricle { position: relative; top: -5px; } #sidebar-aricle h2 { line-height: 24px; margin: 0 0 15px; } #sidebar-aricle .default-txt { padding: 0 45px 0 2px; } #sidebar-aricle .default-txt p { font-style: italic; } #sidebar-aricle blockquote { padding-bottom: 6px; } #sidebar-aricle .more { margin: -3px 0 0 3px; font-size: 11px; line-height: 13px; font-weight: bold; font-style: italic; text-transform: uppercase; } #sidebar-aricle .more a { color: #55af46; padding: 0 0 0 16px; background: url(../images/css/icon-more.gif) no-repeat 0 0; } #sidebar-aricle a:hover, #sidebar-aricle a:active, #sidebar-aricle a:focus { color: #afb5be; background-image: url(../images/css/icon-more-hover.gif); } /* BACK LINK */ #back { position: absolute; top: 8px; right: 0; font-size: 11px; line-height: 13px; font-weight: bold; font-style: italic; text-transform: uppercase; } #back a { color: #55af46; padding: 0 0 0 16px; background: url(../images/css/icon-more.gif) no-repeat 0 0; } #back a:hover, #back a:active, #back a:focus { color: #AFB5BE; background-image: url(../images/css/icon-more-hover.gif); } /* FOOTER */ #footer { background: #e9ecf1; padding: 7px 0 5px 56px; } #footer p { color: #999; font-size: 12px; line-height: 19px; } /* MISC */ #testimonials-container:after, #header-photos:after, #navigation:after, .default-txt:after, #header:after, #footer:after, #layout:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }