html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
html, body { height: 100%; width: 100%;}
body {
	background-color: #000;
	color: #000;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
/* =common styles */
h1 {
	font: normal 20px/22px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	text-align: left;
}
h2 {
	font: normal 18px/20px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	text-align: left;
}
h3 {
	font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
h4 {
	font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
a:link, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}
a:hover { text-decoration: none;}
a:focus { outline: none;}
p { margin: 10px 0;}
.clear { clear: both;}
/* /common styles */
#shim {
    float: left;
    height: 50%;
    margin-top: -277px;
	visibility: hidden;
	width: 100%;
}
#box {
    background: #000;
	clear: both;
	height: 554px;
    margin: 0 auto;
	position: relative;
	text-align: left;
	width: 890px;
    z-index: 2;
}
#menu {
	background: #000;
	height: 43px;
	font-size: 13px;
	line-height: 14px;
}
#lang {
	clear: both;
	color: #ef6400;
	font-size: 10px;
	right: 0;
	position: absolute;
	top: 10px;
	white-space: nowrap;
}
	#menu #lang span {
		background: none;
		color: #ef6400;	
		display: inline;
		font-weight: bold;
		padding: 0;
	}
	#menu #lang a {
		display: inline;
		padding: 0;
	}
	#menu #lang a:hover {
		background: none;
		color: #ef6400;
		text-decoration: none;
	}
#index #menu a { 
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}	
#inner #menu { padding: 0 0 0 190px;}
	#menu li {
		display: block;
		float: left;
		margin: 13px 0 0 0;
	}
	#menu a, #menu span {
		display: block;
		padding: 8px 10px;
		text-transform: lowercase;
	}

	#menu a:link, #menu a:visited, #menu a:active { color: #ef6400;}
	#menu a:hover {
		background: #813601;		
		color: #000;		
	}
	#menu span {
		background: #f06400;		
		color: #000;		
	}
#all {
	position: absolute;
	z-index: 2;	
}	
	#logo {
		left: 28px;
		position: absolute;
		top: 11px;
		z-index: 60;
	}	
	#txtwrap {		
		left: 240px;
		overflow: hidden;
		position: absolute;
		text-align: justify;
		top: 35px;
		width: 500px;
	}
#bg {
	background-color: #000;
	background-repeat: no-repeat;
	height: 511px;
	overflow: hidden;
	position: absolute;
	width: 890px;
	z-index: 1;
}
	.ttl {
		font-size: 13px;
		font-weight: bold;
	}
	#bg_front {
		left: 0;
		position: absolute;
		top: 0;		
		z-index: 3;
	}
		#index #bg_front {
			background:  url(../img/main.png) no-repeat 0 0;
			height: 475px;
			width: 890px;
		}
	#index #box {
		background: #000;
		padding: 0;
	}
		#index #bg { 
			background: #f06400;
			height: 475px;
		}
		#index #menu { background: none;}
		#index #menu a:link, #index #menu a:visited, #index #menu a:active {
			color: #000;
			padding: 0;
			position: absolute;
			white-space: nowrap;
			text-decoration: none;
			
		}
		#index #menu a:hover { background-color: transparent;}
		#index #menu a#m6:link, #index #menu a#m6:visited, #index #menu a#m6:active { color: #f06400;}
		#index #menu a:link, #index #menu a:visited, #index #menu a:active {
			width: 75px;
			height: 15px;
			background-position: left top;
			background-repeat: no-repeat;
			font-size: 0px;
			text-decoration: none;
			text-indent: -9999px;
		}
		#index #menu a:hover {background-position: left bottom;}
		#index #menu a {
			/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
			-moz-opacity: 0; 
			-khtml-opacity: 0;
			opacity: 0; */
			/*display: none;*/
			left: 445px;
			top: 400px;
		}
		#index #menu #m1 {
			/*left: 177px;
			top: 120px;*/
			height: 13px;
			background-image: url(../img/m1.gif);
		}
		#index #m2 {
			left: 549px;
			top: 114px;			
			background-image: url(../img/m2.gif);
		}
		#index #m3 {
			left: 202px;
			top: 341px;
			background-image: url(../img/m3.gif);
		}
		#index #m4 {
			left: 313px;
			top: 375px;
			height: 13px !important;
			background-image: url(../img/m4.gif);
		}
		#index #m5 {
			left: 345px;
			top: 294px;
			background-image: url(../img/m5.gif);
		}
		#index #m6 {
			left: 674px;
			top: 345px;
			background-image: url(../img/m6.gif);
		}
		#index .jScrollPaneContainer {
			position: absolute;
			bottom: 0;
			font-size:9px;
			line-height:9px;
			z-index: 50;
			font-size: 11px;
			width: 100%;
		}
		#index #text {
			color: #f06400;
			height: 100px;
			padding: 5px 0 0 5px;
			position: absolute;
			line-height: 14px;
			top: 460px;
			width: 890px;
			z-index: 5;
		}
		#index #text a:link, #index #text a:visited, #index #text a:hover, #index #text a:active {
			color: #f06400;
		}
		#index h1 {
			font-size: 16px;
			font-weight: bold;
			line-height: 18px;
			text-align: center;
			margin: 0 0 15px;
		}
		#index h2 {
			color: #F06400;
			font-size: 13px;
			font-weight: bold;
			line-height: 14px;
			white-space: nowrap;
		}

		#index h3 {
			color: #F06400;
			font-size: 12px;
			font-weight: bold;
			line-height: 14px;
			white-space: nowrap;
		}
		#index #text ul { margin: 0 0 5px 0;}
		#index #text li {
			background:  url(../img/limark2.gif) no-repeat 0 5px;
			color: #f06400;
			/*font-size: 9px;
			line-height: 9px;*/
			margin: 0 0 0 3px;
			padding: 0 0 0 12px;
		}
		#index #text p {
	      		color: #f06400;
			/*font-size:9px;
			line-height:9px;*/
		}
		#index #text table { margin: 0 auto;}
		#index #text td { vertical-align: top; padding-right: 10px;}
		#index #text .f { padding-right: 20px;}
		#index #text .l { padding-left: 5px; padding-right: 0;}
	.about #bg { 
		background: #f06400;
		height: 455px;
		overflow: hidden;
	}	
		.about #txtscroll, .about .scroll-pane {
			height: 255px;
			width: 500px;
		}
		.about #txtwrap li {
			background:  url(../img/limark1.gif) no-repeat 0 5px;
			margin: 0 0 0 10px;
			padding: 0 0 0 12px;
		}
	.team #bg { background-image: url(../img/team_bg.png);}
		.team #teamwrap {			
			position: relative;
			top: 135px;
			width: 735px;
		}
		.team #box { height: 454px; overflow:hidden;} 
		.team #bg {
			background-image: url(../img/team_bg.png);
		}
		.team #all {
			padding: 40px 0 0;
		}
		.bubbleInfo {
			cursor: pointer;
			height: 393px;
			float: left;
			position: absolute;
			width: 99px;
			z-index: 5;
		}
		.bubbleInfo {
			cursor: pointer;
			height: 350px;
			float: left;
			position: absolute;
			width: 99px;
			z-index: 5;
		}
		.bubbleInfo.hovered {
			width: 230px;
			z-index: 50;
		}
		.trigger {
			background: url(../img/team.jpg) no-repeat 0 68px;
			height: 350px;
			position: absolute;
			top: 14px;
			width: 100%;
		}	
		.popup {
			background: #ff5400 url(../img/grass.png) repeat-x left bottom;
			border-right: 1px solid #000;
			border-top: 1px solid #000;
			color: #000;		
			display: none;
			font-size: 11px;			
			height: 323px;
			left: -10000px;
			line-height: 13px;
			opasity: 0;
			padding: 10px 10px;
			position: absolute;
			top: 14px;
			width: 400px;
			z-index: 57;
		}
		.popup p { margin: 5px 0;}
		.hovered .trigger {	z-index: 55;}
		#p10.hovered .txt, #p11.hovered .txt { right: 150px;}
		
		#p1 {
			left: 52px;
		}
		#p1.hovered .trigger { background-position: 0 -295px;}
		#p1.hovered .popup {
			left: 62px;
			width: 230px;
		}
		#p2 {left: 100px;}
		#p2 .trigger { background-position: -48px 68px;}
		#p2.hovered .trigger { background-position: -48px -657px;}
		#p2.hovered .popup {
			left: 98px;
			width: 400px;
		}
		#p3 { left: 184px;}
		#p3 .trigger { background-position: -132px 68px;}
		#p3.hovered .trigger { background-position: -132px -295px;}
		#p3.hovered .popup{
			height: 198px;
			left: 98px;
			padding-top: 130px;
			width: 112px;
		}
		#p4 { left: 217px;}
		#p4 .trigger { background-position: -165px 68px;}
		#p4.hovered { width: 224px;}
		#p4.hovered .trigger { background-position: -165px -657px;}
		#p4.hovered .popup{
			height: 200px;
			left: 98px;
			padding-top: 130px;
			width: 130px;
		}
		#p5 { left: 290px;}
		#p5 .trigger { background-position: -238px 68px;}
		#p5.hovered .trigger { background-position: -238px -295px;}
		#p5.hovered .popup {
			left: 85px;
			width: 130px;
		}
		#p6 { left: 348px;}
		#p6 .trigger { background-position: -296px 68px;}
		#p6.hovered .trigger { background-position: -296px -657px;}
		#p6.hovered .popup {
			height: 200px;
			left: 85px;
			padding-top: 130px;
			width: 130px;
		}
		#p7 {
			left: 405px;
			width: 80px;
		}
		#p7 .trigger { background-position: -352px 68px;}
		#p7.hovered .trigger { background-position: -352px -295px; width: 99px;}
		#p7.hovered .popup {
			left: 90px;
			padding: 10px 7px 13px 0;
			width: 320px;
		}
		#p8 { left: 468px;}
		#p8 .trigger { background-position: -415px 68px;}
		#p8.hovered {
			width: 100px;
		}
		#p8.hovered .trigger { background-position: -415px -657px;}
		#p8.hovered .popup {
			border-left: 1px solid #000;
			border-right: none;
			left: -360px;
			width: 340px;
		}
		#p9 { left: 534px;}		
		#p9 .trigger { background-position: -481px 68px;}	
		#p9.hovered {
			left: 58px;
			padding: 0 0 0 479px;
			width: 99px;
		}
		#p9.hovered .trigger { background-position: -481px -295px;
			width: 93px;
		}
		#p9.hovered .popup {
			border-left: 1px solid #000;
			border-right: none;
			left: 90px;
			width: 370px;
		}
		#p10 {
			left: 603px;
		}
		#p10.hovered {
			left: 455px;
			padding: 0 0 0 150px;
			width: 78px;
		}
		#p10 .trigger { background-position: -549px 68px;}
		#p10.hovered .trigger { background-position: -549px -657px;
			width: 84px;
		}
		#p10.hovered .popup {
			border-left: 1px solid #000;
			border-right: none;
			border-top: 1px solid #000;
			left: 0;
			height: 200px;
			padding-top: 130px;
			width: 130px;
		}
	
		#p11 {
			left: 647px;
			width: 79px;
		}
		#p11.hovered {
			left: 378px;
			padding: 0 0 0 271px;
			width: 60px; 
		}
		#p11 .trigger {
			background-position: -593px 68px;
			width: 78px; 
		}
		#p11.hovered .trigger { background-position: -593px -295px;}
		#p11.hovered .popup {
			border-left: 1px solid #000;
			border-right: none;
			left: 0;
			width: 250px;
		}
		#p12 {
			left: 700px;
			width: 79px;
		}
		#p12.hovered {
			left: 556px;
			padding: 0 0 0 145px; 
		}
		#p12 .trigger {
			background-position: -645px 68px;
			width: 75px; 
		}
		#p12.hovered .trigger { background-position: -645px -657px;}
		#p12.hovered .popup {
			border-left: 1px solid #000;
			border-right: none;
			height: 200px;
			left: 0;
			padding-top: 130px;
			width: 130px;
		}
		#p13 {
			left: 765px;
			width: 79px;
		}
		#p13.hovered {
			left: 621px;
			padding: 0 0 0 145px; 
		}
		#p13 .trigger {
			background-position: -710px 68px;
			width: 75px; 
		}
		#p13.hovered .trigger { background-position: -710px -295px;}
		#p13.hovered .popup {
			border-left: 1px solid #000;
			border-right: none;
			height: 200px;
			left: 0;
			padding-top: 130px;
			width: 130px;
		}
		
		#info {
			background: #441c0d;
			color: #f16722;
			height: 120px;
			left: 85px;
			overflow: hidden;
			position: absolute;
			top: 255px;
			visibility: hidden;
			width: 720px;
			z-index: 5;
		}
			#info div {
				visibility: hidden;
				position: absolute;
			}
			#closer {
				background: url(../img/closer.gif) no-repeat 0 0;
				display: block;
				height: 10px;
				right: 10px;
				position: absolute;
				top: 10px;
				width: 10px;
				z-index: 5;
			}
			#info div.show, #info div.show div { visibility: visible;}
			#info a:link, #info a:visited, #info a:active { color: #f06400;}
			.infwrap {
				height: 100px;
				padding: 10px;
				width: 700px;
			}			
			#info .jScrollPaneDrag { background: #210706;}			
	.news #box { background: #000;}
	.news #bg { 
		background: #f06400;
		height: 455px;
		overflow: hidden;
	}	
		.news #txtwrap {
			height: 265px;
			left: 200px;
			top: 65px;
			width: 525px;
		}
		.news #txtscroll, .news .scroll-pane {
			height: 265px;
			width: 525px;
		}
		.news #txtwrap li { margin: 0 0 13px 0;}		
	.contacts #bg { background-image: url(../img/contacts_bg.png);}
		.contacts #txtwrap {
			color: #f06400;
			left: 165px;
			line-height: 20px;
			top: 65px;
			width: 593px;
		}
		.contacts a:link, .contacts a:visited, .contacts a:active { color: #f06400;}
		.contacts #txtwrap dt {
			display: block;
			float: left;
			margin: 15px 0 0 0;
			text-align: right;
			text-transform: uppercase;
			width: 245px;
		}
		.contacts #txtwrap dd {
			display: block;
			float: left;
			margin: 15px 0 0 0;
			padding: 0 0 0 10px;
		}
		.contacts #txtscroll, .contacts .scroll-pane {
			height: 260px;
			width: 593px;
		}
		.contacts #birds {
			background: url(../img/contact_birds.gif) no-repeat 0 0;
			height: 35px;
			left: 510px;
			position: absolute;
			top: 2px;
			width: 81px;
		}
		#fly {
			background: url(../img/btterfly.gif) no-repeat 0 0;
			height: 136px;
			left: 585px;
			position: absolute;
			top: 353px;
			width: 205px;
		}
	.work #bg {
		background-image: url(../img/work_bg.png);
		height: 431px;
		overflow: hidden;	
	}
		.work #txtwrap {
			clear: both;
			left: 345px;
			top: 60px;
			width: 465px;
		}
		.work #txtscroll {
			height: 275px;
			width: 465px;
		}
		.process .scroll-pane {
			height: 307px;
			width: 533px;
		}
		.work #txtwrap li {
			margin: 0 0 15px 0;
			padding: 0 10px 0 0;
		}
		.work .ttl {
			font-size: 13px;
			font-weight: bold;
		}
		.work .gallery {
			margin: 0 0 0 37px;
			
		}
		.work #txtwrap .gallery li {
			cursor: pointer;
			display: block;			
			float: left;
			height: 95px;
			margin: 0 7px 7px 0;
			padding: 0;
			width: 95px;
		}
	.work h1 {
		font-size: 14px;
		font-weight: bold;
		left: 381px;
		position: absolute;
		top: 15px;
		width: 415px;
	}
	.work h2 {
		background: #000;
		clear: both;
		color: #f9921c;
		font-size: 11px;
		font-weight: normal;
		line-height: 13px;
		padding: 3px 11px;
		margin: 5px 10px 15px 37px;
	}
	.switch  {
		font-size: 11px;
		font-weight: bold;
		left: 345px;
		position: absolute;
		top: 20px;
		width: 415px;
	}
	.switch span {
		background: #be4f00;
		border: 1px solid #be4f00;
		color: #ffbb69;
		display: block;
		float: left;
		margin: 0 3px 0 0;
		padding: 5px 10px;
		text-transform: uppercase;
	}
	.switch a {
		background: #f06400;
		border: 1px solid #bc4f00;		
		display: block;
		float: left;
		margin: 0 3px 0 0;
		padding: 5px 10px;
		text-transform: uppercase;
	}
	.switch a:link, .switch a:visited, .switch a:active {
		color: #000;
		text-decoration: none;
	}
	.switch a:hover {
		border: 1px solid #964205;
		text-decoration: none;
	}
	#worker {
		background: url(../img/work_worker.png) no-repeat 0 0; 
		height: 431px;
		left: 76px;
		position: absolute;
		width: 791px;
		z-index: 4;
	}		
	.process #bg { background-image: url(../img/process_bg.png); height: 425px; overflow:hidden;}
		.process #txtwrap {			
			left: 288px;
			top: 60px;
			width: 533px;
		}
		.process #txtscroll, .process .scroll-pane {
			height: 240px;
			width: 533px;
		}
		.process #txtwrap li {
			margin: 0 0 15px 0;
		}
		.process .ttl {
			font-size: 13px;
			font-weight: bold;
		}
		.process .gallery { margin: 0 0 0 95px;}
		.process #txtwrap .gallery li {
			cursor: pointer;
			display: block;			
			float: left;
			height: 95px;
			margin: 0 7px 7px 0;
			width: 95px;
		}
	.process h1 {
		font-size: 14px;
		font-weight: bold;
		left: 381px;
		position: absolute;
		top: 15px;
		width: 415px;
	}
	.process h2 {
		background: #000;
		clear: both;
		color: #f9921c;
		font-size: 11px;
		font-weight: normal;
		line-height: 13px;
		padding: 3px 11px;
		margin: 5px 0 15px 95px;
	}
	.back {
		background: url(../img/arr.gif) no-repeat 0 0;
		line-height: 15px;
		padding: 0 0 3px 25px;
		margin: 0 0 0 95px;
	}
	.news .back{ margin: 0;}
	.work .back { margin: 0 0 0 37px;}
/* =animated */	
	#sun {	
		left: 350px;
		position: absolute;
		bottom: -70px;
		z-index: 1;
	}
	.about #sun {
		background: url(../img/about_sun.png) no-repeat 0 0;
		bottom: -200px;
		height: 209px;
		width: 277px;
	}
	.news #sun {
		background: url(../img/news_sun.png) no-repeat 0 0;
		height: 109px;
		width: 304px;
	}
	#index #sun {
		background: url(../img/sun_main.gif) no-repeat 0 0;
		height: 63px;
		width:167px;
	}
	#city {
		background: url(../img/news_houses.png) no-repeat 0 0;	
		bottom: -1px;
		height: 201px;		
		position: absolute;
		width: 890px;
		z-index: 3;
	}
	.about #city {
		background: url(../img/about.png) no-repeat 0 0;	
		bottom: -1px;
		height: 256px;
	}
	#plane_big {
		height: 43px;
		left: -132px;
		position: absolute;
		top: 47px;
		width: 131px;
		z-index: 2;
	}	
	#airball {
		background: url(../img/airball.png) no-repeat 0 0;
		bottom: -44px;
		height: 57px;
		left: 10px;
		position: absolute;
		width: 44px; 
		z-index: 2;
	}
	#index #airball {
		left: auto;
		right: 20px;	
	}
	.news #airball {
		background: url(../img/airball_t.png) no-repeat 0 0;
		bottom: 30px;
		left: -57px;
		right: 20px;	
	}	
	#cloud1 {
		bottom: -40px;
		position: absolute;
		z-index: 2;
	}
	#cloud2 {
		bottom: -83px;
		position: absolute;
		z-index: 2;
	}
	#plane_mid {
		right: -75px;
		position: absolute;
		top: 15px;
		z-index: 2;
	}
	#vert {
		background: url(../img/vert.gif) no-repeat 0 0;
		height: 51px;
		right: -200px;
		top: 50px;
		position: absolute;
		width: 102px;
	}
	#plane_h2 {
		background: url(../img/small_plane.png) no-repeat 0 0;
		height: 22px; 
		left: -200px;
		top: 30px;
		position: absolute;
		width: 65px;
		z-index: 2;
	}
	#car {
		background: url(../img/car.png) no-repeat 0 0;
		height: 19px;
		bottom: -1px;
		opacity: 1;
		position: absolute;
		right: -160px;
		width: 64px;
		z-index: 1;		
	}	 
	#birds {
		background: url(../img/birds.gif) no-repeat 0 0;
		height: 68px;
		left: 50px;
		position: absolute;
		top: 69px;
		width: 306px;
	}
	#light {
		background: url(../img/team_light.png) no-repeat 0 0;
		bottom: 95px;
		height: 85px;
		left: 0;
		position: absolute;
		width: 175px;
		z-index: 5;
	}	
/* /animated */	
/* =scroll */
.jScrollPaneContainer {
	overflow: hidden;
	position: relative;	
	z-index: 1;
}
.jScrollPaneTrack {
	background: #f6921e;	
	cursor: pointer;	
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.jScrollPaneDrag {	
	background: #000;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
}
.jScrollPaneDragTop {	
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.jScrollPaneDragBottom {	
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
}
.scroll-pane {
	float: left;
	height: 300px;
	overflow: auto;
	width: 500px;
}
/* /scroll */