body{
background:url(/img/fon_p.png) top center;
width:900px;
min-height:100%;
position:relative;
 font-family: Trebuchet MS;
 font-size:11px;
 color:#c2bdbd;
 padding:0;
 margin:0px auto;
 min-height:100%;
 position:relative;

}
#site {
width:900px;
min-height:100%;
 position:relative;
 margin:0px auto;
/*border:1px solid #ffffff;*/
}

a{
color:#84bbc0;
}
a:hover{
text-decoration:none;
}
ul{
padding:0;
margin:0;
}
li {
	list-style:none;
	background:url(img/li.gif) no-repeat;
	padding:1px 0 0 14px;
	margin:0 0 0 15px;
	/*display: inline;*/
}

/**********ÂÅÐÕ******************/
#head{
	font-family:Arial;
	font-size:11px;
	color:#74634d;
	height:540px;
	/*border:1px solid #FFFFFF;*/
}
	div.logo{
		position:absolute;
		left:19px;
		top:97px;
	}
	div.tel{
		position:absolute;
		left:30px;
		top:40px;
	}
	div.btel{
		position:absolute;
		right:215px;
		top:40px;
	}
	#head h1{
		position:absolute;
		left:168px;
		top:485px;
		color:#e8e7e2;
		font-size:13px;
		margin-top:8px;
		font-family:Arial;
		font-weight:bold;
	}
	#main_sm a{
		color:#ffffff;
		text-decoration:none;
	}

	#main_sm a:hover{
		color:#84bbc0;
		text-decoration:none;
	}
	.menu {
		float:right;
		font-weight:bold;
	}

		.menu a {
			color:#ffffff;
			text-decoration:none;
		}
		.menu a:hover {
			color:#84bbc0;
			text-decoration:none;
		}
		.menu ul {
			list-style:none;
			padding:130px 35px 0 0;
			margin:0;
		}

		.menu ul li {
			background:none;
			list-style:none;
			padding:0 10px 0 0;
			margin:0;
			display: inline;
			font-size:12px;
			font-family:Arial;
			font-weight:bold;
		}
/**********ÑÅÐÅÄÈÍÀ******************/
#work{
	font-family:Arial;
	font-size:11px;
	color:#74634d;
	height:468px;
	width:100%;
/*	border:1px solid #FFFFFF;*/
}
		div.block1{
			position:absolute;
			margin:0;
			padding:0;
			width:296px;
			height:411px;
			background:url(img/block1.jpg) no-repeat;
		}
		div.block2{
			position:absolute;
			left:302px;
			padding:0;
			width:296px;
			height:411px;
			background:url(img/block2.jpg) no-repeat;
		}
		div.block3{
			position:absolute;
			left:605px;
			padding:0;
			width:296px;
			height:411px;
			background:url(img/block3.jpg) no-repeat;
		}
		#work h1{
			position:absolute;
			margin-top:20px;
			font-family:Arial;
			Font-size:34px;
			color:#FFFFFF;
			margin-left:35px;
		}
		#block1_Content{
			position:absolute;
			margin-top:150px;
			margin-left:35px;
			width:240px;
			height:180px;
			overflow:hidden;
		}
		#block2_Content{
			position:absolute;
			margin-top:150px;
			margin-left:35px;
			width:240px;
			height:180px;
			overflow:hidden;
		}
		#block3_Content{
			position:absolute;
			margin-top:150px;
			margin-left:35px;
			width:240px;
			height:180px;
			overflow:hidden;
		}
		#nav_in_block{
			position:absolute;
			margin-top:360px;
			margin-left:35px;
		}
		div.about_content_1{
			width:400px;
			position:absolute;
			margin-top:90px;
			margin-left:35px;
		}
		div.about_content_2{
			width:400px;
			position:absolute;
			margin-top:90px;
			margin-left:465px;
		}
		div.work_sm{
			position:absolute;
			margin-top:380px;
			margin-left:35px;
		}
		font.work_sm{
			margin-left:10px;
			font-family:Arial;
			font-size:15px;
			font-weight:bold;
			color:#e8e7e2;
		}
		.work_sm a{
			font-family:Arial;
			font-size:15px;
			font-weight:bold;
			color:#e8e7e2;
			text-decoration:none;
		}
		.work_sm a:hover {
			color:#84bbc0;
			text-decoration:none;
		}
		div.clients_menu{
			position:absolute;
			margin-top:80px;
			margin-left:25px;
		}

		.clients_menu a {
			color:#877762;
			font-family:Arial;
			font-size:11px;
			display:block;
			width:190px;
			padding-bottom:3px;
			margin-left:10px;
			background:url(img/fon_menu_border.jpg) bottom no-repeat;
			text-decoration:none;
		}
		.clients_menu a:hover {
			color:#84bbc0;
			text-decoration:none;
		}
		.clients_menu ul {
			list-style:none;
			padding:0 0 0 0;
			margin:0;
		}

		.clients_menu li {
			background:none;
			list-style:none;
			padding:5px 10px 0 0;
			margin:0;
			/*display: inline;*/
		}
		.in_menu li {
			background:none;
			list-style:none;
			padding:0px 0px 0 0;
			margin:0;
		}
		.in_menu a{
			display:block;
			padding:8px 0 12px 10px;
			margin:0;
			color:#FFFFFF;
			font-family:Arial;
			font-size:14px;
			text-decoration:none;
			font-weight:bold;
			background:url(img/btn_klients_menu.png) no-repeat;
		}
		#clients_content{
			position:absolute;
			margin-top:92px;
			margin-left:270px;
			width:600px;
			height:198px;
			overflow:hidden;
			color:#877762;
			/*border:1px solid #ffffff;*/
		}
		#clients_content ul{
			list-style:none;
			padding:0;
			margin:0;
		}
		#clients_content li{
			background:none;
			list-style:none;
			padding:0;
			margin:0;
		}
		#nav_in_block_clients{
			position:absolute;
			margin-top:300px;
			margin-left:270px;
		}
		h2.zag_services{
			position:absolute;
			padding:0;
			margin:0;
			margin-top:80px;
			margin-left:270px;
			font-family:Arial;
			font-size:24px;
			font-weight:bold;
			color:#ffffff;
		}
		#services_content{
			position:absolute;
			margin-top:122px;
			margin-left:270px;
			width:600px;
			height:168px;
			overflow:hidden;
			color:#877762;
			/*border:1px solid #ffffff;*/
		}
		div.karta{
			position:absolute;
			margin-top:50px;
			margin-left:350px;
		}
		div.contacts_adress{
			position:absolute;
			margin-top:110px;
			margin-left:35px;
		}
		div.contacts_tel{
			position:absolute;
			margin-top:180px;
			margin-left:35px;
		}
		div.contacts_email{
			position:absolute;
			margin-top:235px;
			margin-left:35px;
		}
		div.contacts_email_rezume{
			position:absolute;
			margin-top:235px;
			margin-left:150px;
		}
		div.strelki{
			position:absolute;
			margin-top:300px;
			margin-left:350px;
		}
		div.strelki_text{
			position:absolute;
			margin-top:300px;
			margin-left:425px;
		}
		/*****ÏÎÐÒÔÎËÈÎ*****/
		div.menu_portfolio{
			position:relative;
			width:500px;
			height:36px;
			top:100px;
			left:35px;
		}
			.menu_portfolio ul {
	  			margin:0;
	  			padding:0;
	  			list-style:none;
				cursor:pointer;
      		}
    		.menu_portfolio li {
      			display:inline;
     			margin:0;
      			padding:0;
				cursor:pointer;
      		}
    		.menu_portfolio a {
      			float:left;
      			background:url("img/tableft.jpg") no-repeat left top;
      			font-family:Arial;
      			font-weight:bold;
      			font-size:14px;
      			color:#FFFFFF;
      			margin:0;
      			padding:0 0 0 10px;
      			text-decoration:none;
				cursor:pointer;
      		}
    		.menu_portfolio a span {
      			float:left;
      			display:block;
      			background:url("img/tabright.jpg") no-repeat right top;
      			padding:8px 20px 12px 10px;
      			color:#FFFFFF;
				cursor:pointer;
      		}
    		.menu_portfolio a:hover span {
      			color:#84bbc0;
				cursor:pointer;
      		}
      		.no_ok a {
      			float:left;
      			background:none;
      			font-family:Arial;
				font-size:11px;
				color:#74634d;
      			font-weight:normal;
      		/*	margin:0;
      			padding:0 0 0 5px;*/
      			text-decoration:none;
				cursor:pointer;
      		}
    		.no_ok a span {
      			float:left;
      			display:block;
      			background:none;
      		/*	padding:10px 10px 10px 10px;*/
      			color:#74634d;
				cursor:pointer;
      		}
    		.no_ok a:hover span {
      			color:#84bbc0;
				cursor:pointer;
      		}
      	div.go_back_p{
      		position:absolute;
			width:150px;
			height:36px;
			top:360px;
			left:600px;
      	}
      	.go_back_p a{
      		text-decoration:none;
			color:#74634d;
      	}
      	.go_back_p a:hover{
      		color:#84bbc0;
      	}
      	div.content_portfolio_1{
    		/*border:1px solid #ffffff;*/
			margin-top:120px;
			margin-left:25px;
			margin-right:10px;
			padding-bottom:50px;
		}
		.content_portfolio_1 img{
			margin:10px 10px 10px 10px;
		}
		.content_portfolio_1 img:hover{
			margin:2px 2px 2px 2px;
			border:8px solid #84bbc0;
		}
		div.small_photos{
			width:600px;
			padding-left:5px;
		}
		.small_photos img{
			margin:5px 5px 5px 5px;
		}
		.small_photos img:hover{
			margin:2px 2px 2px 2px;
			border:3px solid #84bbc0;
		}
		img.photo  {
			margin:10px 10px 10px 10px;
		}
		img.photo:hover{
			margin:10px 10px 10px 10px;
			border:none;
		}


div.brends{
	height:165px;
	width:100%;
	padding-left:5px;
}

/**********ÍÈÇ******************/
#footer{
	font-family:Arial;
	font-size:11px;
	color:#74634d;
	height:100px;
	width:100%;
	padding-left:20px;
}
		#footer .copy{
			position:absolute;
		}
		#footer .mail{
			position:absolute;
			left:450px;
		}
		#footer .adress{
			position:absolute;
			left:610px;
		}
		#footer .telf{
			position:absolute;
			left:795px;
		}