@charset "utf-8";
/* CSS Document */


*{
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

body { background:url(../images/bg.gif) repeat-x #000000;}


.clr { clear:both;}

#wrapper_bg {
	position:absolute;
	height:341px;
	width:50%;
	top:192px;
	background:url(../images/left_bg.gif) repeat-x;
	/*background:url(../images/left_test.jpg) repeat-x;*/
	z-index:-1;
}

#wrapper {
	width:992px;
	margin:0 auto 0 auto;
}

#logo {
	float:left;
	width:67px;
	height:85px;
	margin:99px 0 11px 33px;
	display:inline;
}

#left_zone {
	width:330px;
	height:336px;
	float:left;
	border-left:1px solid #4a4a4a;
	margin-bottom:5px;
}

#right_zone {
	width:660px;
	height:336px;
	float:left;
	border-right:1px solid #434342;
	margin-bottom:5px;
}

#left_zone .title {	
	float:left;
	width:168px;
	height:28px;
	line-height:26px;
	padding-left:21px;
	font-size:18px;
	/*font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
}

/*  START menu zone  */
#menuh {
	float:left;
	width:168px;
	margin:24px 0 0 21px;
	display: inline;
}

#menuh ul { float:left}

#menuh ul.upper {
	height:210px;
}

#menuh li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

a.button, a.button:link, a.button:visited {
	float:left;
	height:20px;
	width:100px;
	line-height:20px;
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.special {
    float:left;
	height:20px;
	width:100px;
	line-height:20px;
	text-decoration:none;
	color:#ffffff;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.special:hover , a.special_sel {
    float:left;
	height:20px;
	width:100px;
	line-height:20px;
	text-decoration:none;
	color:#ff9600;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
    
a.button:hover  , a.button_sel {
	float:left;
	height:20px;
	width:100px;
	line-height:20px;
	text-decoration:none;
	color:#ff9600;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*  END menu zone  */

.copy_r {
	width:168px;
	height:20px;
	line-height:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:8px;
	color:#797979;
	float: left;
}

#left_image {
	float:right;
	width:141px;
	height:308px;
	background:url(../images/lt_top.gif) repeat-x #2b2c28;
	padding-top:28px;
}

#right_zone .title {
	float:left;
	width:660px;
	height:26px;
	margin-bottom:2px;
	background-color:#20211d;
}

#right_zone .title h1 {
	float:left;
	width:408px;
	height:26px;
	line-height:26px;
	padding-left:22px;
	margin-bottom:2px;
	font-weight:normal;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#90908e;
}

#right_zone .title span {
	float:right;
	color:#ff9600;
	padding-right:27px;
	height:26px;
	line-height:26px;
}

#right_zone .title span a:link, #right_zone .title span a:visited { color:#ff9600; text-decoration:none;}
#right_zone .title span a:hover { color:#90908e}

#right_content, #right_content_txt {
	float:left;
	width:659px;
	height:308px;
	background-color:#141313;
	border-left:1px solid #2b2c28;
}

#right_content_txt {
	width:632px;
	height:273px;
	padding:15px 5px 20px 22px;
}

.flt_lt { float:left;}
.flt_rt { float:right;}

#footer {
	width:970px;
	padding-left:22px;
}

#footer a:link, #footer a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#797979;
	text-decoration:none;
}

#footer a:hover { text-decoration:underline;}



#right_content_txt p {
	float:left;
	width:92%;
	margin:7px 0;
}


h2 {
	float:left;
	width:100%;
	font-size:14px;
	margin:8px 0;
}

ul.projects {
	float:left;
	width:210px;
}

ul.ct {
	float:left;
	width:310px;
	margin:30px 0;
}

ul.ct li, ul.ct2 li { clear:both;}

ul.ct2 {
	float:left;
	width:510px;
	margin:30px 0 0 0;
}

ul.services {
	float:left;
	width:410px;
	margin:30px 0 0 0;
}

ul.projects li , ul.ct li, ul.ct2 li, ul.services li { list-style:none}

ul.projects, ul.projects a:link, ul.projects a:visited, ul.ct, ul.ct a:link, ul.ct a:visited, ul.ct2 span, ul.ct span, ul.services li {
	font-size:13px;
	font-weight:bold;
	color:#ff9600;
	text-decoration:none;
}

ul.ct, ul.ct a:link, ul.ct a:visited { float:left;}
ul.projects a:hover, ul.ct a:hover { color:#ffffff;}
ul.ct li span { width:200px; text-align:right; float:left;}
ul.ct2 li span { width:400px; text-align:left; float:left;}

.step_no {
	float:left;
	width:150px;
	margin-top: 60px;
	margin-bottom: 55px;
}

.step_descr {
	float:left;
	color:#ff9600;
	font-weight:bold;
	text-align:right;
	width: 460px;
	margin-top: 70px;
}

.serv_bt {
	float:left;
	color:#90908e;
}

#login_zone {
	width:221px;
	height:178px;
	float:left;
	background:url(../images/login_bg.jpg) no-repeat;
	padding:130px 200px 0 238px;
	display: inline;
	overflow: hidden;
}

label {
	float:left;
	color:#FFFFFF;
	font-size:10px;
	width:68px;
	height:22px;
	line-height:22px;
	margin-bottom: 8px;
	clear: left;
}

#user, #pass {
	float:left;
	width:145px;
	height:18px;
	background:url(../images/login_field.gif) no-repeat;
	color:#000000;
	margin-bottom: 8px;
	padding: 4px 0 0 5px;
}
#login {
	float:right;
	width:80px;
	height:22px;
	background:url(../images/login_bt.gif) no-repeat;
	margin-right: 3px;
	display: inline;
	clear: left;
}