ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5,
p, blockquote, form
{
	margin: 0;
	padding: 0;
	list-style: none;
}

html, body
{
	margin: 0;
	padding: 0;
	background: white;
}

body, th, td
{
	font: 13px/19px Arial;
	color: #333333;
}

h1, h2, h3, h4
{
	font: 28px/normal Georgia;
}

h2
{
	font-size: 25px;
	margin-bottom: 20px;
}
	.text h2
	{
		font-size: 22px;
		margin: 0;
	}

h3
{
	font-size: 23px;
}

h4
{
	font-size: 16px;
}

a img
{
	border: 0;
}

.l83
{
	width: 83%;
	min-width: 1000px;
	margin: 0 auto;
	/*background: gray;*/
}

.l63
{
	width: 63.4%;
	margin-left: 2%;
	float: left;
	/*background: silver;*/
}

.l30
{
	width: 30.7%;
	margin-left: 2%;
	float: left;
	/*background: silver;*/
}

.l21
{
	width: 30.2%;
	float: left;
	padding-right: 3%;
}

.l100
{
	padding: 0 2%;
}

.l83.clear
{
	margin-bottom: 26px;
}
.clear:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.works
{
	background: #313131 url(img/works.png) repeat-x;
	color: white;
	height: 281px;
	min-width: 1000px;
}
	.works h2
	{
		padding: 0 2%;
		font-size: 22px;
		font-style: italic;
		line-height: 62px;
		margin-bottom: 0;
	}

	.works ul
	{
		padding-left: 2%;
	}
	
	.works li
	{
		width: 25%;
		float: left;
		display: block;
	}
	
	.works li div
	{
		background: black url(img/work.png);
		padding: 10px;
		width: 199px;
		height: 174px;
	}
	
	.works p, 
	.works h4
	{
		font-size: 11px;
		line-height: 14px;
		text-align: center;
	}
	
	.works p
	{
		color: #666666
	}
	
	.works h4
	{
		font-weight: bold;
		font-family: Arial;
		color: #CCCCCC;
		margin-top: 8px;
	}
	
.foot
{
	background: #babcc1 url(img/foot.png) repeat-x;
	overflow: hidden;
	font: 11px/normal Tahoma;
	padding-bottom: 27px;
	margin-top: 23px;
	min-width: 1000px;
}
	.foot h4
	{
		font: bold 11px/40px Tahoma;
		color: white;
	}
	
	.foot ul
	{
		margin-top: 7px;
		line-height: 18px;
	}
	
	.foot .l30
	{
		text-align: right;
		font-size: 10px;
		color: #ededed;
		margin-top: 20px;
	}
	
	.foot .l30 span
	{
		background: url(img/foot-span.png) repeat-x 0 bottom;
	}
	
	.foot a
	{
		text-decoration: none;
		color: #ededed;
	}
	
	.foot form
	{
		height: 20px;
		background: url(img/foot-form.png) no-repeat right;
	}
	
		.foot form input
		{
			font-size: 11px;
			color: #cac7c7;
			margin: 0;
			padding: 3px 7px 3px 22px;
			border: 0;
			background: none;
			width: 159px;
		}
	
	.f-phone
	{
		font-size: 26px;
		color: white;
	}
	
	.f-email a
	{
		font-size: 15px;
		color: #505050;
	}
	
	.f-copy
	{
		margin: 20px 0;
	}
	
	.f-map a
	{
		text-decoration: underline;
		line-height: 22px;
	}
	

.accord dt
{
	background: #e9e9e9 url(img/accord-map.png) no-repeat right -33px;
	margin: 9px 0;
}

.accord strong
{
	font: bold 14px/33px Tahoma;
	color: black;
	display: block;
	height: 33px;
	padding-left: 12px;
	cursor: default;
	background: url(img/accord-map.png) no-repeat left -99px;
}

.accord dt.opened
{
	background: #e2e2e2 url(img/accord-map.png) no-repeat right 0;
}

.accord .opened strong
{
	background: url(img/accord-map.png) no-repeat left -66px;
}

.accord dd
{
	overflow: hidden;
	font-size: 12px;
	color: #8c8c8c;
	padding-right: 40px;
}
	.accord dd img
	{
		float: left;
		margin: 0 20px;
	}
	
	.accord dd p
	{
		margin: 7px 0;
	}
	
.comments blockquote
{
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	color: black;
}
	.comments blockquote .sign
	{
		display: block;
		color: #8c8c8c;
		text-align: right;
		font: 12px/18px Tahoma;
		margin: 7px 0 14px 0;
	}


.download
{
	margin-top: 50px;
}

.phase ul.clear
{
	margin-top: 24px;
}
	.phase ul.clear h4
	{
		font: 16px/normal Arial;
		color: black;
	}
	
	.phase ul.clear p
	{
		margin-top: 14px;
		line-height: 20px;
		font-size: 12px;
		color: #666666;
	}
	
	.phase ul.clear div
	{
		padding-left: 75px;
	}
	
	.p-1
	{
		background: url(img/ico-1.png) no-repeat;
	}
	
	.p-2
	{
		background: url(img/ico-2.png) no-repeat;
	}
	
	.p-3
	{
		background: url(img/ico-3.png) no-repeat;
	}
	
	.p-4
	{
		background: url(img/ico-4.png) no-repeat;
	}
	
	.p-5
	{
		background: url(img/ico-5.png) no-repeat;
	}
	
	.p-6
	{
		background: url(img/ico-6.png) no-repeat;
	}
	
	.p-7
	{
		background: url(img/ico-7.png) no-repeat;
	}
	
	.p-8
	{
		background: url(img/ico-8.png) no-repeat;
	}
	
	.p-9
	{
		background: url(img/ico-9.png) no-repeat;
	}
.phase
{
	margin-top: 20px;
}
	.phase h2
	{
		margin: 13px 0;
	}
	
.formS
{
	padding: 11px 19px 19px 19px;
	border: 1px solid #eae9e9;
	background: #f3f3f3 url(img/ico-mail.png) no-repeat 17px 10px;
	font-size: 11px;
	line-height: 18px;
	color: black;
	margin-top: 7px;
}
	.formS p.input
	{
		border: 1px solid #eae9e9;
		background: white;
		margin: 17px 0 0 0;
		padding: 0 8px;
	}

	.formS #lm105
	{
		margin-right: 105px;
	}

	.formS .input input
	{
		color: #999999;
		font-size: 12px;
		font-style: italic;
		margin: 0; border: 0;
		padding: 7px 0;
		width: 100%;
	}
	
	.formS h3
	{
		margin-left: 45px;
		color: black;
		font-size: 22px;
		padding: 6px 0 12px 0;
	}
	
	.formS p
	{
		margin: 7px 0;
	}
	
	.f-submit
	{
		float: right;
		position: relative;
		top: -37px;
	}

/* corners */
.cornerFx
{
	position: relative
}

.corner
{
	position: absolute;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background: url(img/corner-map.png);
}
	.c-tl
	{	
		top: -1px;
		left: -1px;
	}
	
	.c-tr
	{
		top: -1px;
		right: -1px;
	}
	
	.c-bl
	{
		bottom: -1px;
		left: -1px;
	}
	
	.c-br
	{
		bottom: -1px;
		right: -1px;
	}

.formS.cornerFx .c-tl{	background-position: 0 0;	}
.formS.cornerFx .c-tr{	background-position: -6px 0;	}
.formS.cornerFx .c-bl{	background-position: -12px 0;	}
.formS.cornerFx .c-br{	background-position: -18px 0;	}

.input.cornerFx .c-tl{	background-position: 0 -6px;	}
.input.cornerFx .c-tr{	background-position: -6px -6px;	}
.input.cornerFx .c-bl{	background-position: -12px -6px;	}
.input.cornerFx .c-br{	background-position: -18px -6px;	}

/* form field hint */
.foot form input.active,
.formS .input input.active
{
	color: black;
}

/* text */
.text h1,
.text h2,
.text p,
.text blockquote,
.text ul
{
	margin: 18px 0;
}

.text blockquote
{
	font: italic 15px/19px Georgia;
	color: #555555;
	padding: 0 5px;
	border-left: 3px solid #e1e1e1;
}

.text ul li
{
	font-size: 12px;
	font-style: italic;
	padding-left: 18px;
	background: url(img/text-ul-li.png) no-repeat 0 3px;
}

.l83.clear.mb4
{
	margin-bottom: 4px;
}

.blog h3
{
	margin: 18px 0;
}

.blog p
{
	color: #666666;
	font: italic 14px/20px Georgia;
}
	.blog p.date
	{
		height: 23px;
		margin: 6px 0 16px 0;
	}
	.blog p.date strong
	{
		font: 11px/23px Tahoma;
		color: white;
		background: #80ca0c url(img/date.png);
		display: block;
		width: 110px;
		text-align: center;
		float: right;
	}
	
/* slides */
#s-fon-left
{
	background: #00105B url(img/s-fon-left.png) repeat-x;
	overflow: hidden;
	margin-bottom: 4px;
	min-width: 1000px;
}

#s-fon-right
{
	background: url(img/s-fon-right.jpg) repeat-x;
	width: 50%;
	float: right;
}

.slides
{
	background: url(img/slides.jpg) no-repeat center 0;
	height: 265px;
	min-width: 1000px;
	margin-left: -100%;
}

#slider
{
	width: 1000px;
	margin: 0 auto;
	height: 265px;
	overflow: hidden;
	position: relative;
	font-size: 11px;
	line-height: 17px;
	color: white;
	padding-top: 20px;
}
	#slider div
	{
		width: 960px;
		height: 245px;
		position: relative;
		margin: 0 20px;
	}
	
	.s-text
	{
		margin: 8px 0;
		width: 416px;
	}
	
	.s-btns
	{
		position: absolute;
		top: 191px;
		left: 1px;
	}
	
	.s-img
	{
		position: absolute;
		top: 27px;
		right: 0;
	}
	.s-btns a
	{
		margin-right: 10px;
	}
	
#slideControl
{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
	#sliderNext,
	#sliderNext a
	{
		display: block;
		overflow: hidden;
		width: 27px;
		height: 29px;
	}
		#sliderNext
		{
			position: absolute;
			top: -147px;
			left: 1000px;
			z-index: 20
		}
		#sliderNext a
		{
			background: white url(img/sliderNext.png);
			text-indent: 30px;
		}
	#sliderPrev,
	#sliderPrev a
	{
		display: block;
		width: 27px;
		height: 29px;
		overflow: hidden;
	}
		#sliderPrev
		{
			position: absolute;
			top: -147px;
			left: -30px;
			z-index: 20
		}

		#sliderPrev a
		{
			text-indent: 30px;
			background: white url(img/sliderPrev.png);
		}


/* header */
.head
{
	height: 100px;
	overflow: hidden;
	color: white;
	border-bottom: 1px solid #c7cdd1;
	background: black url(img/head.jpg) no-repeat center 0;
	min-width: 1000px;
}
	.h-right
	{
		float: right;
		padding-right: 2%;
	}

.head .l83
{
	width: 79%;
}

#logo
{
	padding-top: 14px;
	padding-left: 2%;
	width: 15%;
	float: left;
}

/*menu*/
#menu
{
	height: 35px;
	float: left;
	margin: 33px 0 0 3%;
	overflow: hidden;
}

	#menu li
	{
		float: left;
		height: 34px;
	}
	
	#menu li a
	{
		display: block;
		text-decoration: none;
		color: #464748;
		background: #E0E0E0 url(img/menu-map.png) no-repeat right 0;
	}
	
	#menu li span
	{
		display: block;
		padding: 12px 17px 11px 17px;
		font-size: 12px;
		line-height: 14px;
		background: url(img/menu-map.png) no-repeat 0 -105px;
	}
	
	#menu li.hover a,
	#menu li a:hover
	{
		background-position: right -35px;
	}
	
	#menu li.hover a span,
	#menu li a:hover span
	{
		background-position: 0 -140px;
	}
	
	#menu li.current a
	{
		color: white;
		background-color: #6EA715;
		background-position: right -70px;
	}
	
	#menu li.current a span
	{
		background-position: 0 -175px;
	}

	#menu li a.first span
	{
		background: url(img/menu-corner-map.png) no-repeat 0 -105px;
	}
	
	#menu li a.first:hover span,
	#menu li.hover a.first span
	{
		background: url(img/menu-corner-map.png) no-repeat 0 -140px;
	}
	
	#menu li.current a.first span
	{
		background: url(img/menu-corner-map.png) no-repeat 0 -175px;
	}
	
	#menu li a.last
	{
		background: url(img/menu-corner-map.png) no-repeat right 0;
	}
	
	#menu li.hover a.last
	{
		background: url(img/menu-corner-map.png) no-repeat right -35px;
	}
	
	#menu li.current a.last
	{
		background: url(img/menu-corner-map.png) no-repeat right -70px;
	}
	
	#menu ul
	{
		position: absolute;
		z-index: 10;
		width: 181px;
		background: silver;
		-moz-border-radius: 10px;
		-moz-border-radius-topright: 0;
		-moz-border-radius-topleft: 0;
		-webkit-border-radius: 10px;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		background: url(img/menu-ul.png) repeat-x 0 bottom;
		padding: 3px 0;
	}
	
		#menu ul li
		{
			float: none;
			height: auto;
			position: relative;
			background: url(img/menu-ul-li.png) no-repeat center bottom;
		}
		
		#menu li.current li a.sub,
		#menu ul li a.sub
		{
			background: url(img/menu-ul-a.png) no-repeat right center;
		}
		
		#menu ul li a,
		#menu li.current li a,
		#menu ul li.hover ul li a
		{
			background: none;
			font: 11px/13px Tahoma;
			color: black;
			padding: 6px 10px 8px 10px;
		}
		
		#menu ul li.hover a,
		#menu ul li a:hover,
		#menu ul li ul li a:hover
		{
			color: white;
		}
		
		#menu ul ul
		{
			left: 181px;
			top: -2px;
			-moz-border-radius-topright: 10px;
			-webkit-border-top-right-radius: 10px;
		}
		
	#menu li ul,
	#menu li.hover ul li ul
	{
		display: none
	}
	
	#menu li.hover ul,
	#menu li.hover ul li.hover ul
	{
		display: block;
	}
	
#customers
{
	float: left;
	margin-left: -83px;
	font-size: 11px;
	line-height: 33px;
}

#customers a
{
	color: white;
	text-decoration: none;
	background: url(img/customers.png) repeat-x 0 bottom;
	padding-bottom: 1px;
}

/* inner */
#inner .slides
{
	padding-left: 4px;
}

#inner .slides li
{
	display: inline;
	color: white;
	font: 12px/49px Arial;
	vertical-align: middle;
}

#inner .slides li span
{
	font-size: 19px;
	line-height: 19px;
	vertical-align: middle;
	padding: 0 5px;
}

#inner .slides a
{
	color: #a9fe46;
	vertical-align: middle;
}

#inner .slides
{
	height: auto;
}

#inner .works
{
	overflow: hidden;
	background: none;
	height: auto;
	margin-top: 0;
}

#inner .works h2
{
	color: #333333;
	font-style: normal;
	line-height: normal;
	padding-bottom: 20px;
}

#inner .works li div
{
	background: #ececec url(img/work-inner.png);
	margin-bottom: 26px;
}

#inner .works h4
{
	color: black;
}

#inner .works p
{
	color: #666666;
}

#inner .blog li a
{
	color: #088ac2;
	padding-left: 20px;
	display: block;
	background: url(img/next.png) no-repeat left center;
}

.safari
{
	width: 632px;
	margin: 26px auto 0 auto;
}
	.safari p
	{
		margin: 0;
	}

.sfr-body
{
	background: url(img/safari-mid.png) repeat-y;
}

.sfr-head
{
	height: 53px;
	background: url(img/safari-top.png) no-repeat;
	position: relative;
}
	.sfr-head h4
	{
		font: bold 11px/20px Arial;
		text-align: center;
		color: #666666;
	}
	.sfr-head p
	{
		position: absolute;
		left: 114px;
		top: 34px;
		width: 398px;
	}
	.sfr-head a
	{
		font: 10px/13px Arial;
		color: #666666;
		text-decoration: none;
	}

.sfr-img
{
	padding-bottom: 12px;
	background: url(img/safari-bot.png) no-repeat bottom;
	text-align: center;
}
.safari ul
{
	width: 640px;
	margin-top: 18px;
	overflow: hidden;
	margin-bottom: 38px;
}
.text .safari ul li
{
	width: 158px;
	height: 98px;
	float: left;
	padding: 13px 1px 3px 1px;
	background: url(img/safari-mini.png) no-repeat;
}

.sfr-nav a
{
	display: block;
	font-size: 11px;
	color: black;
	margin-bottom: 26px;
}

.sfr-prev
{
	width: 50%;
	float: left;
	text-align: right;
	overflow: hidden;
}
	.sfr-prev a
	{
		float: right;
		background: url(img/prev.png) no-repeat left center;
		padding-left: 21px;
		margin-right: 15px;
	}

.sfr-next
{
	width: 50%;
	float: left;
	overflow: hidden;
}
	.sfr-next a
	{
		float: left;
		background: url(img/next.png) no-repeat right center;
		padding-right: 21px;
		margin-left: 15px;
	}
	
.staff a
{
	font: italic 14px/normal Georgia;
	color: #666666;
}

.staff dt
{
	font: 20px/normal Georgia;
	color: #333333;
}

.staff dd
{
	font: italic 14px/normal Georgia;
	color: #666666;
	padding: 5px 0 22px 0;
}
	.staff dd dt
	{
		font: 11px/23px Tahoma;
		color: white;
		background: #80ca0c url(img/date.png);
		display: block;
		width: 110px;
		float: right;
		text-align: center;
		clear: both;
		margin: 7px 0 0 0;
	}

	.staff dd dd
	{
		margin-right: 110px;
		padding: 7px 0 0 0;
		line-height: 23px;
	}
	
.text a
{
	color: black;
}

a.tooltip span {display:none; padding:2px 3px; margin-top: 25px; margin-left:-300px; width:400px; text-align: left;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c; z-index: 1; }
.opacity {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5;
z-index: -5;
}