@charset "utf-8";
body { background:url(img/bgr.jpg); text-align:center; }
.main { margin:0 auto; min-height:100%; position:relative; background:url(img/grund.png) top center no-repeat; }

.cont_frm { height:310px; max-width:1000px; background:url(img/bgr_cont.jpg); margin:0px auto 20px; clear:both; position: relative; padding:40px; _padding:40px 40px 0px; _width:890px; /*_width:expression(document.body.clientWidth < 895? "895px" : document.body.clientWidth > 890? "890px" : "auto");*/ }
* {margin:0px; padding:0px; }
html , body { margin:0; padding:0; height:100%; font-family: /*Segoe UI, */Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:13px; }

img { border:0; }
h1 {font-size:26px; font-weight:400; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; margin-left:20px }
h2 { font-size:14px; font-weight:400; }
h3 {font-size:13px; font-weight:700; color:#FFFFFF; vertical-align: middle; display:block; }
blockquote {margin:10px 0 25px; background: url(img/blockquote.png) no-repeat; padding-left:35px; color:#A8A8A8; line-height:1.6em}
blockquote p {margin-bottom:10px;}

/*.main_contact_form { margin:0 auto; min-height:85%; position:relative; }*/
/*!!!.main_contact_form { margin:0 auto; min-height:90%; position:relative; height: 60%; //height: 80%; clear:both}*/
*html .main { height: 100%; }
.clear { clear:both; height:500px; }
.ftr_w { margin: -471px auto 0; width:expression(document.body.clientWidth <= 990 ? "990px": "100%" ); //margin-left:-1px; min-width:990px; }
/*!!!*/.ftr_w_contact_form { margin: -511px auto 0; width:expression(document.body.clientWidth <= 990 ? "990px": "100%" ); //margin-left:-1px; min-width:990px; }


.ftr_w2 { margin:0px 10px; }
.ftr_txt { float:left; text-align:left; color:#A8A8A8; width:43.5%; }
.ftr_txt2 { margin-top:23px; width:100%; //width:95%; float:left; margin-left:20px; //margin-left:10px; }
.ftr_txt3 { clear:both; margin-bottom:30px; }
.ftr_txt4 { display: table; height: 42px; //position: relative; overflow: hidden; width:125px; float:left; }
.ftr_txt5 { //position: absolute; //top: 50%; display: table-cell; vertical-align: middle; text-align:right; }
.ftr_txt6 { //position: relative; //top: -50%; //float:right; //margin-right:-4px; padding-right:10px; }
.ftr_txt7 { display: table; height: 42px; //position: relative; border-left:1px solid #660000; }
.ftr_txt8 { //position: relative; //top: 50%; display: table-cell; vertical-align: middle; }
.ftr_txt9 { //position: relative; //top: -50%; }
.ftr_txt10 { border-left:1px solid #660000; padding-left:10px; display:block; margin-left:-1px; }

.footer { float:left; text-align:right; width:100%; position:relative; margin:0 auto; }

.header { margin:0 auto; width:990px; height:340px; }
.header2 { margin:0 auto; width:990px; height:170px; }
.wh_box { float:left; padding-left:22px; }
.wh_box2 { margin-top:22px; clear:both; display:block; position:relative; }
ul.menu { list-style:none; margin-top:10px; font-size:12px; }
.menu li { display:inline; padding:0; margin-right:25px; }
.menu a { color:#FFFFFF; text-decoration:none; }
.menu a:hover { color:#FF0000; border-bottom:1px solid #FF0000; text-decoration:none; }
.container { clear:both; text-align:left; width:990px; margin:0 auto; clear:both; }

.menu li span a { color:#FF0000; border-bottom:1px solid #FF0000; }
.menu li span a:hover { color:#FFFFFF; border-bottom:1px solid #FFFFFF; text-decoration:none; display:inline-block;}

.menu_open a { color:#FF0000; border-bottom:1px solid #FF0000; text-decoration:none; }
.menu_open a:hover { color:#FF0000; text-decoration:none; }

.menu_left { max-width:27%; float:left; width:27%; margin-right:-18%; //margin-right:-32%; height:34px; top:100px; position:absolute; background:#010101; }

.menu_box { float:left; text-align:left; padding:0; height:34px; top:100px; position: absolute; width:380px; background:url(img/r_menu.png) right no-repeat #010101; }
.slgn { position:absolute; top:170px; text-align:left; }
.slgn2 { width:250px; margin:45px 0px 0px 0px; }
.slgn3 { font-size:11px; color:#a7a7a7; }


.project_box { margin-bottom:50px; //margin-bottom:30px; }
.other_b { margin-bottom:40px; padding-left:1%; }

ul.recent { list-style:none; margin:10px 0px 0px 40px; font-size:12px; }
.recent li { padding:0; margin-bottom:3px; }
.link { color:#FFFFFF; border-bottom:1px solid #FFFFFF; text-decoration:none; }
.link:hover { color:#FF0000; border-bottom:1px solid #FF0000; text-decoration:none; }
.link2 {color:#FF0000; text-decoration:underline; }
.link2:hover { color:#FFFFFF; }
.recent .link3 { text-decoration:none; color:#FFFFFF; display:block; padding:1px 5px 1px 5px; clear:both; }
.recent .link3:hover { display:block; padding:1px 5px 1px 5px; }

.wh_logo { text-align:right; width:107px; height:101px; position:absolute; left:100%; margin: auto 0 0 -107px; //margin-left:-106px; background:url('img/webhive.jpg') left top no-repeat; }

.cpr { text-align:left; line-height:18px; width:200px; position:absolute; left:100%; top: 60px; margin: auto 0 0 -290px; //margin-left:-289px; font-size:11px; }

.cpr a { color:#FFFFFF; }
.cpr a:hover { color:#FF0000; }
.smiles { margin-bottom:-2px; }

.cont_frm_cf { width:450px; background:url(img/bgr_cont.jpg); margin:0px auto 20px; position: relative; padding:40px 50px 0px 50px}

ul.contfrm2 { list-style:none; margin:0; padding:0; }
.contfrm2 li { margin:0; padding:0; border:0; }
.contfrm3 { width:445px; float:right; text-align:left; }
.label_cont { width:110px; float:left; text-align:right; margin-right:7px; }
.label_txt {width:60px; float: right; }
.label_txt2 { width:80px; }
.label_txt3 { width:100px;}

ul.contfrm { list-style:none; font-size:13px; margin-top:30px; float:left; margin-left:20px; //margin-left:10px; }
.contfrm li { margin-bottom:12px;}
.input_cont { width:294px; }
.input_cont2 { height:174px; width:294px; }

ul.cont { list-style:none; font-size:13px; float:left; margin-top:10px; margin-left:20px; margin:0; padding:0; }
.cont li { margin-bottom:12px; }

.res { width:expression(document.body.clientWidth <= 990 ? "990px": "auto" ); }

input, textarea { font:400 13px Arial, Helvetica, sans-serif; }
form { margin:0; padding:0; }

.contfrm p { background: #2c2c2c url("img/top_left.png") top left no-repeat; float:right; }
.contfrm p span { display: block; background: url("img/top_right.png") top right no-repeat; text-align:right; }
.contfrm p span span { background: url("img/bottom_right.png") bottom right no-repeat; }
.contfrm p span span span { padding: 3px; min-height: 1px; background: url("img/bottom_left.png") bottom left no-repeat; }
* html p span span span { height: 1px; }
.recent p { background: #990000 url("img/b_more_t_l.gif") top left no-repeat; white-space:nowrap; text-align:center; font-size:11px; }
.recent p span { display: block; background: url("img/b_more_t_r.gif") top right no-repeat; color:#FFFFFF; }
.recent p span span { background: url("img/b_more_b_r.gif") bottom right no-repeat; }
.recent p span span span { padding: 1px; min-height: 1px; background: url("img/b_more_b_l.gif") bottom left no-repeat; }

/*about*/
.txt_about_pos { padding-left:40px; margin-top:15px; }
.txt_about_pos2 { width:700px; margin-bottom:20px; }
.txt_about_us { display:block; clear:both; }
.txt_about_e { float:left; width:47%; margin-right:20px; }
.txt_about_v { width:47%; float:right; }
.photo_box { width:125px; float:left; background:#333333; height:164px; }
.txtp { margin-left:140px; }
.name { line-height:14px; }
.namecolor { color:#FF0000; }
.txt_small { font-size:11.5px; }
.clearbox { clear:both; margin-bottom:50px; display:block; }
.error_message { display:block; background:#CC0000; padding:3px; text-align:center; position:absolute; width:450px; }
.message { display:block; background: #000099; padding:3px; text-align:center; position:absolute; width:450px; color:#ffffff;}

.weare{
	width:100%;
	height:169px;
}
.weare ul {
	margin:0px;
}
.weare ul li {
	float:left;
	width:169px;
	height:169px;
	list-style-type:none;
	margin-right:60px;
	position:relative;
}
.tweets{
	width:32px;
	height:15px;
	position:absolute;
	top:7px;
	left:6px;
}
.tweeter{
	background:url(img/sprtweets.png);
	background-position:0px 0px;
	width:15px;
	height:15px;
	float:left;
}
.tweeter:hover{
	background:url(img/sprtweets.png);
	background-position:0px -15px;
	cursor:pointer;
}
.facebook{
	background:url(img/sprtweets.png);
	background-position:-15px 0px;
	width:15px;
	height:15px;
	float:right;
}
.facebook:hover {
	background:url(img/sprtweets.png);
	background-position:-15px -15px;
	cursor:pointer;	
}