html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, b, dl, dt, dd, ul, li, fieldset, form, label, table, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent
}
html, body {height:100%; width:100%}
body
{
	background-color:#1a1a1a;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#666666;
	text-shadow:#fff 0 0
}
#main {background-color:#1f131b; min-width:940px; min-height:400px}

li {list-style:none}

#big
{
	top:50%;
	left:50%;
	margin:-50% 0 0 -50%
}
#main #big {cursor:default}

#Container
{
	top:100%;
	width:100%;
	margin-top:-117px;
	height:117px;
	overflow:auto
}
#main #Container
{
	top:0;
	margin:0;
	height:100%
}

#wrap
{
	background-color:#1a1a1a;
	width:1500px;
	height:101px;
	overflow-y:hidden
}
#main #wrap
{
	background:url(/i/msplash.png) 50% 50% repeat;
	width:100% !important;
	height:100%
}

#works
{
	padding:0 1px;
	height:98px
}
#works li
{
	width:88px;
	height:80px;
	padding-top:9px
}
#works li a
{
	background:none;
	margin:4px;
	line-height:1px
}
/* #works li a:visited
{
	background-color:#37202b
}
#works li a:visited img
{
	filter:alpha(opacity=20);
	opacity:.2;
	-moz-Opacity:.2;
	-khtml-Opacity:.2
}
*/
#works li a:hover
{
	background:none;
	border:#fffbd7 solid 1px;
	margin:-1px;
	padding:4px
}
#works li a:hover img
{
	filter:none;
	opacity:1;
	-moz-Opacity:1;
	-khtml-Opacity:1
}
#works li.active {background:url(/i/active.gif) 50% 0 no-repeat}
#works li.active a {cursor:default}
#works li.separator, #Container #works li.active a, #Container #works li.active a:hover
{
	background:url(/i/bgimg.gif) transparent 0 0 repeat;
	width:78px;
	height:78px;
	border:#fff solid 1px;
	padding:0;
	margin:13px 4px 4px 4px;
	filter:alpha(opacity=60);
	opacity:.6;
	-moz-Opacity:.6;
	-khtml-Opacity:.6
}
#works li.separator {background:none; border:none; display:none}
#Container #works li.active a, #Container #works li.active a:hover {margin-top:4px}
#works li.active a img {display:none}

#logo
{
	margin:12px 0 0 60px;
	width:258px;
	height:76px
}
#logo a
{
	background:url(/i/logoin.png) 0 0 no-repeat;
	width:258px;
	padding-top:76px
}
#main #logo
{
	background:url(/i/logo.png) 0 0 no-repeat;
	bottom:70px;
	left:59px;
	margin:0;
	float:none;
	width:444px;
	padding-top:131px
}
#main #contacts
{
	background:url(/i/contacts.png) 0 0 no-repeat;
	bottom:90px;
	left:561px;
	width:367px;
	padding-top:32px
}
#main.eng #contacts {background:url(/i/en/contacts.png) 0 0 no-repeat}

#email
{
	background:url(/i/mail.png) 0 0 no-repeat;
	width:165px;
	left:561px;
	bottom:72px;
	padding-top:14px
}

#lang
{
	top:60px;
	left:60px;
	width:80px;
	height:30px
}
#lang li
{
	width:26px;
	height:26px;
	margin-right:9px
}
#lang a, #lang strong
{
	background-image:url(/i/lang.png);
	background-position:-26px -26px;
	background-repeat:no-repeat;
	display:block;
	width:26px;
	padding-top:26px;
	position:relative
}
#lang #ru strong, #lang #ru a:hover {background-position:0 0}
#lang #en a {background-position:-26px 0}
#lang #en strong, #lang #en a:hover {background-position:0 -26px}

* html #lang a, * html #lang strong
{
	width:52px;
	padding-top:52px;
}
* html #lang #ru a
{
	top:-26px;
	left:-26px
}
* html #lang #ru strong, #lang #ru a:hover
{
	top:0;
	left:0
}
* html #lang #en a
{
	top:0;
	left:-26px
}
* html #lang #en strong, * html #lang #en a:hover
{
	top:-26px;
	left:0
}

#quote
{
	background:url(/i/quote.png) 0 0 no-repeat;
	top:61px;
	right:59px;
	width:162px;
	padding-top:67px
}
#main.eng #quote
{
	background:url(/i/en/quote.png) 0 0 no-repeat;
	width:213px
}


#menu
{
	margin:35px 12px 0 13px;
	width:100px;
	height:50px
}
#menu li
{
	height:19px;
	width:100px;
	padding-top:4px
}
#menu a {margin-left:7px}
#menu a:hover
{
	padding-top:19px;
	margin:0
}
#m1 a
{
	background:url(/i/m1.png) 0 0 no-repeat;
	padding-top:7px;
	width:46px;
	top:3px
}
#m1 a:hover
{
	background:url(/i/m1a.png) 0 0 no-repeat;
	width:60px;
	top:-4px
}
.eng #m1 a
{
	background:url(/i/en/m1.png) 0 0 no-repeat;
	width:33px;
	padding-top:11px
}
.eng #m1 a:hover
{
	background:url(/i/en/m1a.png) 0 0 no-repeat;
	width:47px;
	padding-top:19px;
	top:0
}

#main #menu
{
	top:65px;
	left:179px;
	width:auto;
	height:auto;
	margin:0
}
#main #menu li
{
	width:179px;
	height:91px;
	margin-right:-31px;
	float:left
}
#main #menu a
{
	margin:0;
	top:0;
	width:179px;
	padding-top:35px
}
#main #menu a:hover
{
	padding-top:91px;
	top:0
}
#main #m1 a {background:url(/i/full.png) 0 0 no-repeat}
#main #m2 a {background:url(/i/simple.png) 0 0 no-repeat}
#main #m3 a {background:url(/i/blog.png) 0 0 no-repeat}
#main.eng #m1 a {background:url(/i/en/full.png) 0 0 no-repeat}
#main.eng #m2 a {background:url(/i/en/simple.png) 0 0 no-repeat}

#main #m3 {
	margin-left:42px
}


#number
{
	top:61px;
	left:60px;
	height:60px
}
#number span {height:51px}
#number span span
{
	height:0;
	float:none
}
#current
{
	height:51px;
	padding-right:14px
}
#current span span
{
	background:url(/i/current.png) 0 0 no-repeat;
	padding-top:51px;
	width:298px
}
#total b
{
	background:url(/i/s.png) 0 0 no-repeat;
	width:8px;
	height:21px;
	top:0;
	left:0
}
#total
{
	height:21px;
	margin-top:29px;
	padding-left:14px
}
#total span {width:13px}
#total span span
{
	background:url(/i/total.png) 0 0 no-repeat;
	padding-top:21px;
	width:129px
}
#current .d1 {width:17px}
#current .d1 span {left:2px}
#current .d2 {width:30px}
#current .d2 span {left:-15px}
#current .d3 {width:30px}
#current .d3 span {left:-45px}
#current .d4 {width:34px}
#current .d4 span {left:-75px}
#current .d5 {width:30px}
#current .d5 span {left:-109px}
#current .d6 {width:31px}
#current .d6 span {left:-139px}
#current .d7 {width:28px}
#current .d7 span {left:-170px}
#current .d8 {width:33px}
#current .d8 span {left:-198px}
#current .d9 {width:32px}
#current .d9 span {left:-232px}
#current .d0 {width:34px}
#current .d0 span {left:-265px}
#total .d1 {width:7px}
#total .d1 span {left:1px}
#total .d2 span {left:-7px}
#total .d3 span {left:-20px}
#total .d4 {width:15px}
#total .d4 span {left:-33px}
#total .d5 span {left:-48px}
#total .d6 {width:14px}
#total .d6 span {left:-61px}
#total .d7 span {left:-75px}
#total .d8 {width:15px}
#total .d8 span {left:-87px}
#total .d9 span {left:-102px}
#total .d0 {width:14px}
#total .d0 span {left:-115px}

* html #main #wrap,
* html #logo a, * html #main #logo,
* html #menu a, * html #menu a:hover,
* html #current span span, * html #total b, * html #total span span,
* html #main #contacts, * html #lang a, * html #lang strong, * html #quote, * html #email {background:url(/i/e.gif) 0 0 repeat !important}
* html #logo a, * html #menu a, * html #lang a, #big, * html #email {cursor:pointer}
/* * html #wrap {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/mask.png", sizingMethod="scale")} */
* html #logo a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/logoin.png", sizingMethod="crop")}
* html #current span span {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/current.png", sizingMethod="crop")}
* html #total b {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/s.png", sizingMethod="crop")}
* html #total span span {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/total.png", sizingMethod="crop")}
* html #m1 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/m1.png", sizingMethod="crop")}
* html #m2 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/m2.png", sizingMethod="crop")}
* html #m3 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/m3.png", sizingMethod="crop")}
* html #m1 a:hover {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/m1a.png", sizingMethod="crop")}
* html #m2 a:hover {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/m2a.png", sizingMethod="crop")}
* html #m3 a:hover {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/m3a.png", sizingMethod="crop")}
* html #main #logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/logo.png", sizingMethod="crop")}
* html #main #contacts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/contacts.png", sizingMethod="crop")}
* html #lang a, * html #lang strong {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/lang.png", sizingMethod="crop")}
* html #main #wrap {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/msplash.png", sizingMethod="crop")}
* html #quote {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/quote.png", sizingMethod="crop")}
* html #main #m1 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/full.png", sizingMethod="crop")}
* html #main #m2 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/simple.png", sizingMethod="crop")}
* html #main.eng #contacts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/en/contacts.png", sizingMethod="crop")}
* html #main.eng #m1 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/en/full.png", sizingMethod="crop")}
* html #main.eng #m2 a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/en/simple.png", sizingMethod="crop")}
* html #email {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/mail.png", sizingMethod="crop")}
#big, #Container, #main #logo, #main #contacts, #lang, #quote, #main #menu, #number, #number span span, #total b, #email {position:absolute}
body, #main #Container, #works, #works a, #logo a, #lang li, #menu a, #number span, #current, #total {position:relative}
html, body, #works, #lang li, #number span {overflow:hidden}
#logo a, #main #logo, #main #contacts, #lang a, #lang strong, #quote, #menu a, #email {overflow:hidden; height:0}
#work li img, #logo a, #menu a {display:block}
#works, #works li, #works li a, #logo, #lang li, #menu, #number span, #current, #total {float:left}