already has margin */ h1,h2 {font-family:DIN,tahoma;} #theleft .newspost h1 {padding-bottom:10px;font-size:16px;font-weight:normal;} #theleft .newspost .date {font-family:DIN,tahoma; font-size:14px;padding-bottom:10px;color:#ACACAC;} #theleft .newspost .postedby {font-family:DIN,tahoma; font-size:14px;padding-bottom:20px;color:#ACACAC;} #theleft .archive .newspost { border-bottom: 1px dotted #444;padding-top:10px; } #theleft .archive .newspost:last-child { border-bottom: none; } #theleft .archive h1 a { color: inherit; text-decoration: none; } #theleft .archive .viewmore { display: block; width: 40px; background: #EEE; color: #000; font-family:DIN,tahoma,sans-serif; padding: 3px 6px; margin: 15px 0; text-decoration: none; text-align: center; text-transform: uppercase; } #theleft .logos .row {overflow:hidden;width:580px;} #theleft .logos .row .logo {width:163px;height:163px;padding:2px;background-image:url('img/sprite.jpg');background-position:-359px 0;float:left;margin:0 19px 19px 0;display:block;} #theleft .logos .row .logo table, #theleft .logos .row .logo tr, #theleft .logos .row .logo td {width:163px;height:163px;margin:0;padding:0;border:0;text-align:center;vertical-align:middle;} #theleft .logos .row .logo:hover { background: none; border: 1px solid #FFF; padding: 1px; } #theleft .logos.team .logo { padding: 17px 15px 17px 14px; width: 137px; height: 133px; } #theleft .logos.team .logo:hover { background: none; border: 1px solid #FFF; padding: 16px 14px 16px 13px; } #team_overlay { background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; right: 0; } #team_overlay_content { width: 760px; overflow: auto; background: #000; border: 1px solid #FFF; padding: 30px; margin: 30px auto; } #team_overlay_content img.active { width: 200px; height: auto; border: 1px solid #FFF; float: left; margin: 0 1em 1em 0; } #team_overlay_content .mainblock { width: 520px; float: right; } #team_overlay .next_link, #team_overlay .prev_link { font: 60px DIN, Tahoma, sans-serif; position: absolute; right: 50px; top: 30px; text-decoration: none; height: 60px; margin: 0; } #team_overlay .prev_link { right: auto; left: 50px; } #team_overlay .close_link { width: 30px; height: 30px; line-height: 30px; background: #FFF; color: #000; position: absolute; top: 30px; right: 30px; text-align: center; text-decoration: none; font-size: 30px; margin-left: 360px; } a.travel, div.travel h1, div.travel #theright .listblock .item .cont .ttl, #theright .listblock .item .cont .ttl.travel {color:#82cf43;} a.customer, div.customer h1, div.customer #theright .listblock .item .cont .ttl, #theright .listblock .item .cont .ttl.customer {color:#bc209b;} a.experiential, div.experiential h1, div.experiential #theright .listblock .item .cont .ttl, #theright .listblock .item .cont .ttl.experiential {color:#ff981d;} a.logistics, div.logistics h1, div.logistics #theright .listblock .item .cont .ttl, #theright .listblock .item .cont .ttl.logistics {color:#00c8ff;} .secarrow {width:9px;height:8px;background-image:url('img/sprite.jpg');display:inline-block;margin-left:3px;} .arr-travel {background-position:-179px -50px;} .arr-customer {background-position:-188px -50px;} .arr-experiential {background-position:-197px -50px;} .arr-logistics {background-position:-206px -50px;} div.travel #theright .listblock .hdr {background-color:#82cf43;} div.customer #theright .listblock .hdr {background-color:#bc209b;} div.experiential #theright .listblock .hdr {background-color:#ff981d;} div.logistics #theright .listblock .hdr {background-color:#00c8ff;} #theMap{width:100%;height:960px;background-color:#555;position:relative;} #contactBlock {position:absolute;right:12px;width:377px;border-top:1px solid #666666;} #contactBlock .officeName {font-family:DIN,tahoma;display:block;border-bottom:1px solid #fff;font-size:18px;font-weight:bold;color:#ccc;text-decoration:none;padding-left:10px;text-transform:uppercase;height:27px;line-height:25px;background-image:url('img/bg-transp1.png');} #contactBlock .address, #contactBlock .formTtl {font-family:DIN,tahoma;font-weight:bold;font-size:14px;text-transform:uppercase;padding:15px 15px 25px 15px;overflow:hidden;border-bottom:1px solid #fff;background-image:url('img/bg-transp2.png');} #contactBlock .address .leftcol {width:193px;float:left;} #contactBlock .address .rightcol {width:153px;float:right;} #contactBlock .formTtl {height:27px;line-height:27px;padding: 0 0 0 15px;border-bottom:none;font-size:12px;} #contactBlock form {font-family:DIN,tahoma;font-weight:bold;font-size:12px;padding:15px 15px 20px 15px;background-image:url('img/bg-transp3.png');display:block;} #contactBlock form .row {overflow:hidden;padding-bottom:5px;} #contactBlock form .row label {display:block;height:25px;line-height:25px;float:left;width:64px;} #contactBlock form .row .right {float:left;width:270px;} #contactBlock form .row .right input, #contactBlock form .row .right textarea {width:270px;height:25px;line-height:25px;border:none;} #contactBlock form .row .right textarea {height:164px;} #contactBlock form .row .left {float:left;position:relative;width:64px;height:164px;} #contactBlock form .row .left input {width:43px;position:absolute;left:0px;bottom:0px;height:20px;line-height:18px;background:#000;color:#fff;font-family:DIN,tahoma;font-weight:bold;font-size:12px;} @font-face { font-family: 'DIN'; src: url('dpro-regular-webfont.eot'); src: url('dpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('dpro-regular-webfont.woff') format('woff'), url('dpro-regular-webfont.ttf') format('truetype'), url('dpro-regular-webfont.svg#DDDPro-RegularRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN'; src: url('dpro-bold-webfont.eot'); src: url('dpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('dpro-bold-webfont.woff') format('woff'), url('dpro-bold-webfont.ttf') format('truetype'), url('dpro-bold-webfont.svg#DDDPro-BoldRegular') format('svg'); font-weight: bold; font-style: normal; } /* @font-face { font-family: 'DINBlack'; src: url('dpro-black-webfont.eot'); src: url('dpro-black-webfont.eot?#iefix') format('embedded-opentype'), url('dpro-black-webfont.woff') format('woff'), url('dpro-black-webfont.ttf') format('truetype'), url('dpro-black-webfont.svg#DDDPro-BlackRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINLight'; src: url('dpro-light-webfont.eot'); src: url('dpro-light-webfont.eot?#iefix') format('embedded-opentype'), url('dpro-light-webfont.woff') format('woff'), url('dpro-light-webfont.ttf') format('truetype'), url('dpro-light-webfont.svg#DDDPro-LightRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINMedium'; src: url('dpro-medium-webfont.eot'); src: url('dpro-medium-webfont.eot?#iefix') format('embedded-opentype'), url('dpro-medium-webfont.woff') format('woff'), url('dpro-medium-webfont.ttf') format('truetype'), url('dpro-medium-webfont.svg#DDDPro-MediumRegular') format('svg'); font-weight: normal; font-style: normal; } */ .clientzone { clear: both; } .clientzone h1 { height: 30px; padding: 0 0 20px 0; } .clientzone .text { border: 1px solid #666; background: #444; color: #EEE; } .clientzone input.submit { padding: 2px 5px; background: #555; color: #EEE; border: 1px solid #666; border-color: #666 #444 #444 #666; } .clientzone td { padding: 0; } .clientzone #search { background: #FFF; color: #000; padding: 2px 5px; overflow: auto; height: 22px; } .clientzone #search h2 { float: left; margin: 0; padding: 0; font-size: 1.2em; background: #FFF; } .clientzone #search input.search_field { width: 200px; padding: 2px 5px; background: #CCC; border: 1px solid: #DDD; } .clientzone #search input.search_button { padding: 2px 5px; } .clientzone .file_list { margin: 1em 0; } .clientzone .file_list li { margin: -1px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 3px 5px; } .clientzone .file_date { float: right; } .clientzone #control_panel { overflow: auto; background: #FFF; margin: 50px 0 0 0; padding: 2px 5px; font-family: DIN,Tahoma,sans-serif; height: 22px; line-height: 22px; } .clientzone #control_panel a { color: #000; text-decoration: none; } .clientzone #log_out { float: right; } .clientzone .campaign_list { padding: 1em 0 1em 20px; } .clientzone h2 { background: #CCC; color: #333; float: none; margin: .5em 0; padding: 2px 5px; font-size: .9em; } .clientzone #file_upload form { padding: 5px; } .clientzone .file_name { margin: 5px 0; } .clientzone .info { margin: .5em 0; padding: .5em; background: #ACE; } #theright .teams { margin-left: 0; } #theright .teams li { list-style: none; font-family: DIN, tahoma, sans-serif; } #theright .teams a { text-decoration: none; } #theright a.attachment { font: 11px DIN, tahoma, sans-serif; display: block; padding: 6px 0; text-transform: uppercase; text-decoration: none; } #theright .teams a.active { color: #2AF; } .social > div { float: left; margin: 0 0 0 5px; } .studies_navigation {background: none repeat scroll 0 0 #000000;font-size: 11px;padding: 3px 20px 0 160px;} .studies_navigation a {text-decoration: none;} .studies_navigation .prev {float:left;} .studies_navigation .next {float:right;} div.experiential #theright .listblock .studies_navigation a {color:#FF981D} div.travel #theright .listblock .studies_navigation a {color:#82CF43} div.customer #theright .listblock .studies_navigation a {color:#BC209B} div.logistics #theright .listblock .studies_navigation a {color:#00C8FF}