/* general reset start */
html{
	height: 100%;
	width: 100%;
	display: table;
	background: #000 url(../images/bg-main.png) no-repeat 50%;
}
body {
	height: 100%;
	width: 100%;
	margin: 0;
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #666;
	vertical-align: middle;
	display: table-cell;
}
img { border-style: none; }
a {
	color: #000;
	text-decoration: none;
	outline: none;
}
a:hover { text-decoration: underline; }
.wrapp {
	width: 100%;
	overflow: hidden;
	height: 678px;
}
/* general reset end */
/* container start */
.hideUl {display:none !important;}
#container {
	width: 1000px;
	margin: 0 auto;
	height: 695px;
	padding: 11px 0 0;
}
/* page start */
#page {
	background: #fff;
	height: 678px;
	position: relative;
}
/* header start */
#header {
	width: 258px;
	position: absolute;
	top: 25px;
	right: 28px;
	z-index: 2;
	display:none;
}
#header h1 {
	width: 258px;
	height: 41px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	margin: 0 0 4px;
}
#header h1 a {
	display: block;
	height: 100%;
	background: url(../images/bg-logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#header address {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#header address span {
	float: left;
	height: 8px;
	overflow: hidden;
	background: url(../images/bg-phone.gif) no-repeat;
	width: 94px;
	text-indent: -9999px;
}
#header address a {
	float: left;
	height: 8px;
	width: 154px;
	float: right;
	background: url(../images/bg-email.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#header address a:hover { background-position: 0 -8px; }
/* header end */
/* content start */
#content {
	width: 700px;
	height: 678px;
	overflow: hidden;
	float: left;
	position: relative;
}
/* main block start */
.main-block {
	height: 695px;
	position: relative;
}
.main-block img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
/* main block end */
/* description start */
.description {
	position: relative;
	height: 678px;
	overflow: hidden;
}
.description .inner {
	position: relative;
	height: 695px;
}
.load {
	position:absolute;
	top:320px;
	left:350px;
	z-index:100;
}
/* text start */
.text {
	position: absolute;
	bottom: 3px;
	left: 0;
	z-index: 2;
	padding: 0 0 0 28px;
	height: 50px;
	width: 584px;
}
.text h3 {
	margin: 0 0 2px;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
	line-height: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.text p { margin: 0; }
.text a { color: #666; }
.text a.name {
	white-space: nowrap;
}
.text .about {
	background: url(../images/bg-bullet.gif) no-repeat left;
	padding: 0 4px 0 6px;
	display: inline;
}
/* text end */
/* sub navigation start */
.sub-nav {
	height: 17px;
	border: solid #000;
	border-width: 1px 0;
	padding: 1px 20px 0;
	line-height: 16px;
	text-align: right;
	position: absolute;
	bottom: 65px;
	left: 0;
	width: 660px;
}
* html .sub-nav { line-height: 15px; }
*+html .sub-nav { line-height: 15px; }
.sub-nav, .sub-nav a { color: #535353; }
.sub-nav ul {
	margin: 0;
	padding: 0 6px 0 0;
	list-style: none;
	display: inline;
}
.sub-nav ul li {
	display: inline;
	margin: 0 3px;
}
.sub-nav ul a {
	color: #666;
}
.sub-nav ul li.active a {
	color: #000;
	font-weight: bold;
	font-size: 12px;
}
.sub-nav a:hover {
	color: #000;
	text-decoration: none;
}
.sub-nav a.download {
	background: url(../images/bg-download.gif) no-repeat left;
	padding: 0 0 0 6px;
}
/* sub navigation end */
.description .image {
	height: 593px;
	position: relative;
}
.description .image img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
/* description end */
/* about start */
.about-info{
	height:457px !important;
	color:#fff;
	font-size:13px;
	line-height:40px;
	padding:221px 109px 0;
	background:none;
}
.about-info p{
	margin:0;
	width:484px;
	height:222px;
	background: url(../images/bg-about.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.cyan {
	background:#09f;
}
.magenta {
	background:#c09;
}
.green {
	background:#3c0;
}
.orange {
	background:#f60;
}
.aqua {
	background:#6cc;
}
.gray {
	background:#666;
}
/* about end */
/* content end */
/* navigation start */
#nav {
	width: 276px;
	float: right;
	padding: 99px 23px 0 0;
	font-size: 11px;
	margin: 0;
	list-style: none;
	letter-spacing: 1px;
	display: none;
	border-left: 1px solid #000;
	height: 579px;
	line-height: 13px;
}
* html #nav{
	margin: 0 0 0 -6px;
	padding-top: 98px;
	height: 580px;
}
*+html #nav{
	padding-top: 98px;
	height: 580px;
}
#nav li { padding: 0 0 15px; }
* html #nav li { padding: 0 0 14px; }
*+html #nav li { padding: 0 0 14px; }
#nav a {
	display: block;
	padding: 0 13px;
	width: 247px;
}
#nav a span {
	background: #fff;
	padding: 0 1px 0 2px;
}
#nav a:hover, #nav li.active a {
	background: url(../images/bg-dot.gif) repeat-x 0 50%;
	text-decoration: none;
}
#nav ul {
	width: 100%;
	overflow: hidden;
	margin: 0 0 -8px;
	padding: 8px 0 0;
	list-style: none;
}
#nav ul li {
	padding: 3px 0 4px 7px;
	float: left;
}
#nav ul li.right {
	float: right;
	padding: 3px 3px 0 0;
}
#nav ul a {
	display: inline;
	padding: 0;
	width:auto;
}
#nav ul a img {
	vertical-align: top;
}
#nav li.active ul a, #nav ul a:hover { background: none; }
#nav li.active div { display: none; }
#nav div {
	display: none;
	padding: 5px 0 4px 8px;
}
/* navigation end */
/* page end */
/* footer start */
#footer {
	font-size: 9px;
	color: #898989;
	padding: 2px 0 0;
}
#footer a { color: #898989; }
/* footer end */
/* container end */
.img-desript div.inner {
	position: absolute;
	width: 700px;
	height: 678px;
	top: 0;
}

#nav-lock {
	position:absolute;
	right:0;
	top:0;
	width:300px;
	height:678px;
	z-index:100;
}