html, body  {margin: 0; padding:0; height:100%; background:#FFFFFF;}
table, img {border:0}
body,td,th {font: 12px Arial, Helvetica, sans-serif; color: #333333;}
a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #0171B8;
	text-decoration:underline;
}
a:hover {color: #0171B8; text-decoration:none;}
form {margin:0px; padding:0px;}
ul {padding: 0px; margin: 0px;}
ul li {margin-bottom: 5px; padding: 0px; list-style:none;}
small {font-size:11px; color: #538E19;}
b.green {color: #538E19;}
b.red {color: #C23232;}
b.orange {color: #EE6902;}
p {margin:7px 0 7px 0; padding:0;}
h1 {font: normal 20px Arial, Helvetica, sans-serif; color: #EE7517; text-decoration:none; margin:16px 0 10px 0; padding:0;}
#top {position:relative; height:94px; width:100%; top:0%;}
#logo {float:left; width:20%; left:3%; top:15px; position: relative;}
#menu {
	position: relative; 
	float:left; 
	width:74%; 
	left:6%; 
}
#navi {
	position: relative;
	float:left;
	height: 68px;
}
#navi .my { 
	position: relative;
	float: left;
	padding-right: 2px;
	margin-top: 20px;
}
#navi .my2 { 
	position: relative;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 20px;
}
#navi div {position: relative; float:left;}
#navi div span{
	display: block;
    position: absolute;
	text-align: center;
	bottom: 5px;
    left: 0%;
    width: 100%;
}
#navi a {
	display: block;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif; 
	color: #414040;
	text-decoration: none;
	cursor:pointer;
	height: 68px;
}
#navi a:hover {
	display: block;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif; 
	color: #D75E00;
	text-decoration: none;
	height: 68px;
}
#navi a.about {				/* About */
	background: url(images/icon_about.gif) no-repeat center top;
	height: 68px;
	width: 101px;
	margin-top: 11px;	
}
#navi .about_p {				/* About */
	background: url(images/icon_about_p.gif) no-repeat center top;
	height: 68px;
	width: 101px;
	margin-top: 11px;	
}
#navi .about_p, #navi .works_p, #navi .contacts_p {font: bold 14px Arial, Helvetica, sans-serif; color: #D75E00;}
#navi a.works {				/* Works */
	background: url(images/icon_works.gif) no-repeat center top;
	height: 68px;
	width: 101px;
	margin-top: 11px;	
}
#navi .works_p {				/* Works */
	background: url(images/icon_works_p.gif) no-repeat center top;
	height: 68px;
	width: 101px;
	margin-top: 11px;	
}
#navi a.works_m {				/* Works */
	background: url(images/icon_works_p.gif) no-repeat center top;
	height: 68px;
	width: 101px;
	margin-top: 11px;	
}
#navi a.shop {				/* Shop */
	background: url(images/icon_shop.gif) no-repeat center top;
	height: 68px;
	width: 101px;
	margin-top: 11px;	
}
#navi a.contacts {				/* Contacts */
	background: url(images/icon_contacts.gif) no-repeat center top;
	height: 68px;
	width: 101px;
	margin-top: 11px;	
}
#navi .contacts_p {				/* Works */
	background: url(images/icon_contacts_p.gif) no-repeat center top;
	height: 68px;
	width: 101px;
	margin-top: 11px;	
}
#intro {
	background: url(images/bg_in.gif) repeat-x;
	position: relative;
	float:left;
	left: 0;
	bottom: 0;
	width:100%;
	height:212px;
}
#intro .sky1 {
	position: relative;
	float:left;
	margin:0;
	height:212px;
	background: url(images/sky2.gif) no-repeat;
}
#intro .sky2 {
	position: absolute;
	text-align:right;
	left:30%;
	background: url(images/sun.gif) no-repeat;
	width:425px;
	height:212px;
}
#intro .sky2 img {
	position: relative;
	margin-top:60px;
}
#intro .sky3 {
	position: relative;
	float:right;
	text-align:right;
	background: url(images/sky5.gif) no-repeat;
	width:308px;
	height:212px;
}
#intro .dog {
	position: absolute;
	left:35%;
	top:15px;
}
#intro .bal1 {position: absolute; top:3; left:3%;}
#intro .bal2 {position: absolute; top:122; left:18%;}
#intro .bal3 {position: absolute; top:41; left:30%;}
#intro .bal4 {position: absolute; top:22; left:58%;}
#intro .bal5 {position: absolute; top:68; left:64%;}
#intro .bal6 {position: absolute; top:103; left:93%;}
#intro .but1 {position: absolute; top:114; left:27%;}
#intro .but2 {position: absolute; top:20; left:65%;}
#ball img {position: absolute; top:18; left:77%;}
#left {position: relative; float:left; width:20%;}
#left_sub {position: relative; float:left; width:23%;}
#left .news {position: relative; float:left; left:15%;}
#left .news ul li {margin-bottom: 12px; padding: 0px; list-style:none;}
#trans {position: relative; float:left;}
#trans .info {position: relative; left:15%;}
#trans .info h1, #client h1{color: #538E19; margin-top:20px;}
#left .car{position: absolute; top:100px; left:0;}
#box {position:relative; margin-top:20px; left:10%;}
#right_sub { 
	position: relative; 
	float:left; 
	width:74%; 
	left:3%; 
	z-index:2;
}
#right { 
	position: relative; 
	float:left; 
	width:74%; 
	left:6%; 
	z-index:2;
}
#right .content {
	float:left;
	width:100%;
}
#wel {
	position: relative;
	margin-top:9px; 
	height:199px;
	background: url(images/bg1.gif) repeat-x;
}
#wel .lbg {
	position: relative;
	float:left;
	width:210px;
}
#wel .rbg {
	position: relative;
	float:right;
	width:437px;
}
#wel .block1 {
	position: absolute;
	width:68%;
	left:20px;
}
#wel .block1 h1 {color: #C23232; margin-top:25px;}
#prop {
	position: relative;
	width:100%;
}
#prop div {
	position: relative;
	float:left;
	margin-top:5px;
	margin-bottom:8px;
	width:45%;
}
#prop div.dop {
	position: relative;
	margin-top:5px;
	margin-bottom:8px;
	left:3%;
	width:45%;
}
#prop .pic, #works .pic {
	position: relative;
	float:left;
	width:129px;
}
#prop a.pic, #works a.pic{background: url(images/bg2.gif) no-repeat;}
#prop a.pic:hover, #works a.pic:hover {background: url(images/bg2_1.gif) no-repeat;}
#prop .pic img, #works .pic img {position: relative; margin:3px 10px 8px 10px;}
#prop .more {float:right; text-align:right; margin-top:5px;}
#prop .more img {position: relative; margin-right:5px;}
#footer{
    position: relative;
    bottom:0;
	margin-top:3px;
	float:left;
	height: 128px;
    width:100%;
	background: url(images/bg7.gif) repeat-x;
}
#copy {position:absolute; float:left; left:3%; top:30px;}
#copy {font-size: 11px; color: #795911;}
#numbers {position: absolute; right:16%; top:12px; bottom:0;}
#numbers h1 {font-size: 30px; color: #795911; bottom:0;}
#numbers span {font-size: 14px; bottom:0;}
#numbers a {text-decoration:none;}
#phone img{position: absolute; top:0; right:0;}
#about {
	position: relative;
	float:left;
	padding:0;
	margin-bottom:5px;
	width:100%;
	background: url(images/bg16.gif) no-repeat right
}
#about .info {width:98%; margin:0; padding:0;}
#about .info p{line-height:1.3; padding-bottom:3px;}
#about li, #address li {
	background: url(images/bot1.gif) no-repeat scroll 0pt 3px;
	margin-bottom:11px;
	padding: 0pt 15px 0pt 11px;
	position:relative;
}
#client {position: relative; padding:0; left:15%;}
#client_c {position: relative; padding:0; margin:0;}
#client_coner {position: relative; background:#E7F0DD; margin:0; padding:0; height:11px;}
#client_coner .c1 {background: url(images/bg18_2.gif) top right no-repeat;}
#client_coner .c2 {background: url(images/bg18_4.gif) top right no-repeat;}
#client .info {position: relative; background:#E7F0DD; margin:0 0 0 0; bottom:0; padding:5px 15px 5px 15px;}
#client .info p {padding:0;}
#client .info div {text-align:right; font-weight:bold; font-size:11px;}
#client .coner {position:relative; float:right;}
#submenu {position:relative; background:#FFEEC9; margin-top:16px;}
#submenu .mainbg {position:absolute; right:21px; bottom:30px;}
#submenu .top {position:relative; background: url(images/bg4.gif) repeat-x;}
#submenu .top div {position:relative; background: url(images/td1_2.gif) no-repeat top right;}
#submenu .bg {position:relative; background: url(images/bg5.gif) repeat-y top left;}
#submenu .bg1 {position:relative; background: url(images/bg5_1.gif) repeat-y top right;}
#sub_active {position:relative; background: url(images/bg8.gif) repeat-x;}
#sub_active b {color: #C90203;}
#sub_active h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none; float:left; margin-top:1px;}
#sub_active .right a {font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none; float:left; margin:1px 0 0 0;}
#sub_active .left {height:39px; padding-bottom:5px; background: url(images/bg9.gif) no-repeat top left;}
#sub_active .right {position:relative; padding:11px 0pt 0pt 37px; height:39px; margin:0; background: url(images/bg10.gif) no-repeat top right;}
#sub_active ul {margin:0pt 0pt 10px 0pt;}
#sub_active li {padding:0pt 0pt 5px 48px; margin:0;}
#sub_active li a {font: normal 12px Arial, Helvetica, sans-serif; color: #0060A4;}
#sub_unact {position:relative; padding-left:37px; padding-right:23px;}
#sub_unact div {
	position:relative;
	margin:0px;
	padding: 5px 10px 10px 4px;
	background: url(images/bg11.gif) repeat-x bottom;
}
#sub_unact div.last{
	position:relative;
	margin:0px;
	padding: 5px 10px 10px 4px;
	background: none;
}
#sub_unact a {font: bold 14px Arial, Helvetica, sans-serif; color: #DF2C14; text-decoration:none;}
#sub_unact a:hover {color: #F46C03; text-decoration:none;}
#submenu .bot {position:relative; bottom:0; background: url(images/bg6.gif) repeat-x;}
#submenu .bot div {position:relative; background: url(images/td2_1.gif) no-repeat top right;}
#works {
	position: relative;
	float:left;
	width:100%;
	background: url(images/bg16.gif) no-repeat right;
	margin:0;
	padding-bottom:15px;
}
#works .info {position:relative; float:left; width:98%; padding:0; margin:0;}
#works .info p { margin:5px 0 15px 0; line-height:1.3;}
#works h1 {margin:16px 0pt 10px 0pt; padding:0;} 
#works .dafni {
	position:relative; 
	min-width:716px; 
	width:85%;
	clear:both;
}
#works .line {position: relative; float:left; width:100%; padding-bottom:20px; margin:0;}
#works .pole {
	position: relative;
	float:left;
	width:20%;
}
#works .pole2 {
	position: relative;
	float:left;
	width:20%;
	padding:0;
	margin:0;
}
#works h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #515050; text-decoration:none; margin-bottom:15px;}
#works ul {position:relative; margin-left:10px;}
#works li {
	background: url(images/bot3.gif) no-repeat scroll 0pt 3px;
	margin:0px;
	padding: 0pt 0px 0px 15px;
	position:relative;
}
#works .toolbar, #about .toolbar, #address .toolbar {position:relative; margin-top:16px;}
#works .toolbar, #about .toolbar, #address .toolbar {font: normal 11px Arial, Helvetica, sans-serif; color: #B4B4B4;}
#works .toolbar a, #about .toolbar a, #address .toolbar a  {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #B4B4B4;
	text-decoration:underline;
}
#works .toolbar a:hover, #about .toolbar a:hover, #address .toolbar a:hover {
	color: #0171B8;
	text-decoration:underline;
}
#works .pagin {
	position:relative;
	min-width:716px;
	width:85%;
	border-top:1px solid #dbdbdb;
	clear:both;
}
#works .pagin_w {
	position:static;
	padding-top:10px;
}
#works .pagin_l {
	position:relative;
	float:left;
	width:25%;
}
#works .pagin_l span{
	position:relative;
	background: url(images/bot42.gif) no-repeat left;
	padding-left:15px;
	height:14px;
	color:#b3afaf;
}
#works .pagin_l a{
	position:relative;
	background: url(images/bot4.gif) no-repeat left;
	padding-left:15px;
	height:14px
}
#works .pagin_c {
	position:relative;
	float:left;
	width:50%;
	text-align:center;
}
#works .pagin_c b{color:#ee7517;}
#works .pagin_c span {padding:0 7px 0 7px;}
#works .pagin_r {
	position:relative;
	float:right;
	text-align:right;
	width:25%;
}
#works .pagin_r a{
	poaition:relative;
	background: url(images/bot41.gif) no-repeat right;
	padding-right:15px;
	height:14px
}
#works .pagin_r span{
	position:relative;
	background: url(images/bot43.gif) no-repeat right;
	padding-right:15px;
	height:14px;
	color:#b3afaf;
}
#best {
	position:relative;
	float:left;
	width:100%;
	margin-top:10px;
}
#best h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #515050; text-decoration:none; margin-top:1px;}
#scope {
	position:relative;
	float:left;
	width:35%;
	padding:0px;
	margin:0;
}
#scope li {
	background: url(images/bot1.gif) no-repeat scroll 0pt 3px;
	margin-bottom:11px;
	padding: 0pt 0px 0pt 11px;
	position:relative;
}
#popular {
	position:relative;
	float:left;
	width:65%;
	height:154px;
	background: url(images/bg13.gif) repeat-x;
}
#popular .title {
	position:relative;
	height:154px;
	background: url(images/bg15.gif) no-repeat;
}
#popular .content {
	position:relative;
	height:154px;
	background: url(images/bg14.gif) no-repeat top right;
	padding:10px 0pt 0pt 135px;
}
#popular .content div {position: relative; float:left; width:90px; text-align:center; margin-right:4.5%;}
#popular .pic {
	position: relative;
	float:left;
	padding:0;
	width:90px;
	height:90px;
}
#popular .des {margin-top:3px;}
#popular a.pic{background: #E9F9D9;}
#popular a.pic:hover {background: #FFFFFF;}
#popular .pic img  {position: relative; margin:4px;}
#contacts {
	position: relative; 
	background: url(images/bg17.jpg) no-repeat; 
	width:227px;
	height:305px;
	left:0; 
	margin-top:18px;
}
#contacts .info {position:relative; float:left; padding:15px 0px 10px 20px;}
#contacts p {margin:10px 0 0 0;}
#contacts input.field, #contacts textarea.field {width:190px;}
#contacts input.field {height:24px;}
form input.field, form textarea.field {
	border:1px solid #9DB982;
	color:#414040;
	font-family:Arial,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:3px;
}
#address {
	position: relative;
	float:left;
	width:100%;
	background: url(images/bg16.gif) no-repeat right;
}
#address .info {
	position: relative;
	width:35%;
	float:left;
}
#address .map {
	position: relative;
	float:left;
	width:385px;
	margin-left:20px;		
}
#address h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #515050; text-decoration:none; margin-bottom:15px;}