/* =GLOBAL ----------------------------------------------------------------------- */

* {margin:0; padding:0;}
html {background:#0E0E0E url('../images/gradient.jpg') no-repeat top center; width:100%;}
  body {background:url('../images/line.gif') no-repeat 0 0 fixed; font:16px georgia,helvetica,arial,sans-serif; text-align:center; color:#FFF; text-rendering:optimizeLegibility; -webkit-text-stroke:1px transparent;}
    #container {padding-right:25px; width:904px; text-align:left; margin:0 auto; position:relative; top:0;}

a {text-decoration:underline; color:#99A6AC;}
a:hover,a:active,a:focus {text-decoration:none; color:#FFF; text-shadow:rgba(255,255,255,1) 0 0 3px;}
a img,fieldset {border:0;}
ol {list-style-type:decimal;}
ol ol,ul {list-style-type:none;}
p,li {line-height:18px; font-size:1em;}
h1,h3 {font-weight:bold;}
abbr {border-bottom:1px dotted #888; cursor:help;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix  {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */
legend {display:none !important;}
.left {float:left;}
.right {float:right;}
.none {position:absolute !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */clip:rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height:1px !important; width:1px !important; overflow:hidden;}


/* =HEADER ----------------------------------------------------------------------- */

#header {width:100%; height:230px; position:relative;}

#header h1  {font-size:1.4em; padding:25px 0 0 125px;}
  #header h1, #header h1 a  {display:block; width:200px; height:60px;}
  #header h1 a  {text-decoration:none; color:#FFF;}

.slogan {background:url('../images/bot_h2.gif') 100% 100% no-repeat; padding-bottom:19px; position:absolute; left:123px; top:120px; width:781px;}
  .slogan h2 {background:url('../images/sqr.gif') 100% 0 no-repeat; height:auto; width:781px; font-size:1em; color:#151515; font-weight:normal;}
    .slogan h2 span {background:#D5E7F0 url('../images/bg_h2.gif') 0 0 repeat-y; padding:18px 24px 19px 25px; line-height:20px; display:block; width:722px;}

.lang {position:absolute; right:30px; top:15px; width:250px; height:24px;}
  .lang li {display:block; float:right;margin-left:10px; line-height:24px; text-indent:1px; text-align:center; font-size:.7em;}
    .lang li a {background:url('../images/bg_lang.gif') 0 0 no-repeat; display:block; width:24px; height:24px;}
    .lang li.acv a {color:#FFF;}


/* =MENU ----------------------------------------------------------------------- */

.menu {height:100px; width:100%; overflow:hidden; position:relative;}
  .menu h3 {font-size:1.2em; color:#FFF; position:absolute; left:145px; top:0; width:160px; height:80px;}

.navigation {position:absolute; right:20px; top:20px; overflow:hidden; height:42px; width:500px; text-align:right;}
  .navigation li {display:inline; font-size:13px; font-weight:bold; line-height:35px; text-align:center;}
    .navigation li a {display:-moz-inline-stack; display:inline-block; height:42px; padding:0 25px; text-decoration:none; color:#EFEFEF; background:url('../images/bg_nav.gif') -9999px -9999px no-repeat;}
    html* .navigation li a {display:inline; zoom:1;}
    .navigation li a:hover, .navigation li a:focus, .navigation li#active a {background-position:0 0; color:#FFF; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
    .navigation li a:focus {color:#C8DAE2; outline:none;}
    .navigation li em {position:absolute; left:-10001px; top:-10001px;}


/* =CONTENT ----------------------------------------------------------------------- */

.box {background:url('../images/bg_content.gif') 123px 0 repeat-y; padding:11px 11px 11px 134px; margin-bottom:15px; position:relative; text-align:justify; overflow:hidden; width:759px;}
.txt {padding:10px 26px 15px 149px; font-size:.9em; text-align:left; width:729px;}
  .box h4, #gb_form_div h4 {color:#fafafa;}
  .txt h4 {padding:12px 0 15px; font-size:1.1em;}
  .box p {color:#888;}
  .txt p {padding:0 0 15px 115px;}
  .txt p.graphics, .txt p.css, .txt p.cms, .txt p.usability, .txt p.seo {background-position:0 center; background-repeat:no-repeat;}
  .txt p.graphics {background-image:url('../images/icons/01.png');}
  .txt p.css {background-image:url('../images/icons/02.png');}
  .txt p.cms {background-image:url('../images/icons/03.png');}
  .txt p.usability {background-image:url('../images/icons/04.png');}
  .txt p.seo {background-image:url('../images/icons/05.png');}
  .txt a {color:#D5E7F0;}
  .txt a.out {background:url('../images/ext.gif') 100% 72% no-repeat; padding-right:16px;}
  .txt a:hover {color:#FFF;}
  .box .client, .box .info {width:40%; font-size:.7em; line-height:15px;}
  .box .client {margin-right:12px; text-align:right; padding:23px 0 14px;}
  .box .info {margin-left:12px; padding:16px 0 7px;}
  .box .info em {display:block;}
  .box .info a {color:#D3D3D3;}
  .box .info a:hover {color:#FFF;}

.contact_form {padding:0 25px 40px 145px; color:#888;}
  .contact_form h5 {padding:15px 0 5px; color:#c8dae2;}
  .contact_form p {font-size:.9em;}
  .contact_form .error {}
    .contact_form .error input {border-color:#f00;}
    .contact_form .error strong {color:#f00;}
    .contact_form .error a {text-decoration:underline; color:#99A6AC;}
    .contact_form .error a:hover {text-decoration:none;}
  .contact_form .success {font-weight:bold; color:green;}

.fast_lane {color:#888; padding-top:15px; font-size:13px !important;}
  .fast_lane span {display:-moz-inline-stack; display:inline-block; margin-right:18px;}
  html* .fast_lane span {display:inline; zoom:1;}
  .fast_lane strong, .fast_lane a {color:#c8dae2 !important;}
  .fast_lane strong {font-weight:normal; font-size:14px !important;}

.info_data {padding-top:20px; font-size:13px !important;}
  .info_data em {color:#c8dae2; width:160px; display:none;}
  .info_data em:hover {cursor:pointer; color:#FFF;}
  .info_data span {padding-top:5px;}

#content .top {margin-bottom:30px; padding-right:15px; font-size:.7em; text-align:right;}
  #content .top a {position:relative; right:5px; top:2px;}


/* =FOOTER ----------------------------------------------------------------------- */

#footer {clear:both; width:100%; font-size:.7em; padding-bottom:99px;}
  #footer p {background:url('../images/bg_foo.gif') 0 0 repeat-x; margin:0 0 25px 123px; line-height:36px; padding:0 23px; color:#677075;}


/* =FORMS ----------------------------------------------------------------------- */

form {padding:30px 0 10px 0}
input, textarea {font:12px georgia,helvetica,arial,sans-serif; text-align:left; border:none; background-color:#1d1e1f; padding:5px 10px; width:315px; color:#d5e6ef;}
textarea {height:95px; width:315px; line-height:15px; resize:vertical;}
input:hover, textarea:hover, input:focus, textarea:focus {background-color:#bccdd6; color:#0e0e0e;}
input.full, textarea.full {background-color:#bccdd6 !important; color:#0e0e0e !important;}
  form div.left, form div.right {width:350px;}
    form div * {vertical-align:middle;}
    form div.left div {padding-bottom:10px;}
    form div.right div {padding-bottom:3px;}
  form div.traps {padding:0 !important;}
  form label {display:block; padding-bottom:4px; color:#D5E7F0; font-size:15px;}
    form label span  {font-size:17px; color:#FFF; vertical-align:top;}
.disclaimer {color:#677074; font-size:11px !important; margin:10px 0 0 10px;}
.submit {background:url('../images/bg_foo.gif') 0 0 repeat-x; text-transform:lowercase; text-align:center; padding:0 !important; width:72px !important; height:36px; cursor:pointer; position:relative; font-size:15px; top:-15px; left:260px;}
.submit, .submit.full, .submit.focus, .submit:hover, .submit:focus {color:#FFF !important;}