/* CSS Document */
BODY {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	min-height:100%;
	background-color:#000000;
	height:expression((documentElement.clientHeight||document.body.clientHeight)<715?'720px':'');
	width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
}
html {
	width:100%; 
	height:100%;
}
/*---------------------------------------------------------------*/
#main {
	background-image: url(main_bg.jpg);
	background-repeat:no-repeat;
	background-position:left 0px;
	width:100%;
	height:100%;
	min-height:720px;
	min-width:999px;
	width:expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
	height:expression((documentElement.clientHeight||document.body.clientHeight)<715?'720px':'');
	float:left;
}
/*---------------------------------------------------------------*/
#top{
	width:195px;
	height:103px;
	position:relative;
	top:16px;
	left:698px;
	margin-bottom:-103px;
}
/*---------------------------------------------------------------*/
#menu{
	width:357px;
	height:35px;
	position:relative;
	top:181px;
	left:514px;
	vertical-align:middle;
	margin-bottom:-35px;
	float:left;
}
/*---------------------------------------------------------------*/
#left_img{
	width:135px;
	height:182px;
	position:relative;
	top:386px;
	left:48px;
	margin-bottom:-182px;
	margin-right:-135px;
}
/*---------------------------------------------------------------*/
#content {
	width:674px;
	height:300px;
	position:relative;
	top:324px;
	left:268px;
	float:left;
	color:#666666;
}
/*---------------------------------------------------------------*/
#content_bloks {
	width:545px;
	height:545px;
	position:relative;
	top:155px;
	left:420px;
	float:left;
	margin-bottom:-245px;
}
/*---------------------------------------------------------------*/
#icon {
	width:674px;
	height:169px;
	margin-left:50px;
	margin-top:50px;
	margin-bottom:-50px;
}
/*---------------------------------------------------------------*/
#zg {
	width:56px;
	height:141px;
	background-repeat:repeat;
	position:relative;
	left:194px;
	top:54px;
	float:left;
	margin-right:-194px;
}
#ser {
	width:461px;
	height:141px;
	background-image:url(serv_text_bg_2.jpg);
	background-repeat:repeat;
	position:relative;
	left:246px;
	top:54px;
	float:left;
	padding:0px 12px;
}
/*---------------------------------------------------------------*/
#footer{
	width:444px;
	height:137px;
	background-image: url(footer_bg.jpg);
	background-repeat:repeat;
	position: relative;
	left:0px;
	top:100%;
	margin-top:-437px;
}
/*---------------------------------------------------------------*/
.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*---------------------------------------------------------------*/
div.ser_text {
	background-image:url(ser_text_bul.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:12px;
	color:#5f5f5f;
	font-family:Tahoma;
	font-size:10px;
	text-transform:uppercase;
	margin-bottom:12px;
	margin-top:12px;
}
/*---------------------------------------------------------------*/
#map {
	width:674px;
	height:169px;
	background-image:url(map.jpg);
	background-repeat:no-repeat;
	background-position:right center;
} 
/*---------------------------------------------------------------*/
#bloks_1 {
	border:#3b3b3b 5px solid;
	width:99px;
	height:99px;
	position:relative;
	left:218px;
	top:0px;
	float:left;
	margin-bottom:-109px;
}
#bloks_2 {
	border:#3b3b3b 5px solid;
	width:99px;
	height:99px;
	position:relative;
	left:327px;
	top:109px;
	margin-bottom:-109px;
}
#bloks_3 {
	border:#3b3b3b 5px solid;
	width:99px;
	height:99px;
	position:relative;
	left:0px;
	top:218px;
	margin-bottom:-109px;
}
#bloks_4 {
	border:#3b3b3b 5px solid;
	width:99px;
	height:99px;
	position:relative;
	left:218px;
	top:218px;
	margin-bottom:-109px;
}
#bloks_5 {
	border:#3b3b3b 5px solid;
	width:99px;
	height:99px;
	position:relative;
	left:436px;
	top:218px;
	margin-bottom:-109px;
}
#bloks_6 {
	border:#3b3b3b 5px solid;
	width:99px;
	height:99px;
	position:relative;
	left:109px;
	top:327px;
	margin-bottom:-109px;
}
#bloks_7 {
	border:#3b3b3b 5px solid;
	width:99px;
	height:99px;
	position:relative;
	left:327px;
	top:327px;
	margin-bottom:-109px;
}
#bloks_8 {
	border:#3b3b3b 5px solid;
	width:99px;
	height:99px;
	position:relative;
	left:436px;
	top:436px;
	margin-bottom:-109px;
}
#bloks_9 {
	width:99px;
	height:30px;
	position:absolute;
	left:565px;
	top:425px;
	font-family:Tahoma;
	font-size:10px;
	color:#00ccca;
	text-transform:uppercase;
}
#bloks_10 {
	width:99px;
	height:30px;
	position:absolute;
	left:770px;
	top:425px;
	font-family:Tahoma;
	font-size:10px;
	color:#00ccca;
	text-transform:uppercase;
}
#bloks_11 {
	width:99px;
	height:30px;
	position:absolute;
	left:665px;
	top:530px;
	font-family:Tahoma;
	font-size:10px;
	color:#00ccca;
	text-transform:uppercase;
}
a.link_index {
	font-family:Tahoma;
	font-size:10px;
	color:#00ccca;
	text-transform:uppercase;
	text-decoration:none;
}
a.link_index:hover {
	font-family:Tahoma;
	font-size:10px;
	color:#fcb904;
	text-transform:uppercase;
	text-decoration:none;
}
/*---------------------------------------------------------------*/
#content_portfol {
	width:100%;
	position:relative;
	top:324px;
	float:left;
	color:#666666;
	height:300px;
}
#portfol_link_line {
	width:182px;
	padding:1px 0px 1px 1px;
	background-image:url(dot.jpg);
	background-repeat:repeat;
	margin-top:0px;
}
#portfol_link_bg {
	background-color:#000000;
	padding:14px 0px 14px 14px;
}
div.portfol_cat {
	background-image:url(ser_text_bul.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:12px;
	color:#999999;
	font-family:Tahoma;
	font-size:11px;
	text-transform:uppercase;
	margin-top:12px;
	width:154px;
}
a.portfol_link {
	color:#999999;
	font-family:Tahoma;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
a.portfol_link:hover {
	color:#fcb904;
	font-family:Tahoma;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
#navigation {
	height:30px;
	padding-right:182px;
	padding-left:388px;
}	
#navigation_bg {
	width:100%;
	height:30px;
	background-color:#1a1a1a;
}
div.navigation_link_first {
	padding-left:13px;
	padding-right:7px;
	float:left;
	padding-top:5px;
	height:25px;
}	
div.navigation_link {
	padding-left:7px;
	padding-right:7px;
	float:left;
	padding-top:5px;
	height:25px;
}	
a.navigation_link {
	color:#818282;
	font-family:Tahoma;
	font-size:11px;
}
a.navigation_link:hover {
	color:#fcb904;
	font-family:Tahoma;
	font-size:11px;
}
div.navigation_link_separator {
	background-image:url(ser_text_bul.jpg);
	background-repeat:no-repeat;
	background-position:center 11px;
	width:10px;
	height:30px;
	float:left;
}	
#portfol{
	padding-left:388px;
	padding-bottom:25px;
	float:left;
}	
#portfol_work {
}
div.portfol_work_link {
	margin-left:15px;
	margin-top:20px;
}		
span.work_number {
	color:#59d6dc;
	font-family:Tahoma;
	font-size:11px;
}	
a.portfol_work_link {
	color:#666767;
	font-family:Tahoma;
	font-size:12px;
}	
a.portfol_work_link:hover {
	color:#fcb904;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
}	
div.portfol_work_op_link {
	margin-left:34px;
	margin-top:10px;
	background-image:url(work_op_line.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:18px;
}	
a.portfol_work_op_link {
	color:#666767;
	font-family:Tahoma;
	font-size:11px;
}
a.portfol_work_op_link:hover {
	color:#fcb904;
	font-family:Tahoma;
	font-size:11px;
}
div.portfol_work_date_link {
	color:#3b3b3b;
	font-family:Tahoma;
	font-size:11px;
	margin-left:52px;
	margin-top:5px;
}	
/*---------------------------------------------------------------*/
#content_portfol_sub {
	width:100%;
	position:relative;
	top:324px;
	float:left;
	color:#666666;
	height:300px;
}
#portfol_sub {
	padding-left:388px;
}
#portfol_sub_pr {
	float:left;
}
img.portfol_img {
 border:#1a1a1a 5px solid;
}
a.portfol_img {
	color:#1a1a1a;
}
#portfol_sub_op {
	width:250px;
	margin-left:20px;
	float:left;
}
#portfol_sub_text_about {
	color:#ffffff;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px;
}
#portfol_sub_text_name {
	color:#ca9403;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	padding:5px 0px;
}
#portfol_sub_text_op {
	color:#808080;
	font-family:Tahoma;
	font-size:11px;
	padding:5px 0px;
}
#portfol_sub_zoom {
	background-image:url(zoom_icon.jpg);
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:left 7px;
	padding:5px 20px;
}
a.portfol_sub_zoom {
	color:#59d6dc;
	font-family:Tahoma;
	font-size:12px;
}


#contact{
	width:461px;
	height:141px;
	background-image:url(serv_text_bg_2.jpg);
	background-repeat:repeat;
	position:relative;
	left:246px;
	top:54px;
	float:left;
	padding:0px 12px;
}

div.contacts_block {
	float:left;
	width:145px;
	color:#a4a4a4;
	font-family:Tahoma;
	font-size:11px;
	margin-top:12px;
}
#zg_tel {
	color:#e3e3e3;
	font-family:Tahoma;
	font-size:11px;
	background-image:url(contact_icon_1.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}
#zg_mail {
	color:#e3e3e3;
	font-family:Tahoma;
	font-size:11px;
	background-image:url(contact_icon_2.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}
#zg_call {
	color:#e3e3e3;
	font-family:Tahoma;
	font-size:11px;
	background-image:url(contact_icon_3.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}
div.text_mail {
	padding-top:15px;
	color:#a4a4a4;
	font-family:Tahoma;
	font-size:11px;
	padding-left:20px;
}
div.text_mail_next {
	padding-top:8px;
	color:#a4a4a4;
	font-family:Tahoma;
	font-size:11px;
	padding-left:20px;
}
a.contacts_link {
	color:#a4a4a4;
	font-family:Tahoma;
	font-size:11px;
}
a.contacts_link:hover {
	color:#fcb904;
	font-family:Tahoma;
	font-size:11px;
}













	
	
	
	
	
	
	
	
	
	
	
	
	
	

