/* Global */

html { overflow-x: auto; overflow-y: scroll; }
body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; background-color: #222; }
a { outline: none; color: #FFF; text-decoration: none; cursor: pointer; }

/* Structure */

#container { min-height: 100%; height: auto !important; height: 100%; position: relative; width: 980px; margin: 0 auto -260px auto; padding: 0; background-image: url('/img/background-dark.png'); background-repeat: repeat-y; }

#box { background-color: #000000; }

#logo { padding: 20px 20px 8px 20px; width: 300px; float: left; }

#menu { float: right; }

#header { height: 115px; width: 980px; }

#banner { width: 980px; height: 380px; }

#banner-big { width: 980px; height: 551px; }

.breadcrumb { font-family: Verdana; color: #BBB; font-size: 0.8em; width: 923px; padding: 28px; background-color: #111; }
.content-box-full .breadcrumb { font-family: Verdana; color: #BBB; font-size: 0.8em; width: 890px; background-color: #111; }
.content-box .breadcrumb { font-family: Verdana; color: #BBB; font-size: 0.8em; width: 420px; background-color: #111; }
.breadcrumb a { color: #BBB; }

.title { width: 914px; padding-bottom: 60px; padding-left: 20px; padding-right: 45px; padding-top: 0px; background-color: #111; }
.raquo { color: #777; }

.content-box { width: 446px; float: left; background-color: #111; padding: 20px; border: 1px solid #222; margin: 1px; }
.content-box p { color: #888; padding: 5px; padding-top: 5px; padding-bottom: 15px; font-size: 1.1em; line-height: 1.6;}

* html .content-box { margin: 0; }

.content-box-full { width: 936px; float: left; background-color: #111; padding: 20px; border: 1px solid #222; margin: 1px; }
.content-box-full p { color: #BBB; padding: 5px; padding-top: 15px; padding-bottom: 15px; font-size: 1.1em; line-height: 1.6;}
.content-box-full h5 { padding: 5px; }
.content-box-full .case-studies strong { color: #666; }

.search strong { color: #dddd00; text-transform: uppercase; background-color: #333; }

#video-wall { height: 464px; background-color: #CCC; width: 980px; clear: both; }
#departments { margin-top: 1px; height: 219px; background-color: #111; width: 980px; position: relative; }
#marketing, #satellite, #design, #media, #avhire, #avsales, #conference, #training { display: block; width: 241px; background-color: #111; position: absolute; border: 1px solid #222; height: 106px; }

#marketing { top: 1px; left: 1px; }
#design { top: 1px; left: 246px; }
#media { top: 1px; left: 491px; }
#avhire { top: 1px; left: 736px; }
#avsales { top: 111px; left: 1px; }
#satellite { top: 111px; left: 246px; }
#conference { top: 111px; left: 491px; }
#training { top: 111px; left: 736px; }

#marketing-flash, #satellite-flash, #design-flash, #media-flash, #avhire-flash, #avsales-flash, #conference-flash, #training-flash { width: 241px; height: 106px; }

#work-feature { position: relative; width: 980px; height: 166px; }
#latest-work { height: 161px; background-color: #111; width: 486px; position: absolute; top: 2px; left: 1px; border: 1px solid #222; line-height: 1.4; }
#your-feature { height: 161px; position: absolute; top: 2px; left: 491px; background-color: #111; width: 486px; border: 1px solid #222; line-height: 1.4; }

#news { margin-top: 2px; height: 220px; background-color: #CCC; width: 978px; margin: 1px; }

#footer, .push { height: 260px; }
#footer { position: relative; width: 980px; margin: 0 auto; background-color: #FFF; font: 1.2em/1 Arial, Helvetica, sans-serif; color: #666; }
.push { clear: both; }
#copyright { position: absolute; bottom: 20px; left: 30px; }
#legal { position: absolute; bottom: 20px; right: 30px; }
#rar { position: absolute; bottom: 40px; right: 30px; }
.footer-block { width: 185px; }
#footer-contact { position: absolute; top: 20px; left: 30px; }
#footer-corporate { position: absolute; top: 20px; left: 275px; }
#footer-community { position: absolute; top: 20px; left: 520px; }
#footer-website { position: absolute; top: 100px; left: 275px; }
#footer-site { position: absolute; top: 20px; left: 745px; }
@font-face { font-family: "Diavlo Medium"; src: url(/fonts/DiavloMedium-Regular.eot); src: local("/fonts/Diavlo Medium"), url(/fonts/Diavlo_MEDIUM_II_37.otf) format("opentype"); }
.footer-block h3.sIFR-ignore { color: #000; font-family: "Diavlo Medium", sans-serif; font-size: 1.3em; padding-bottom: 5px; margin-bottom: 12px; }
#footer-contact h3 { border-bottom: 2px solid #a3a3a3; }
#footer-corporate h3 { border-bottom: 2px solid #c80022; }
#footer-community h3 { border-bottom: 2px solid #2a7f91; }
#footer-site h3 { border-bottom: 2px solid #88ba59; }
#footer-website h3 { border-bottom: 2px solid #88ba59; }
.footer-block a { text-decoration: none; color: #666; }
.footer-block p, .footer-block ul li { line-height: 1.4; }
#social-media-icons { position: absolute; top: 28px; right: 20px; width: 280px; height: 100px; }
#social-media-icons img { float: left; display: block; width: 32px; height: 32px; margin-right: 8px; }

h3 { padding-left: 5px; font-size: 3em; }
h4 { font-size: 3em; }
h5 { padding: 0px; }

.content-box ul, .content-box li, .content-box-full ul, .content-box-full li { color: #BBB; }
.content-box ul, .content-box-full ul { margin: 25px; list-style-type: disc; margin-top: 0; font-size: 1.1em; line-height: 1.6; }

.content-box-full ol { margin: 0 0 12px 28px; }
.content-box-full ol li { font-size: 1.1em; line-height: 1.6; }

.padded-box { padding: 15px; padding-right: 5px; }
.padded-box p { width: 200px; color: #888; padding-left: 5px; padding-top: 15px; line-height: 15px; font-size: 1.1em; font-weight: 400; margin: 0; }
.padded-box2 p { color: #888; padding-top: 15px; line-height: 1.2; font-size: 1.1em; margin: 0; }
.padded-box2 { padding: 15px; }
.padded-box a { padding: 5px; }

.side-box h5 { float: left; width: 200px; }
.side-box h6 { float: left; width: 194px; padding-left: 6px; font-size: 1.2em; font-weight: bold; margin: 10px 0; color: #b7b7b7; }

.side-box div { float: right; }
.side-box p { float: left; width: 220px; padding-top: 0px; }

.link-white { padding-top: 16px; padding-left:15px; background-image: url(/img/white-arrow.png); background-repeat: no-repeat; width: 5px; height: 20px; float:left; background-position:center; }
.link-blue { padding-top: 16px; padding-left:15px; background-image: url(/img/blue-arrow.png); background-repeat: no-repeat; width: 5px; height: 20px; float:left; background-position:center; }

#fancy_bg { background-color: #111; }
#contact-form { width: 380px; height: 310px; z-index: 999; padding: 16px; margin: 5px; border: none; }
#contact-form p { padding: 6px 0; line-height: 1.6; font-size: 1.1em; color: #BBB; }
#contact-form form { padding-top: 10px; }
form input, form textarea { color: #BBB; background-color: #111; border:1px solid #444; padding: 12px; margin: 3px; }
.submit-contact { background-color: #333; }

.awards { float: left; width: 140px; height: 90px;}
.awards img { padding: 5px 10px; padding-bottom: 1px;}
.awards p { padding: 0; margin: 0; padding-left: 10px; padding-bottom: 3px; color: #BBB; font-size: 1em; }
.awards .no-pad { padding: 0; }

.black{ color: #111; }
.grey{ color: #CCC; }

#footer-menu { width: 180px; padding: 30px; float: left; padding-bottom: 20px;  padding-top: 18px; position: relative; }
#footer .header { padding-bottom: 8px; }
#footer-menu p { padding-left: 2px; }

#legal-left { float: left; padding-left: 30px; position: relative; }
#legal-right{ float: right; padding-right: 50px; position: relative; }

.dept { float: left; width: 220px; margin: 2px; padding: 3px; }
.dept img { border: 1px solid #666; }

.course { float: left; width: 220px; margin: 2px; padding: 3px; }
.course img { border: 1px solid #666; }

.news-item { float: left; width: 220px; margin: 2px; padding: 3px; height: 220px; }
.news-item img { border: 1px solid #222; }

/* CSS rules */

.tooltip{ position: absolute; padding: 3px 5px; z-index: 2; color: #CCC; background-color: #333; border: none; font-size: 8px; text-align: center; width: 105px; height: 50px; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); }


ul.sitemap { font-size: 1.0em; line-height: 1.6; margin-bottom: 0px; }
li.sitemap { margin-bottom: 10px; }

a.no-pad { padding: 0; }

#job_function { padding: 20px; width: 318px; height: 160px; border: 1px solid #cbcbcb; position: relative; }
#job_function h4 { font-size: 1.8em; color: #fff; padding: 0; margin: 0 0 10px 0; }
#job_function p { font-size: 1.1em; color: #fff; padding: 0; margin: 0 0 10px 0; }
#job_function .cv_upload_button { position: absolute; bottom: 30px; right: 30px; }

#home-job { padding: 15px 8px 12px 15px; }
#home-job h3, #home-job h4 { float: left; }
#home-job p { color: #FFF; }

.tableclass tr td { padding: 8px; }
.textclass { padding: 4px; }

#image-gallery { float: left; width: 926px; margin: 1px; border: 1px solid #222; padding: 25px; background-color: #111; }
#image-gallery a { float: left; display: block; width: 90px; height: 90px; padding: 4px; border: 1px solid #222; margin: 0 15px 15px 0; }

#right ol#playlist { margin-left: 30px; color: #999; }