/*----------------------------------------------------- TheXHTML.net Professional UI development [ForeThought.net] ------------------------------------------------------*/ @import url("reset.css"); html, body {height:100%;} body {font:62.5% 'trebuchet ms',sans-serif; color:#666; background:#FFF;} div.body {min-width:1002px; min-height:100%; padding-bottom:1px; background:url(../images/bkg-body.png) repeat-x 0 100%;} div.wrap {width:1002px; margin:0 auto; min-height:810px;} /* General for content */ p.quoted {text-indent:-0.5em;} a {text-decoration:none;} a:hover {text-decoration:underline;} /* Switchers (to be set to ) ------------------------------------------------------*/ body.banner-off .banner {display:none;} /* Layout ------------------------------------------------------*/ .header {position:relative; height:182px; margin-left:50px; color:#979797;} .header h1, .header h1 i, .header p, .header p i {position:absolute; z-index:1;} .header .logo {width:490px; height:110px; right:0; top:7px;} .header .logo a {display:block; height:110px; cursor:pointer;} .header .logo i {width:100%; height:110px; left:0; top:0; background:url(../images/logo.png) no-repeat;} .header p.slogan {width:300px; height:45px; left:20px; top:94px; font-size:1.5em; font-style:italic;} .header p.slogan * {font-style:italic;} .header p.slogan b {font-size:1.5em;} .header p.phone {width:155px; height:22px; right:118px; top:144px; font-size:1.4em; font-weight:700;} .header p.phone i {width:100%; height:27px; left:0; top:0; background:url(../images/txt-phone.png) no-repeat;} .header b.b__ {position:absolute; width:870px; height:96px; bottom:-19px; background:url(../images/bkg-header.32.png) no-repeat;} /* Navigation ------------------------------------------------------*/ .navigation {position:relative; z-index:1000; width:820px; padding-top:25px; margin:-25px 0 0 75px; background:url(../images/selector.png) no-repeat; overflow:hidden;} .navigation ul {width:820px; height:36px; background:#868686 url(../images/spr-menu.png) no-repeat; overflow:hidden;} .navigation li {float:left; font-size:1.5em; height:36px; margin:0 10px 0 0;} .navigation li a {position:relative; display:block; height:36px; color:#FFF; text-align:center; text-transform:uppercase; overflow:hidden; cursor:pointer;} .navigation li a i {position:absolute; width:820px; height:200px; left:0; top:-50px; background:url(../images/spr-menu.png) no-repeat;} .navigation li a:hover i {margin-top:-50px;} .navigation li#item-1 {width:56px; margin-left:0px;} .navigation li#item-1 a i {left:-16px;} .navigation li#item-2 {width:78px;} .navigation li#item-2 a i {left:-82px;} .navigation li#item-3 {width:77px;} .navigation li#item-3 a i {left:-170px;} .navigation li#item-4 {width:82px;} .navigation li#item-4 a i {left:-257px;} .navigation li#item-5 {width:46px;} .navigation li#item-5 a i {left:-349px;} .navigation li#item-6 {width:55px;} .navigation li#item-6 a i {left:-405px;} .navigation li#item-7 {width:85px;} .navigation li#item-7 a i {left:-465px;} .navigation li#login {float:right; width:122px; margin-right:10px;} .navigation li#login a i {left:-688px;} .navigation li#login.on {width:150px;} .navigation li#login.on a i {left:-660px; margin-top:-100px;} .navigation li#login.on a:hover i {margin-top:-100px;} /* selected items */ #home.navigation {background-position:20px 0;} #services.navigation {background-position:95px 0;} #support.navigation {background-position:180px 0;} #about.navigation {background-position:265px 0;} #news.navigation {background-position:350px 0;} #blog.navigation {background-position:415px 0;} #contacts.navigation {background-position:460px 0;} #home.navigation li#item-1 a i, #services.navigation li#item-2 a i, #support.navigation li#item-3 a i, #about.navigation li#item-4 i, #news.navigation li#item-5 a i, #blog.navigation li#item-6 a i, #contacts.navigation li#item-7 a i {margin-top:-100px;} /* BreadCrumbs ------------------------------------------------------*/ ul.breadcrumbs {position:relative; z-index:1000; width:802px; height:19px; padding:5px 0 0 18px; margin-left:75px; background:#333;} ul.breadcrumbs li {display:inline; font-size:1.2em; color:#FFF;} ul.breadcrumbs li a {color:#F9AE3B;} ul.breadcrumbs li a:hover {color:#FFF;} ul.breadcrumbs li span {color:#B1B1B1;} /* Fix ------------------------------------------------------*/ .margin {display:block; height:0px; overflow:hidden; border:0px; margin:0; font-size:0px;} /* Auth ------------------------------------------------------*/ div.auth {position:relative; z-index:50; color:#CACACA; width:815px; margin:0 0 0 75px; padding:18px 0 20px 5px; background:#666 url(../images/bkg-auth.png) no-repeat 0 100%; overflow:hidden;} div.auth .input-a {float:left; margin-left:25px;} div.auth .link {float:left; font-size:1.2em; width:100px; padding-top:30px; margin:0 13px 0 5px;} div.auth a {color:#F9AE3B;} div.auth a:hover {color:#FFF;} div.auth .checkbox-a {float:left; width:110px; padding-top:20px;} div.auth .login {float:right; margin:8px 2px 0 0;} /* Banner ------------------------------------------------------*/ div.banner {position:relative; width:820px; margin:0 0 0 75px;} div.banner img {display:block;} div.banner .button-a {position:absolute; right:12px; top:55px;} /* Intro panel ------------------------------------------------------*/ div.intro {position:relative; min-height:173px; background:#FFF url(../images/grd-intro.24.png) repeat-x 0 100%;} div.intro .int__ {width:830px; overflow:hidden;} div.intro i.int__bottom {position:absolute; width:830px; height:40px; left:0; bottom:-40px; background:url(../images/crn-shd-intro.32.png) no-repeat;} /* Defining layout */ div.intro.right-sided {} div.intro.right-sided .main {float:right; width:515px; padding:32px 50px 0 0; text-align: justify; text-justify: newspaper;} div.intro.right-sided .side {float:left; width:265px;} div.intro.left-sided {} div.intro.left-sided .main {float:left; width:515px; padding:32px 0 0 50px; text-align: justify; text-justify: newspaper;} div.intro.left-sided .side {float:right; width:265px;} /* Defineing fonts */ div.intro.grey {} div.intro.grey h2 {font-size:2.9em; color:#666; margin-bottom:0.3793em;} div.intro.grey p {font-size:1.4em; line-height:1.143em; margin-bottom:0.5em; color:#4D4D4D;} div.intro.blue {} div.intro.blue h2 {font-size:2.0em; color:#0071BA; margin-bottom:0.55em;} div.intro.blue p {font-size:1.6em; line-height:1.19em; margin-bottom:0.5em; color:#4D4D4D;} div.intro .side .img-award-b {margin:5px 0 0 32px;} div.intro .side .img-award-b p {font-weight:700;} div.intro .side .img-s {margin:20px auto 0 auto;} /* Staff */ div.intro div.inset {margin:14px 0 0 10px;} div.intro a {color:#0071BA;} .check-block {position:relative; z-index:100; width:255px; margin:0 0 20px 0; padding:20px 0;} .check-block i {position:absolute; z-index:-1; width:255px; height:250px; left:0; background:url(../images/bkg-detail.32.png) no-repeat;} .check-block .checkblo__ {position:relative; padding:23px 23px 0 43px; overflow:hidden;} .check-block i.t {top:-40px;} .check-block i.b {bottom:-20px; height:40px;} div.check-block .checkblo__ p {color:#4D4D4D;} div.check-block .checkblo__ p.button-a {position:relative; z-index:200; margin:-13px 0 0 -33px;} div.check-block .checkblo__ p.button-a i {} /* Choice panel */ div.choice {position:relative; z-index:100; width:830px; min-height:323px; background:#FFF url(../images/grd-choice.png) repeat-x 0 100%;} div.choice .choi__ {width:830px; overflow:hidden;} div.choice i.choi__bottom {position:absolute; left:0; width:830px; height:40px; bottom:-40px; background:url(../images/crn-shd-choice.32.png) no-repeat 0 100%;} div.choice ul {} div.choice ul li {font-size:1.4em; line-height:1.14em; color:#666;} div.choice .left {float:left; width:404px; min-height:126px; padding-top:207px; } div.choice .left i.img {position:absolute; width:196px; height:192px; left:186px; top:32px; background:url(../images/cnt-home-services.32.png) no-repeat} div.choice .left a.img {position:absolute; text-indent:-999px; width:110px; height:100px; bottom:155px; left:auto; right:490px; overflow:hidden;} div.choice .left ul {position:absolute; width:170px; bottom:161px; right:640px;} div.choice .left li {text-align:right;} div.choice .left .button-a {margin-left:208px;} div.choice .right {float:right; width:404px; min-height:126px; padding-top:207px; } div.choice .right i.img {position:absolute; width:273px; height:218px; left:415px; top:12px; background:url(../images/cnt-business-services.32.png) no-repeat} div.choice .right a.img {position:absolute; text-indent:-999px; width:170px; height:115px; bottom:155px; left:auto; left:470px; overflow:hidden;} div.choice .right ul {position:absolute; width:150px; bottom:161px; left:670px;;} div.choice .right li {} div.choice .right .button-a {margin-left:37px;} div.choice a {color:#0071BA;} i.hr {position:absolute; top:20px; left:405px; width:3px; height:261px; background:url(../images/hr-choise.png) no-repeat;} /* Inset */ div.inset {position:relative; z-index:10; width:227px; padding-top:40px;} div.inset .ins__ {position:relative; width:145px; min-height:128px; padding:0 37px 0 50px; overflow:hidden;} div.inset .ins__ p {font-size:2.1em; line-height:1.05em; color:#808080;} div.inset i {position:absolute; z-index:-1; left:0; width:100%; height:200px; background:url(../images/bkg-inset.32.png) no-repeat 0 100%;} div.inset i.top {top:0; height:40px;} div.inset i.bottom {bottom:-40px;} div.paper {position:relative; z-index:100; padding:20px 0; margin:-20px 0 23px 50px; } div.pap__ {position:relative; width:830px; padding:0 20px; background:url(../images/bkg-elastic.32.png) repeat-y;} div.paper i.pap__top {position:absolute; z-index:-1; width:870px; left:0; top:-20px; height:40px; background:url(../images/bkg-paper-top.32.png) no-repeat;} div.paper i.pap__bottom {position:absolute; display:block; z-index:-1; width:870px; left:0; bottom:-20px; height:40px; background:url(../images/bkg-paper-bottom.32.png) no-repeat;} div.home-paper div.pap__ {position:relative; /* padding-bottom:30px; background:#5D5D5D;*/} i.corners { position:absolute; left:20px; bottom:-20px; width:830px; height:20px; } /* Buttons ------------------------------------------------------*/ /* Button with height 28px (“small button”) */ .button-a {position:relative; height:28px; padding:9px; margin:-9px; overflow:hidden;} .button-a i {position:absolute; height:46px; top:0; background:url(../images/btn-a-shadow.32.png) no-repeat;} .button-a i.l {left:-27px; right:auto !important; width:100%;} .button-a i.r {left:auto !important; right:0; width:27px;} .button-a a {position:relative; display:block; text-indent:-9999px; color:#AAF; font-size:1.6em; height:20px; padding:4px 7px; overflow:hidden;} .button-a a i {width:700px; height:90px; cursor:pointer; background:url(../images/spr-button-a.32.png) no-repeat;} .button-a a:hover {color:#99A;} .button-a a:hover i {margin-top:-50px;} /* views of buttons */ .button-a.home {width:125px;} .button-a.home a i {left:0;} .button-a.business {width:150px;} .button-a.business a i {left:-150px;} .button-a.read-all {width:108px;} .button-a.read-all a i {left:-320px;} .button-a.check {width:216px;} .button-a.check a i {left:-470px;} .button-a.home {width:125px;} .button-a.home a i {left:0;} /* Button with height 40px (“large button”) */ .button-b {position:relative; height:40px; padding:9px; margin-top:-9px; overflow:hidden;} .button-b i {position:absolute; height:66px; top:0; background:url(../images/btn-b-shadow.32.png) no-repeat;} .button-b i.l {left:-35px; width:100%;} .button-b i.r {right:0; width:35px;} .button-b a {position:relative; display:block; color:#AAF; font-size:1.6em; height:32px; padding:4px 7px; overflow:hidden;} .button-b a i {width:700px; height:90px; text-indent:-9999px; cursor:pointer; background:url(../images/spr-button-b.32.png) no-repeat;} .button-b a:hover {color:#99A;} .button-b a:hover i {margin-top:-50px;} /* views of buttons */ .button-b.check {width:302px;} .button-b.check a i {left:0;} .button-b.login {width:132px;} .button-b.login a i {left:-350px;} /* Button for UL scroller */ div.button-ul-s {position:relative; z-index:1; width:60px; height:140px; overflow:hidden;} div.button-ul-s i {position:absolute; z-index:-1; width:60px; height:280px; left:0; background:url(../images/spr-button-ul-s.32.png) no-repeat;} div.button-ul-s a { position:absolute; width:20px; height:36px; top:52px; text-indent:-1000px; background:url(../images/spr-scroller.8a.png) no-repeat; overflow:hidden; } div.button-ul-s.prev {} div.button-ul-s.prev i {top:0;} div.button-ul-s.prev a {left:8px; background-position:0 0;} div.button-ul-s.prev a:hover {background-position:-100px 0;} div.button-ul-s.prev a.disabled {background-position:-50px 0;} div.button-ul-s.next {} div.button-ul-s.next i {top:-140px;} div.button-ul-s.next a {right:6px; background-position:0 -50px;} div.button-ul-s.next a:hover {background-position:-100px -50px;} div.button-ul-s.next a.disabled {background-position:-50px -50px;} /* Button for DL scroller */ div.button-dl-s {position:relative; z-index:1; width:64px; height:125px; overflow:hidden;} div.button-dl-s i {position:absolute; z-index:-1; width:64px; height:250px; left:0; background:url(../images/spr-button-dl-s.32.png) no-repeat;} div.button-dl-s a { position:absolute; width:20px; height:36px; top:42px; text-indent:-1000px; background:url(../images/spr-scroller.8a.png) no-repeat; overflow:hidden; } /* States */ div.button-dl-s.prev {} div.button-dl-s.prev i {top:0;} div.button-dl-s.prev a {left:10px; color:#FFF; background-position:-50px 0;} div.button-dl-s.prev a:hover {background-position:-100px 0;} div.button-dl-s.prev a.disabled {background-position:0 1px;} div.button-dl-s.next {} div.button-dl-s.next i {top:-125px;} div.button-dl-s.next a {right:8px; color:#FFF; background-position:-50px -50px;} div.button-dl-s.next a:hover {background-position:-100px -50px;} div.button-dl-s.next a.disabled {background-position:0 -50px;} /* Simple buttons */ div.button-o {position:absolute; z-index:100; left:23px; bottom:-16px; overflow:hidden;} div.button-o a {font-size:1.7em; color:#CACACA;} div.button-o a:hover {color:#1D99D5;} div.label {height:5px; padding:30px 0 0 20px; background:#5c5c5c;} div.label p {position:relative; z-index:1000;} div.label a {font-size:1.7em; color:#F9AE3B;} div.label a:hover {color:#FFF;} /* Middle Content ------------------------------------------------------*/ #slider {/*margin-top:-12px;*/} div.content {color:#E4E4E4; width:830px; padding:50px 0 0 0; background:#808080; overflow:hidden;} div.content h2 {font-size:2.5em; line-height:1.2em; margin-bottom:0.6em; color:#FFF; font-weight:700;} div.content h3 {font-size:1.7em; line-height:1.2em; margin-bottom:0.5em; padding-top:0.2em; color:#FFF; font-weight:700;} div.content ul {list-style-type:disc;} div.content ul, div.content ol {padding-left:1em; margin:0 0 1.27em 45px;} div.content ul li, div.content ul li {font-size:1.5em; line-height:1.2em;} div.content p {font-size:1.5em; line-height:1.2em; margin-bottom:1.27em;} div.content a {color:#F9AE3B; font-weight:700;} div.content p.intent-50 {margin-right:-50px; margin-left:50px;} div.content.lightgrey {background:#808080 url(../images/grd-content-light.png) repeat-x 0 100%;} div.content.darkgrey {background:#525252 url(../images/grd-content-dark.png) repeat-x 0 100%;} /* Layout tuning */ div.content.right-sided {} div.content.right-sided .main {float:right; width:400px; padding:0 140px 50px 0; text-align: justify; text-justify: newspaper;} div.content.right-sided .side {float:left; width:250px; padding-left:30px;} div.content.left-sided {} div.content.left-sided .main {float:left; width:395px; padding:0 0 50px 85px; text-align: justify; text-justify: newspaper;} div.content.left-sided .side {float:right; width:259px; padding-right:30px;} /* Side types */ /* Norton */ div.side.norton {margin-top:0.5em;} div.norton h2 {font-size:2em;} div.norton p {font-size:1.3em;} div.norton ul {margin-left:0; padding-left:0; list-style-type:none;} div.norton ul li {font-size:1.3em; line-height:1.231em; margin-bottom:0.4615em;} div.norton ul li a {font-weight:400;} /* Awards */ div.side.awards {margin-top:-20px;} div.awards .img-a {width:192px; text-align:center; margin:0 0 85px 25px;} div.awards .img-a img {margin-bottom:-15px;} /* Authors */ div.side.authors {margin-top:-20px;} /* Persons */ div.side {} div.person {width:250px; padding:20px 0 0 6px; overflow:hidden;} .img-s {position:relative; z-index:1; width:80px; padding:20px; margin-bottom:2px;} .img-s .img__ {position:relative; width:100%; padding:20px 20px 0 20px; margin:-20px -20px 0 -20px; overflow:hidden;} .img-s img {display:block;} .img-s i {position:absolute; z-index:-1; background:url(../images/spr-img-decoration.32.png) no-repeat;} .img-s i.tl {width:100%; height:200px; left:-20px; top:-20px;} .img-s i.tr {width:25px; height:200px; left:-20px; top:-20px; margin-left:100%;} .img-s i.bl {width:100%; height:20px; left:-20px; clip:rect(auto auto auto 20px);} .img-s i.br {width:25px; height:20px; left:-20px; margin-left:100%;} .img-s p {position:absolute; font-size:1.5em; margin-left:100%; left:-4px; bottom:-2px; width:125px;} div.desc {padding:6px 0 0 22px;} div.desc p {margin-bottom:0.357em;;} div.desc p.phone span {font-size:1.4em; font-weight:700;} div.desc p.phone span.ext {color:#F9AE3B;} div.diagramm {margin-bottom:-14px;} div.content div.side .button-a.check {position:absolute; bottom:188px; right:53px} /* Images */ div.img-award-b {width:192px; text-align:center; margin:0 0 65px 25px;} div.img-award-b img {margin-bottom:-15px;} /* forms */ div.form {padding:40px 0 0 0; background:#5E5E5E url(../images/grd-form.png) repeat-x 0 100%;} div.form div.set {} div.form div.set p.legend {float:left; width:250px; font-size:2.1em; color:#E4E4E4; padding-top:14px; text-align:right;} div.form div.set .setrow {padding:10px; width:560px; margin-left:250px; overflow:hidden;} div.form i.corners {background:url(../images/bkg-form.32.png) no-repeat;} div.form .button-b {margin-left:260px;} /* Accordion ------------------------------------------------------*/ .accordion {position:relative; width:870px; padding-bottom:30px; margin:-43px 0 13px 50px;} .accordion .accordi__ {width:830px; padding:20px 20px 0 20px; background:url(../images/bkg-elastic.32.png) repeat-y;} .accordion i.accordi__bottom {position:absolute; display:block; width:870px; left:0; bottom:-13px; height:40px; background: url(../images/bkg-accordion-bottom.32.png) no-repeat;} .accordion dl {position:relative;} .accordion dt, .accordion dd {position:relative;} .accordion dt {margin-top:-11px; height:61px; background:url(../images/bkg-accordion-dt.32.png) no-repeat;} .accordion dt a {display:block; padding:28px 30px 0 30px; height:31px; font-size:1.8em; line-height:1.2em; color:#808080; cursor:pointer;} .accordion dt a span {float:left;} .accordion dt a em {float:right; font-size:0.667em; font-style:normal; font-weight:700; color:#666;} .accordion dt a:hover em, .accordion dt a:hover span {text-decoration:underline;} .accordion dt img { position: absolute; left: 600px; top: 13px; } .accordion dd {margin-top:-11px; background:url(../images/bkg-accordion-dd.8a.png) no-repeat 0 100%;} .accordion dd .dd__ {width:772px; padding:40px 29px 40px 29px; font-size:1.6em; color:#F0F0F0; overflow:hidden;} .accordion dd .main {float:left; width:520px; text-align: justify; text-justify: newspaper;} .accordion dd .check-block {float:right; padding-top:0; margin:-30px -20px 0 0;} .accordion dd a {color:#F9AE3B; font-weight:700;} /* Tables ------------------------------------------------------*/ table {width:400px; border-collapse:separate; border-spacing:5px; margin:0 0 3em -5px; padding-top:1em;} table tr {} table td {font-size:1.5em; color:#FFF; background:#4D4D4D; padding:6px 3px 8px 12px;} table th {font-size:1.5em; color:#FFF; background:#666; padding:8px 0 4px 12px; border-bottom:10px solid #4d4d4d;} table td.corner, table th.corner {background:url(../images/bkg-table.png) no-repeat;} table td.light-corner, table th.light-corner {background:url(../images/bkg-table-light.png) no-repeat;} table td.light, table th.light {background:#666;} table tr.underline {} table tr.underline td {background:#0071BC;} table tr.underline td.light {background:#29ABE2;} table tr.underline td.corner {background:url(../images/bkg-table-underline.png) no-repeat;} table tr.underline td.light-corner {background:url(../images/bkg-table-light-underline.png) no-repeat;} table td.tl, table th.tl, table tr.underline td.tl {background-position:0 0;} table td.tr, table th.tr, table tr.underline td.tr {background-position:100% 0;} table td.bl, table th.bl, table tr.underline td.bl {background-position:0 100%;} table td.br, table th.br, table tr.underline td.br {background-position:100% 100%;} /* Stylized Inputs ------------------------------------------------------*/ /* For request form */ .input-b {position:relative; z-index:1; float:left; margin:-5px 40px 5px 0;} .input-b .inp__ {position:relative; margin:0 0 0 -11px; padding:10px 20px; height:37px; overflow:hidden;} .input-b label {display:block; padding-left:5px; margin-right:-20px;} .input-b input {width:100%; background:transparent; border:none; font-size:2.1em; color:#666;} .input-b i {position:absolute; z-index:-1; height:183px; top:-6px; background:url(../images/spr-input-b.32.png) no-repeat;} .input-b i.l {width:100%; left:-24px;} .input-b i.r {width:25px; left:-24px; margin-left:100%;} /* Views */ .input-b.phone {width:246px;} .input-b.house {width:99px;} .input-b.street {width:220px;} .input-b.apt {width:100px;} .input-b.zip {width:100px;} .input-b.city {width:180px;} .input-b.email {width:400px;} /* States */ .input-b.focus i {margin-top:-61px;} .input-b.error i {margin-top:-122px;} .form label {font-size:1.6em; color:#CACACA;} /* For auth form */ .input-a {position:relative; z-index:100; width:180px; margin-left:11px;} .input-a .inp__ {position:relative; margin:0 0 0 -18px; padding:8px 0 0 16px; width:100%; height:25px; overflow:hidden;} .input-a label {font-size:1.2em; color:#CACACA;} .input-a input {width:90%; background:transparent; border:none; font-size:1.4em; height:1.3em; color:#666;} .input-a i {position:absolute; z-index:-1; height:230px; top:-5px; left:-18px; background:url(../images/spr-input-a.32.png) no-repeat;} .input-a i.l {width:100%;} .input-a i.r {width:18px; margin-left:100%;} .input-a label {display:block; padding-left:5px; margin-left:-5px;} /* States */ .input-a.focus i {margin-top:-50px;} .input-a.error i {margin-top:-100px;} .checkbox-a {float:left; z-index:100; height:31px; overflow:hidden} .checkbox-a .checkb__ {position:relative; float:left; width:21px; height:21px; padding:5px; overflow:hidden;} .checkbox-a i {position:absolute; z-index:1; width:31px; height:62px; top:0; left:0; background:url(../images/spr-cbox-a.32.png) no-repeat;} .checkbox-a input {display:block; margin:5px; width:13px; height:13px; border:0;} .checkbox-a label {position:relative; z-index:1; display:block; font-size:1.2em; padding-top:8px;} /* States */ .checkbox-a.checked i {margin-top:-31px;} /* Extra content ------------------------------------------------------*/ div.extra {} div.extra .ext__ {} i.ext__bottom {position:absolute; left:20px; bottom:-20px; width:830px; height:20px;} div.extra h3 {font-size:2.1em; font-weight:700; color:#CACACA;} div.extra .button-ul-s, div.extra .button-dl-s {float:left;} /* Background tuning (apply to div.extra) */ div.extra.dark {background:#4D4D4D;} div.extra.dark i.ext__bottom {background:url(../images/bkg-content-dark.8a.png) no-repeat;} i.ext__bottom_dark {background:url(../images/bkg-content-dark.8a.png) no-repeat;} div.extra.light {background:#666 url(../images/grd-extra-light-top.png) repeat-x;} div.extra.light .ext__ {min-height:100px; background:url(../images/grd-extra-light-bottom.png) repeat-x 0 100%;} i.ext__bottom_light {background:url(../images/bkg-content-light.8a.png) no-repeat;} /* Content blocks (to inner div) */ div.extra .persons {width:810px; padding:36px 0 0 20px; overflow:hidden;} div.extra .persons .scroller-b {float:left; margin:0;} div.extra .persons .button-a {float:right; margin:46px 20px 0 -9px;} div.extra .persons .prev {} div.extra .persons .next {margin:0 0 -30px -11px;} div.extra .history {width:830px; padding:13px 0 0 0; overflow:hidden;} div.extra .history h3 {margin:0 0 20px 57px; } div.extra .history .scroller-a {float:left; margin:0;} div.extra .history .button-a {float:right; margin:46px 20px 0 -20px;} div.extra .history .prev {margin:-1px 0 -30px 14px;} div.extra .history .next {margin:0 0 -30px -11px;} div.extra .services {width:830px; padding:13px 0 0 0; overflow:hidden;} div.extra .services h3 {margin:0 0 20px 57px; } div.extra .services .scroller-a {float:left; margin:0;} div.extra .services .button-a {float:right; margin:46px 20px 0 -20px;} div.extra .services .prev {margin:-1px 0 -30px 14px;} div.extra .services .next {margin:0 0 -30px -11px;} /* Scroller for testimonials, etc. */ div.scroller-a {position:relative; width:675px; padding:0 0 0 20px; overflow:hidden;} div.scroller-a ul {width:675px; overflow:hidden;} div.scroller-a li {float:left; width:135px;} div.scroller-a h4 {font-size:2.4em; margin-left:0; color:#F9AE3B;} div.scroller-a p {position:relative; margin:0; padding:0 5px 1em 5px; font-size:1.2em; min-height:75px; color:#E4E4E4;} div.scroller-a a {color:#E4E4E4;} div.scroller-a p i {position:absolute; left:0; top:0; width:1px; height:300px; background:#F9AE3B; overflow:hidden;} div.scroller-a i.l {position:absolute; z-index:1; width:20px; height:200px; top:0; left:0; background:url(../images/cvr-scroller-a-l.32.png) no-repeat;} div.scroller-line {position:relative; clear:both; width:713px; height:4px; margin:0 auto; background:url(../images/bkg-dl-scroller.png) no-repeat;} /* Scroller for history, etc. */ div.scroller-b {position:relative; width:535px; padding:0 0 0 20px; overflow:hidden;} div.scroller-b ul {position:relative; width:540px; overflow:hidden;} div.scroller-b li {position:relative; float:left; width:145px; padding:5px 22px 2px 11px;} div.scroller-b li i {position:absolute; left:0; top:0; width:2px; height:300px; background:#8B8B8B;} div.scroller-b p {font-size:1.1em; line-height:1.45em; color:#CACACA;} div.scroller-b p.person {font-size:1.1em; line-height:1.45em; padding-top:19px; margin-bottom:1.48em; overflow:hidden;} div.scroller-b p.person strong {font-size:1.27em; color:#FFF;} div.scroller-b img {float:left; border:4px solid #808080; margin:-19px 12px 0 0;} ul#footer {width:600px; margin:0 auto 1em auto; padding-bottom:1em; overflow:hidden;} #footer li {float:left; font-size:1.2em; margin:0 .4em 0 0;} #footer li a {color:#666; text-transform:uppercase;} #footer li a:hover {color:#0071BA;}