* {margin:0; padding:0; }
*:focus {outline:none; }

body {
	color:#444;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

img {border:0; }

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
} 
h1 {
	color:#000;
	font-size:30px;
	line-height:30px;
	letter-spacing:-1px;
	margin-bottom: 5px; 
}
h2 {
	color:#000;
	font-size:30px;
	line-height:30px;
	letter-spacing:-1px;
	margin:40px 0 9px 0; 
}
h2.first {margin-top:9px; }
h2.work-name {
		margin:12px 0 15px -9px;
		line-height:25px;
		text-indent:9px;
}
h2.work-name small {
	font-size:12px;
	letter-spacing:normal;
}
h2.work-name .prev {
	padding-left:9px;
	background:url(/img/ico-arr-b.gif) 0 3px no-repeat;
}
h2.work-name .next {
	padding-right:9px;
	background:url(/img/ico-arr-t.gif) 100% 3px no-repeat;
}
h3 {
	color:#000;
	font-size:24px;
	line-height:26px;
	letter-spacing:-1px;
	margin:40px 0 5px 0; 
}
h4 {
	color:#1c901f;
	font-size:18px;
	margin:40px 0 2px 0; 
}
h4.adress {
	line-height:28px;
	margin:20px 0;
}
h4.name {
	color:#000;
	line-height:10px;
	margin-top: 15px;
	margin-bottom: 5px;
}
h4.mail {
	margin-top: 5px;
	margin-bottom: 5px;
}
h4.feedback {font-size:24px; margin:60px 0 15px 0; }
h5, h6 {font-size:14px; font-weight:bold; color:#20a223; }

p {margin-bottom:1em; }
p.important {
	color:#1c901f;
	padding-left:62px;
}

ul.data {
	padding-left:30px;
	list-style:none;
	zoom:1;
	margin-bottom:1em;
}
ul.data li {
	background:url(/img/list-item-green.gif) 0 0.55em no-repeat;
	padding-left:15px;
}

table.data {
	width:100%;
	border-collapse:collapse;
	color:#000;
	margin-bottom:2em;
}
table.data td {
	padding:6px 31px;
	border-bottom:1px solid #c8c8c8;
}
table.data thead td {
	font-weight:bold;
	border-bottom:1px solid #000;
}


a {color:#069; text-decoration:underline; }
a:hover {color:#20a223; }
/* a:visited {color:#906; } */
a.visited {color:#906; }
a.visited:hover {color:#20a223; }

.relative {position:relative; }
.container {overflow:hidden; }
* html .container {zoom:1; }



#main {
	position:relative;
	width:970px;
	margin:0 auto;
}

	#header {
		position:relative;
		width:970px;
		height:110px;
	}
		h1#logo {
			position:absolute;
			top:20px;
			left:6px;
			width:147px;
			height:64px;
			color:#005581;
			overflow:hidden;
		}
		
			h1#logo span,
			h1#logo a {
				position:absolute;
				top:0;
				left:0;
				width:147px;
				height:64px;
				background:url(/img/logo.png) no-repeat;
			}
		
		#menu {
			position:absolute;
			top:49px;
			left:184px;
			list-style:none;
			font-family:Calibri;
			white-space:nowrap;
		}
		
		#menu li {
			position:relative;
			float:left;
			margin-right:10px;
			height:34px;
		}
			
		#menu a,
		#menu strong {
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:34px;
			font-weight:normal;
			background:url(/img/menu.png);
			text-indent:-9999px;			
		}
		#menu a {
			color:#20a223;
			cursor:pointer;
		}

		
		#menu .about		{width:80px; }
		#menu .portfolio	{width:93px; }
		#menu .services		{width:63px; }
		#menu .feedback		{width:102px; }
		#menu .order		{width:77px; }
		
		
		#menu .about a		{background-position:0 0; }
		#menu .portfolio a	{background-position:-90px 0; }
		#menu .services a		{background-position:-193px 0; }
		#menu .feedback a		{background-position:-266px 0; }
		#menu .order a		{background-position:-378px 0; }
		
		#menu .about a:hover		{background-position:0 -34px; }
		#menu .portfolio a:hover	{background-position:-90px -34px; }
		#menu .services a:hover		{background-position:-193px -34px; }
		#menu .feedback a:hover		{background-position:-266px -34px; }
		#menu .order a:hover		{background-position:-378px -34px; }

		#menu .about a.active		{background-position:0 -102px; }
		#menu .portfolio a.active	{background-position:-90px -102px; }
		#menu .services a.active		{background-position:-193px -102px; }
		#menu .feedback a.active	{background-position:-266px -102px; }
		#menu .order a.active		{background-position:-378px -102px; }
		
		#menu .about a.active:hover		{background-position:0 -136px; }
		#menu .portfolio a.active:hover	{background-position:-90px -136px; }
		#menu .services a.active:hover	{background-position:-193px -136px; }
		#menu .feedback a.active:hover	{background-position:-266px -136px; }
		#menu .order a.active:hover		{background-position:-378px -136px; }


		#menu .about strong		{background-position:0 -68px; }
		#menu .portfolio strong	{background-position:-90px -68px; }
		#menu .services strong	{background-position:-193px -68px; }
		#menu .feedback strong	{background-position:-266px -68px; }
		#menu .order strong		{background-position:-378px -68px; }
		
		#menu li ul {
			position:absolute;
			width:500px;
			top:35px;
			left:10px;
			list-style:none;
			white-space:nowrap;
		}
		#menu li li {
			width:auto;
			height:auto;
			margin-right:15px;
		}
		#menu li li a {
			position:static;
			top:auto;
			left:auto;
			width:auto;
			height:auto;
			color:#5a5a2d;
			background:none;
			text-indent:0;
		}
		#menu li li a:hover {color:#20a223; text-decoration:underline; }
		
		
		
		#service-menu {
			position:absolute;
			top:16px;
			right:0;
			width:99px;
			height:24px;
			list-style:none;
			font-family:Tahoma;
			font-size:8px;
			line-height:8px;
		}
		#service-menu li {
			position:relative;
			float:left;
			overflow:hidden;
			height:24px;
		}
		#service-menu b {
			display:block;
			position:absolute;
			top:0;
			left:0;
			height:24px;
			background:url(/img/service-menu.png);
		}
		#service-menu a {cursor:pointer; }
		#service-menu .home {width:23px; margin-right:17px; }
		#service-menu .map {width:23px; margin-right:18px; }
		#service-menu .mail {width:18px; }
		
		#service-menu .home a b	{width:23px; background-position:0 0; }
		#service-menu .map a b	{width:23px; background-position:-23px 0; }
		#service-menu .mail a b	{width:18px; background-position:-46px 0; }
		
		#service-menu .home a:hover b	{width:23px; background-position:0 -24px; }
		#service-menu .map a:hover b	{width:23px; background-position:-23px -24px; }
		#service-menu .mail a:hover b	{width:18px; background-position:-46px -24px; }
		
		#service-menu .home strong b	{width:23px; background-position:0 -48px; }
		#service-menu .map strong b		{width:23px; background-position:-23px -48px; }
		#service-menu .mail strong b	{width:18px; background-position:-46px -48px; }
		

		#phone {
			position:absolute;
			top:56px;
			right:0;
			width:154px;
			height:28px;
			font-size:22px;
			font-family:Calibri;
			letter-spacing:-1px;
			text-align:right;
			white-space:nowrap;
			overflow:hidden;
			color:#005581;
		}
		#phone b {
			position:absolute;
			top:0;
			left:0;
			width:154px;
			height:28px;
			background:url(/img/phone.png) no-repeat;
		}
	
		
	
	#content {
		position:relative;
		overflow:hidden;
		zoom:1;
	}
	
	#primary {
		position:relative;
		float:left;
		width:616px;
		padding-left:30px;
	}
		#primary .text-align {
			padding-left:31px;
		}
	
		.primary-left {
			float:left;
			width:293px;
			margin-right:30px;
		}
		.primary-right {
			float:left;
			width:293px;
		}
		.main-title {
			padding-right:125px;
			margin-bottom:30px;
		}
		.main-info {font-size:12px; }
		
	#secondary {
		position:relative;
		float:right;
		width:293px;
	}
	#secondary.main {padding-top:68px; }
		.box {
			position:relative;
			font-size:12px;			
			background:#f0f0e0;
			zoom:1;
			margin-bottom:20px;
		}
		.box h5,
		.box h6 {color:#069; }
		
		.box .cr-tl,
		.box .cr-tr,
		.box .cr-br,
		.box .cr-bl {
			position:absolute;
			width:10px;
			height:10px;
		}
		
		.box .cr-tl {top:0; left:0; background:url(/img/box-cr-tl.png); }
		.box .cr-tr {top:0; right:0; background:url(/img/box-cr-tr.png); }
		.box .cr-br {bottom:0; right:0; background:url(/img/box-cr-br.png); }
		.box .cr-bl {bottom:0; left:0; background:url(/img/box-cr-bl.png); }

		* html .box .cr-tl {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box-cr-tl.png', sizingMethod='crop'); }
		* html .box .cr-tr {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box-cr-tr.png', sizingMethod='crop'); margin:0 -1px 0 0; }
		* html .box .cr-br {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box-cr-br.png', sizingMethod='crop'); margin:0 -1px -5px 0;  }
		* html .box .cr-bl {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/box-cr-bl.png', sizingMethod='crop'); margin:0 0 -5px 0;  }

		.box .content {padding:15px 20px; }


		.btn-order {
			position:relative;
			width:293px;
			height:50px;
			margin-bottom:50px;
		}
		.btn-order a {cursor:pointer; }
		.btn-order span {
			position:absolute;
			top:0;
			left:0;
			width:293px;
			height:50px;
			background:url(/img/btn-order-secondary.png);
		}
		.btn-order a:hover span {background-position:0 -50px; }

		.btn-order-site {
			position:relative;
			width:293px;
			height:50px;
			margin-bottom:0px;
		}
		.btn-order-site a {cursor:pointer; }
		.btn-order-site span {
			position:absolute;
			top:0;
			left:0;
			width:293px;
			height:50px;
			background:url(/img/btn-order-site.png);
		}
		.btn-order-site a:hover span {background-position:0 -50px; }

		.btn-order-big {
			position:relative;
			width:455px;
			height:50px;
			margin-bottom:50px;
		}
		.btn-order-big a {cursor:pointer; }
		.btn-order-big span {
			position:absolute;
			top:0;
			left:0;
			width:455px;
			height:50px;
			background:url(/img/btn-order-big.png);
		}
		.btn-order-big a:hover span {background-position:0 -50px; }

		.btn-order-open {
			position:relative;
			width:455px;
			height:45px;
			margin-bottom:20px;
		}
		.btn-order-open a {
			display:block;
			width:455px;
			height:32px;
			padding-top:13px;
			cursor:pointer;
			background:url(/img/btn-order-open.png) 0 0 no-repeat; 
			font-size:18px;
			text-align:center;
			text-decoration:none;
			color:#626828;
			
		}
		.btn-order-open a:hover,
		.btn-order-open a.active {background:url(/img/btn-order-open.png) 0 -45px no-repeat; color:#000; }

		.btn-send {
			position:relative;
			width:263px;
			height:50px;
		}
		.btn-send a {cursor:pointer; }
		
		.btn-send span {
			position:absolute;
			top:0;
			left:0;
			width:263px;
			height:50px;
			background:url(/img/btn-send.png);
		}
		
		.btn-send a:hover span {background-position:0 -50px; }
		
		.article h5,
		.article h6 {color:#999; }
		
		.article .image {
			display:block;
			position:relative;
			cursor:pointer;
			margin:5px 0;
		}
		.article span {
			position:absolute;
			top:0;
			left:0;
		}
		.article .karting {
			width:180px;
			height:70px;
		}
		.article .karting span {
			width:180px;
			height:70px;
			background:url(/img/article-karting.jpg);
		}
		.article .karting:hover span {background-position:-180px 0; }
		
		
		.blockquote {
			background:#f0f0e0 url(/img/ico-blockquote.gif) 30px 24px no-repeat;
		}
		.blockquote .content {padding:20px 30px 20px 93px; }
		
		#secondary .work,
        .portfolio li {
			position:relative;
			width:293px;
		}
		#secondary .work .image,
        .portfolio li .image {
			display:block;
			position:relative;
			cursor:pointer;
			margin:0 0 3px 0;
			width:293px;
			height:190px;
		}
		#secondary .work span,
        .portfolio li span {
			position:absolute;
			top:0;
			left:0;
			width:293px;
			height:190px;
		}
		#secondary .work a:hover span,
        .portfolio li a:hover span {background-position:-293px 0; }

		.portfolio {
			width:940px;
			overflow:hidden;
		}
        .portfolio ul {
			list-style:none;
			width:1000px;
        }
        .portfolio li {
			float:left;
			margin-right:30px;
			margin-bottom:35px;
        }
		.portfolio .no-margin li {margin-bottom:0; }
		.portfolio h3 {
			color:#005581;
			margin-top:10px;
		}

		.work-rosbri span {background:url(/portfolio/rosbri/preview.jpg); }
		.work-jb span {background:url(/portfolio/jb/preview.jpg); }
		.work-polarg span {background:url(/portfolio/polarg/preview.jpg); }	
		.work-marshmetiz span {background:url(/portfolio/marshmetiz/preview.jpg); }	
		.work-shinafavorit span {background:url(/portfolio/shinafavorit/preview.jpg); }
		.work-alt span {background:url(/portfolio/alt/preview.jpg); }	
		.work-ekol-story span {background:url(/portfolio/ekol-stroy/preview.jpg); }	
		.work-domishko span {background:url(/portfolio/domishko/preview.jpg); }
		.work-lotustravel span {background:url(/portfolio/lotustravel/preview.jpg); }	
		.work-shinaleader span {background:url(/portfolio/shinaleader/preview.jpg); }	
		.work-johnson-tiles span {background:url(/portfolio/johnson-tiles/preview.jpg); }
		.work-elittransfer span {background:url(/portfolio/elittransfer/preview.jpg); }	
		.work-icg span {background:url(/portfolio/icg/preview.jpg); }
		.work-fly-fly span {background:url(/portfolio/fly-fly/preview.jpg); }		
		
		.work-wrap {
			padding-left:30px;
			padding-bottom:30px;
			overflow:hidden;
			zoom:1;
		}
		.work-wrap-last {
			padding-left:30px;
			overflow:hidden;
			zoom:1;
		}
			.work-wrap h3,
			.work-wrap-last h3{
				padding-left:30px;
				color:#005581;
				font-size:21px;
				margin-bottom:8px;
			}
			.work-image {
				float:left;
				width:616px;
			}
			.work-text {
				float:right;
				width:293px;
				margin-top:-3px;
			}
		
		#mainpage,
		#portfolio {
			padding-left:30px;
		}
			#promo {
				position:relative;
				overflow:hidden;
				zoom:1;
			}
			#promo .image {
				float:left;
				width:455px;
				height:190px;
				background:none;
			}
			#promo .message {
				float:right;
				width:455px;
				height:190px;
			}
			#promo .data {
				padding:23px 30px 0 30px;
			}
			#promo h2 {
				font-size:24px;
				margin:0 0 12px 0;
			}
			#promo h2 a {color:#000; }
			#promo h2 a:hover {color:#20a223; }
			#promo .data p {margin:0; font-size:13px; }
			#promo strong {color:#1c901f; }

			#promo .data div div p {font-size: 18px;}
	
	#sitemap {padding-left:194px; }
	#sitemap h2 {margin-top:9px; margin-left:-2px; }
	#sitemap ul {
		list-style:none;
		line-height:24px;
	}
	#sitemap ul ul {padding-left:30px; margin-bottom:5px; }
	#sitemap a {color:#20a223; }
	#sitemap a:hover {color:#000; }
	#sitemap li li a {color:#069; }
	#sitemap li li a:hover {color:#20a223; }
	#sitemap li li li a {color:#666; }
	#sitemap li li li a:hover {color:#000; }
	
	label {cursor:pointer; }
	fieldset {
		border:none;
		margin-bottom:15px;
	}
	fieldset p {margin-bottom:2px; }
	
	#feedback-form {
		padding:15px 30px;
		color:#000;
	}
	#feedback-form .left {float:left; width:263px; }
	#feedback-form .right {float:right; width:263px; }
	#feedback-form .txt {
		width:259px;
		padding:2px 0;
	}
	#feedback-form textarea {
		width:261px;
		height:163px;
		padding:2px 0;
		overflow:auto;
	}
	#feedback-form .note {
		margin-top:30px;
		color:#666;
		font-style:italic;
		font-size:12px;
	}
	#order {padding-left:30px; }
	#order .order-left {
		float:left;
		width:455px;
	}
	#order .order-right {
		float:right;
		width:455px;
	}
	
	#order h4 {
		margin:0 0 15px 0;
		color:#626828;
	}
	#order .box {margin-bottom:30px; }
	#order fieldset {position:relative; float:left; width:395px; }
	#order fieldset.last {margin-bottom:0; }
	#order .content {
		padding:20px 30px 24px 30px;
		color:#000;
	}
	#order .note {
		float:right;
		width:130px;
		color:#666;
		font-style:italic;
		font-size:11px;
	}
	#order input.txt {
		width:259px;
		padding:2px 0;
	}
	#order select {
		width:264px;
		height:22px;
	}
	#order .t-check {border-collapse:collapse; }
	#order .t-check td,
	#order .t-check tr {
		vertical-align:middle; 
	}
	#order .t-check td {padding-right:7px; }
	#order .check {padding:0; margin:0; }
	#order textarea {
		width:393px;
		height:160px;
		padding:2px 0;
		overflow:auto;
	}		
	
	#order .btn-order-big {
	}
		textarea#f-cont {
			width:261px;
			height:50px;
			padding:2px 0;
			overflow:auto;
		}
		textarea#f-description {
			height:300px;
			padding:2px 0;
			overflow:auto;
		}

	#footer {
		position:relative;
		font-size:12px;
		margin-top:50px;
		margin-left:30px;
		padding:0 0 30px 0;
	}
	#footer.no-margin {margin-top:20px; }
	
	.bottom-menu {color:#20a223; text-indent:-3px; }
	.bottom-menu a {
		color:#20a223;
		margin:0 3px;
	}
	.bottom-menu a:hover {color:#000; }
	
	#footer .feedback {
		position:absolute;
		top:0;
		left:646px;
	}
	* html #footer .feedback {left:649px; }
	
	#footer .feedback-in-order {
		position:absolute;
		top:0;
		left:485px;
	}
	* html #footer .feedback-in-order {left:488px; }