@CHARSET "UTF-8";

/* Global */
* { padding: 0; margin: 0; border: 0; }
body { background-color: #121311; background-image: url("../img/background.png"); background-repeat: repeat-x; }
hr { background-image: url("../img/hr.png"); background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0; height: 1px; border: 0; margin: 10px 0; }

/* Quick navigation */
#quick-nav { display: none; }

/* Head line */
#head-line { background-color: black; width: 100%; font-size: 11px; color: #878789; }
#head-menu { margin: 0 auto; width: 920px; padding: 10px 30px; text-align: right; }
#head-menu a { color: #878789; text-decoration: none; }
#head-menu a:hover { color: #79b63e; }

/* Background */
#background { background-image: url("../img/background-colors.png"); background-position: bottom center; background-repeat: no-repeat; }

/* Body */
#body { margin: 0 auto; width: 980px; }
#body-middle { background-color: #2c2c2c; }

/* Head */
#head { background-color: white; padding: 6px 15px 5px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; color: black; }
#head img { float: left; }
#head h1 { display: none; }

/* Navigation */
#navigation { margin: 0 10px; float: right; position: relative; bottom: 20px; list-style: none; font-size: 1em; font-size: 14px; }
#navigation li { float: left; padding: 0; margin: 0; }
#navigation li:hover { list-style: none; }
#navigation li a { color: black; text-decoration: none; text-transform: lowercase; padding: 8px 10px 10px; }
#navigation li a:hover, #navigation li a.sel { color: white; background-color: #484848; border-radius: 10px 10px 30px 30px / 10px 10px 8px 8px; -moz-border-radius: 10px 10px 30px 30px / 10px 10px 8px 8px; -webkit-border-radius: 10px 10px 30px 30px / 10px 10px 8px 8px; }
#navigation li div.sel-query { position: absolute; top: 10px; margin-left: -30px; width: 57px; height: 28px; background-image: url("../img/query.png"); }

#team-words { padding: 12px 25px; float: left; font-size: 1.6em; margin: 0; }

/* Content */
#content { padding: 30px; position: relative; }
#content-pos { color: #878789; font-size: 11px; position: relative; bottom: 10px; left: 10px; }
#content-pos a { color: #878789; text-decoration: none; }
#content-pos a:hover { color: #388cc5; }
#content-body { width: 650px; float: left; }
#content-title { background-color: #484848; color: white; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; font-size: 1.2em; font-weight: normal; padding: 5px 15px; }
#content-text { background-color: white; padding: 15px; min-height: 536px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
#content hr.full { clear: both; background-image: url("../img/hr-full.png"); background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0; height: 1px; border: 0; margin: 10px 0; }

/* News */
#news { color: white; float: left; width: 300px; margin: 10px 10px 10px 0; border-top: 2px dotted #535353; }
#news h2 { display: none; }
#news h3 { display: none; }
#news .new { border-bottom: 2px dotted #535353; padding: 5px; }
#news .new-link a { color: #388cc5; background-image: url("../img/arrow-r-blue.png"); background-repeat: no-repeat; padding-left: 15px; }
#news .new-link a:hover { color: white; background-image: url("../img/arrow-r-white.png"); }

/* References */
#references { float: right; position: relative; top: -10px; }
#references h2 { display: none; }
#reference { padding: 0 10px; background-color: #2e536c; color: white; border: 1px solid black; width: 580px; height: 240px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#reference h3 a { color: white; }
#reference h3 a:hover { color: #ec7532; }
#reference h4 { color: white; font-size: 1.2em; }
#reference a { color: white; }
#reference a:hover { color: #388cc5; }
#reference-inner { overflow: hidden; height: 100%; }
#reference-blocks { width: 1000%; height: 100%; position: relative; left: 0; }
.reference-block { width: 550px; float: left; height: 200px; padding: 20px 0; background-image: url("../img/title-ref-bg.png"); background-position: 42%; background-repeat: repeat-y; }
.reference-block .left-block { height: 100%; }
.reference-block ul { list-style-image: url("../img/arrow-r-white.png"); }
#ref-rb { float: right; position: relative; top: 105px; left: 10px; background-color: white; background-image: url("../img/arrow-r-black.png"); background-repeat: no-repeat; background-position: 5px center; width: 18px; height: 32px; border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; -webkit-border-radius: 16px 0 0 16px; }
#ref-rb:hover { background-color: black; background-image: url("../img/arrow-r-white.png"); }
#ref-lb { float: left; position: relative; top: 105px; right: 10px; background-color: white; background-image: url("../img/arrow-l-black.png"); background-repeat: no-repeat; background-position: 2px center; width: 18px; height: 32px; border-radius: 0 16px 16px 0; -moz-border-radius: 0 16px 16px 0; -webkit-border-radius: 0 16px 16px 0; }
#ref-lb:hover { background-color: black; background-image: url("../img/arrow-l-white.png"); }

/* Services */
#our-services { }
#our-services h2 { display: none; }
.serv-block { width: 220px; float: left; margin: 0 0 25px 13px; }
.serv-first { margin: 0; }
.serv-block h3 { background-color: #535353; color: white; text-align: center; font-size: 1.1em; font-weight: normal; padding: 5px; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; }
.serv-content { background-color: white; color: black; padding: 10px; overflow: hidden; height: 140px; border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; }
.serv-content li { padding: 5px 0; }

/* Info */
#info { clear: both; color: white; float: left; background-color: #191919; padding: 15px; width: 425px; min-height: 100px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#info h2 { border-bottom: 1px solid white; font-size: 1.3em; padding-bottom: 3px; margin-bottom: 6px; }
#info ul { list-style-image: url("../img/arrow-r-orange.png"); }
#info a { color: #ec7532; }
#info a:hover { color: white; }

/* Clients */
#clients { float: left; width: 200px; margin: 0 10px; padding: 0 10px; color: white; }
#clients h2 { color: #878789; font-size: 1.1em; font-weight: normal; }
#clients-vr { position: absolute; left: 489px; }
#clients ul { list-style: none; margin: 0; padding: 0; }
#clients ul li { float: left; margin: 2px; }
#clients img { margin: 0; padding: 0; }

/* About us */
#contact { float: left; width: 200px; margin: 0 10px; color: white; }
#contact h2 { color: #388cc5; font-size: 1.1em; font-weight: normal; }
#contact-vr { position: absolute; left: 722px; }
#contact a { color: #388cc5; text-decoration: none; }
#contact a:hover { color: white; }

/* Paging */
.paging { text-align: center; }
.paging a.sel { font-weight: bold; color: #79b63e; }

/* Content positions */
.right-block { float: right; width: 50%; }
.left-block { float: left; width: 45%; }
.right-block img, .left-block img { box-shadow: 5px 5px 15px #444; -moz-box-shadow: 5px 5px 15px #444; -webkit-box-shadow: 5px 5px 15px #444; }

/* Right menu */
#right-menu { float: right; width: 270px; padding: 30px 0; }
#right-menu ul { list-style: none; margin: 0; padding: 0; }
#right-menu ul li a { display: block; margin: 0 0 8px; padding: 10px 20px; text-align: right; text-decoration: none; color: white; background-image: url("../img/rm-bg.png"); background-color: #535353; background-repeat: repeat-y; }
#right-menu ul li a:hover { background-image: url("../img/rm-bg-sel.png"); background-color: white; color: #ec7532; }
#right-menu ul li a.sel { background-image: none; background-color: white; color: #ec7532; }

/* Foot */
#foot { clear: both; background-color: #79b63e; color: black; padding: 15px 10px; font-size: 11px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
#foot .important { color: #2e536c; font-size: 1.2em;}

/* CLASSES */
.clear { clear: both; }
.hidden { display: none; }
.center { text-align: center; }
.title-vr { background-image: url("../img/title-vr.png"); background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0; width: 1px; height: 360px; border: 0;}