/* =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;}
		#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;}
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 */
.none,legend {display:none !important;}
.left {float:left;}
.right {float:right;}


/* =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;}

#header li, .menu li {text-align:center; display:block; float:right;}
	.lang {position:absolute; right:30px; top:15px; width:250px; height:24px;}
		.lang li {margin-left:10px; line-height:24px; text-indent:1px; 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; height:42px; width:325px; padding-left:175px; overflow:hidden;}
	.navigation li, .navigation li a {display:block; float:left; height:42px;}
	.navigation li {font-size:13px; font-weight:bold; line-height:35px;}
		.navigation li a {text-decoration:none; color:#FFF; padding:0 25px;}
		.navigation li a:hover, .navigation li a:focus, .navigation li#active a {background:url('../images/bg_nav.gif') 0 0 no-repeat;}
		.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 strong, .fast_lane a {color:#c8dae2 !important; margin-right:18px;}
	.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;}
	#content .top a:hover, #content .top a:focus {color:#666;}


/* =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;}
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;}