@charset "utf-8";

html, body {margin:0; padding:0; min-height:570px; width:100%;}
#menu em, #footer em {visibility:hidden; font-style:normal;}

/* DIVS */
#horizon {position:absolute; top:50%; left:0; width:100%;}
#container {width:100%; position:absolute; top:-285px; left:0; text-align:left;}
.js #container {height:545px;}
#header {width:800px; height:76px; position:absolute; margin-top:13px; margin-bottom:-105px;}
.js #header { position:fixed;}
#logo {width:197px; height:50px; margin:0 0 0 40px !important; margin-left:20px; float:left;}
#menu {width:400px; height:7px; float:left; padding:0; margin:33px 0 0 100px;}
#top_line {width:100%; height:1px; border-bottom:#818080 1px dotted; padding-top:90px;}
#content_wrapper {clear:left; margin:-90px 0 0 0px; overflow:hidden}
.js #content_wrapper {height:510px;}
#left_line {width:15px; height:510px; border-right:#818080 1px dotted; float:left;}
#content {margin:76px 0 0 15px;}
.js #content {height:434px;}
#middle_line {width:100%; height:1px; border-top:none; margin:-216px 0 215px 0 !important; margin-bottom:201px;}
.js #middle_line {border-top:#818080 1px dotted;}
#bottom_line {width:100%; height:1px; border-top:#818080 1px dotted; margin-top:-15px;}
#footer {width:100%; height:50px; position:absolute; border-top:#818080 1px dotted; margin-top:50px;}
.js #footer {position:fixed;}
#footer_left {width:15px; height:20px; border-right:#818080 1px dotted;}
#footer_right {height:20px; width:100%; margin-top:-20px; }
#map{width:250px;height:142px; margin:-122px 0 4px 0; border:#999 1px solid;}

/* Paragraphs */
* { font-family:Arial, Helvetica, sans-serif; color:#666666;}
.content_left p {font-size:10px; color:#5b5b5b; margin:4px 0 10px 0; line-height:12px;}
.content_right p {font-size:10px; color:#5b5b5b; margin:4px 0 10px 0; line-height:12px;}
.content_about p {font-size:10px; color:#5b5b5b; margin:4px 0 10px 0; line-height:12px;}
.content_people p {font-size:10px; color:#5b5b5b; margin:4px 0 10px 0; line-height:12px;}
.content_twocols p {font-size:10px; color:#5b5b5b; margin:4px 0 10px 0; line-height:12px; display:block; float:left; width:164px; margin-right:18px;}
.content_bottom p {font-size:10px; color:#5b5b5b; line-height:12px; margin:2px 0 0 5px; font-family:Arial Narrow, Arial, Helvetica, sans-serif}
.content_back p {font-size:10px; color:#5b5b5b; line-height:12px; margin:2px 0 0 5px; font-family:Arial Narrow, Arial, Helvetica, sans-serif}
.content_threecols p {font-size:10px; color:#5b5b5b; margin:4px 0 10px 0; line-height:12px;}
.player p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 15px 0 12px ;}
.contact .content_threecols p {margin-top:-100px;}

/* Titles */
.content_left h2, .detail_text1 h2 {font-size:15px; margin:2px 0 15px 0; font-family:Arial Narrow, Arial, Helvetica, sans-serif; color:#0089C7; text-transform:uppercase; line-height:20px;}
.content_client h2 {font-size:12px; margin:5px 0 0 0; font-family:Arial Narrow, Arial, Helvetica, sans-serif; text-align:center; line-height:15px; text-decoration:none; text-transform:uppercase;}
.content_left h3, .detail_text1 h3 {font-size:12px; color:#5b5b5b; font-weight:600; margin:15px 0 2px 0; text-transform:uppercase;}
.content_title h1 {color:#ffffff; font-size:26px; margin:0 0 3px 0; font-weight:200; line-height:30px; text-transform:uppercase;}
.content_people h1 {color:#0089C7; font-size:36px; margin:0 0 3px 0; font-weight:200; line-height:42px; display:block; height:170px; text-transform:uppercase;}
.content_twocols h1 {color:#0089C7; font-size:36px; margin:0 0 3px 0; font-weight:200; line-height:42px; display:block; height:170px; width:250px; text-transform:uppercase;}
.content_about h2 {color:#0089C7; font-size:26px; margin:0 0 25px 0; font-weight:200; line-height:30px; display:block; height:90px; text-transform:uppercase;}
.contact .content_twocols h1 {height:100px !important;}

/* Links */
#menu li a {display:block; text-decoration:none; margin:0 18px 0 0; height:7px; background:url(/images/layout/menu2.jpg) no-repeat}
#menu li a.news, #menu li a.news:visited {width:26px; background-position:left top; }
#menu li a.news:hover, .news #menu li a.news {background-position:left bottom;}
#menu li a.work, #menu li a.work:visited {width:28px; background-position:-44px top;}
#menu li a.work:hover, .work #menu li a.work {background-position:-44px bottom}
#menu li a.cases, #menu li a.cases:visited { width:29px; background-position:-90px top}
#menu li a.cases:hover, .cases #menu li a.cases { background-position:-90px bottom;}
#menu li a.clients, #menu li a.clients:visited { width:40px; background-position:-136px top}
#menu li a.clients:hover, .clients #menu li a.clients { background-position:-136px bottom;}
#menu li a.about, #menu li a.about:visited { width:33px; background-position:-195px top}
#menu li a.about:hover, .about #menu li a.about { background-position:-195px bottom;}
#menu li a.contact, #menu li a.contact:visited { width:46px; background-position:-244px top}
#menu li a.contact:hover, .contact #menu li a.contact { background-position:-244px bottom;}

.other {text-decoration:none; font-family:Arial Narrow, Arial, Helvetica, sans-serif; color:#a0b1c2;}
.more {text-decoration:none; font-family:Arial Narrow, Arial, Helvetica, sans-serif}
.star a, .star_hover a {text-decoration:none; border:0; font-size:100px; line-height:157px; display:block; width:164px; height:157px;}
.content_bottom a, .content_back a {text-decoration:none; font-family:Arial Narrow, Arial, Helvetica, sans-serif; text-decoration:none;}
.content_left h2 a {text-decoration:none;}
.content_right li a, .detail_text2 li a {color:#0089C7;}
.content_client h2 a {text-decoration:none;}
.content_twocols h1 span a {color:#0089C7; text-decoration:none;}
.content_twocols a {color:#0089C7; text-decoration:none;}
#footer_right a { text-decoration:none;}

/* Lists */
#menu ul {list-style-type:none; margin:0; padding:0;}
#menu li {display:block; float:left; font-size:9px; margin:0; padding:0; line-height:7px;}
.content_right ul, .detail_text2 ul {list-style-type:none; margin:20px 0 0 0; text-align:right;}
.content_right li, .detail_text2 li {margin:0; line-height:16px; font-size:10px;}

/* Elements */
.content_bottom img {float:left; margin-right:3px;}
.content_title table {margin:0; padding:0;}
.content_twocols h1 span {color:#0089C7; font-size:14px; margin:0 0 3px 0; font-weight:300; line-height:32px;}

/* Classes */
.content_block {width:400px; height:434px; float:left; border-right:#818080 1px dotted; padding:0;  overflow:hidden;}
.js .content_block, .clients .content_block {width:200px; height:434px; float:left; border-right:#818080 1px dotted; padding:0;  overflow:hidden;}
.content_open {width:840px; height:434px; float:left; border-right:#818080 1px dotted; padding:0;  overflow:hidden;}
.content_inner {width:364px; height:369px; padding:18px; margin-top:14px; overflow:hidden;}
.content_inner2 {width:200px; height:406px; padding:0; margin-top:14px; overflow:hidden;}
.content_inner3 {width:364px; height:369px; padding:18px; margin-top:14px; overflow:hidden;}
.js .content_inner3 {width:164px;}
.content_inner4 {width:804px; height:369px; padding:18px; margin-top:14px; overflow:hidden; background-color:#f5f8fa}
.content_title {width:164px; height:369px; padding:18px; margin-top:0px; overflow:hidden; background-color:#575656;}
.content_client {width:164px; height:174px; padding:12px 18px 18px 18px; overflow:hidden; margin-bottom:1px;}
.content_about {width:164px; height:348px; overflow:hidden;}
.content_twocols {width:420px; height:330px; padding:0; margin-top:14px; overflow:hidden; float:left;}
.content_threecols {width:640px; height:350px; padding:0; margin-top:14px; overflow:hidden; float:left;}
.content_img {width:364px; height:330px; margin-top:14px; overflow:hidden; float:left;}
.content_left {width:164px; height:348px; overflow:hidden; float:left;}
.content_right { width:164px; height:348px; overflow:hidden; float:right;}
.content_bottom {height:20px; width:364px; clear:both;}
.js .content_bottom {width:164px;}
.content_back {height:20px; width:800px; clear:both;}
.detail_img {width:164px; height:350px; float:left; margin-right:30px;}
.detail_text1 {width:200px; height:350px; float:left; margin-right:30px;}
.detail_text2 {width:200px; height:350px; float:left;}
.detail_bottom {width:200px; height:30px;}
.img {width:164px; height:157px; overflow:hidden;}
.star {margin-top:-157px; width:164px; height:157px; position:absolute; background:url(/images/layout/star.png) left top no-repeat;}
.star_hover, #content .open .star {margin-top:-157px; width:164px; height:157px; position:absolute; background:url(/images/layout/star.png) left bottom no-repeat;}
.other {float:left;}
.back {float:right;}
.title {cursor:default !important;}
.more {float:right; cursor:pointer; display:none;}
.js .more {float:right; cursor:pointer; display:block;}
.more_about {float:right; cursor:pointer;}
.contact_text {font-size:12px !important; line-height:18px !important;}
.active {background-color:#f5f8fa; cursor:pointer;}
.about-baseline .active, .about-network .active {cursor:default !important;}
#content .open .content_inner {background-color:#f5f8fa;}
.overflow #container {overflow:hidden;}
.js .hide{display:none;}
.address {float:left; font-size:9px; margin:11px 0 0 36px; line-height:9px; display:block; width:350px; height:9px; background:url(/images/layout/footer.jpg) no-repeat;}
.glue {float:right; font-size:9px; margin:12px 18px 0 0px !important; margin-right:9px; line-height:9px; display:block; width:67px; height:9px; background:url(/images/layout/sitebyglue.gif) no-repeat;}
.player {height:60px;}

.content_right .print_list, .detail_text2 .print_list {height:15px;margin:0;}
.content_right .video_list {height:15px;margin:0;}
.content_threecols .detail_text2 .video_list {height:15px;margin:0;}
/*
span.error {float:right; margin:0; background: url(/images/layout/error.jpg) no-repeat left; width:14px; height:14px; display:block; padding:0; font-size:11px; color:#bf2f38; font-family:Verdana, Arial, Helvetica, sans-serif;}
input.error {border:#bf2f38 1px solid !important; clear:right;}
textarea.error {border:#bf2f38 1px solid !important;}
span.valid {display:none !important;}
*/