﻿/* General */
* {
	font-size:100%;
}
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {
	margin:0;
	padding:0;
}
body{
	background-color:#000;
}
.clear{
	clear:both;
	font-size:0;
	height:1px;
	overflow:hidden;
}
.clickable{
	cursor:pointer;
}
.nobr{
	white-space:nowrap;
}
.hidden{
	display:none !important;
}
.pseudo_link{
	border-bottom:1px solid;
	text-decoration:none;
	cursor:pointer;
}
.pseudo{
	border-bottom:1px dashed;
	text-decoration:none;
	cursor:pointer;
}
/* Texts */
body{
	color:#ffffff;
	font:1em/1.4 Arial, sans-serif;
}
p, 
address,
blockquote{
	margin:0 0 0 0;
}
small{
	font-size:.8em;
}
h1,h2,h3{
	font-weight:normal;
}
h1{
}
h2{
}
h3{
}
a,
.pseudo_link{
	color:#666666;
}
a:visited{
	color:#666666;
}

a:hover,
a:focus,
.pseudo_link:hover{
	color:#fff !important;
}
.w{
	color:#fff !important;
}
/* Elements */
img{
	border:0;
}
ul{
}
/* Layout */
html,
body{
	height:100%;
}
#measurer{
	position:absolute;
	left:0;
	top:-2em;
	width:100%;
	height: 1em;
	line-height:1em;
	background:white;
}
#container{
	position:absolute;
	width:100%;
	min-width:980px;
}
* html #container{
	width:expression((document.getElementById('measurer').clientWidth < 980) ? '980px' : '100%');
}
/* Typical */
.menu{
	clear:both;
	margin:8px 0px 0 50px;
	_margin-left:25px;
	background:#1a1a1a url('../img/tl.gif') no-repeat left top;
	float:left;
}
.menu div{
	background:url('../img/tr.gif') no-repeat right top;
	float:left;
}
.menu div div{
	background:url('../img/br.gif') no-repeat right bottom;
	float:left;
}
.menu div div div{
	background:url('../img/bl.gif') no-repeat left bottom;
	float:left;
}
.menu ul{
	list-style-type:none;
	font-size:70%;
	line-height:100%;
	float:left;	
	padding:4px 0 4px 0;
}
.menu ul li{
	float:left;
	padding:0px 10px 4px 10px;
	border-right:1px solid #262626;
}
.menu ul li.last{
	border-right:none;
}
.movie{
	clear:left;
	width:100%;
	overflow:hidden;
	position:relative;	
}
.frame{
	position:relative;
	clear:both;
	width:100%;
	padding-top:60px;
}
.js{
	position:absolute !important;
	top:0;
	left:0;
}
.frame div{
	padding:0 50px;
}
#f1 div{
	clear:left;
	position:relative;
	padding-top:40px;
}
#f1 div#advertising{
	padding-top:0px;
}
#f1 ul,
#preview ul{
	clear:left;
	position:relative;
	list-style-type:none;
}
#f1 ul li,
#preview ul li{
	float:left;
	margin-right:1px;
}
#f1 ul,#f2 p{
	width:95%;
}
p{
	margin-bottom:1em;
}
h2{
	color:#fff;
	text-transform:uppercase;	
	font-size:22pt;
	font-weight:bold;	
}
#bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	//filter:alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	z-index:9998;
	background:#000;	
}
#preview{
	position:absolute;
	top:5em;
	left:0px;
	width:100%;
	z-index:9999;
}
#preview div{
	padding:0 50px;
}
#preview ul{
	clear:left;
	position:relative;
	width:95%;
}
#preview ul li{
	position:relative;
}
#preview h2{
	position:relative;
	float:left;
}
#photo{
	clear:left;
	position:relative;
	padding-top:20px !important;
}
#close{
	width:100px;
	height:100px;
	background:#232323 no-repeat 50% 50%;
	padding:0 !important;
	margin:0 !important;
}
#close div{
	padding:0 !important;
}
.still_life li{
	height:82px;
	_height:84px;
}
.people li{
	height:63px;
	_height:65px;
}
.food li{
	height:51px;
	_height:53px;
}
.industrial li{
	height:52px;
	_height:54px;
}
h1{
	font-size:90%;
	font-weight:normal;
	margin:15px 0px 0 50px;
}
#contacts{
	position:absolute;
	top:3em;
	left:80%;
	font-size:90%;
	line-height:110%;
}
#f2 div{
	font-size:80%;
}
#f2{
	height:40em;
}
#t0{
	position:absolute;
	top:60px;
	left:40%;
	width:19%;
}
#t1{
	position:absolute;
	top:210px;
	left:21%;
	width:19%;
	z-index:999;	
}
#t1 p,#t1 h3{
	_padding-left:1em;
}
#t1 img{
	margin-left:-1em;
}
h3{
	font-weight:bold;
	margin-bottom:1em;
}
sup{
	font-size:80%;
}
#t2{
	position:absolute;
	top:130px;
	left:60%;
	width:19%;
}
#t3{
	position:absolute;
	top:30em;
	left:50%;
	width:19%;
}
.design{
	position:absolute;
	top:54em;
	left:50px;
	padding:0 !important;
}
.design small{
	font-size:100%;	
}
#auto{
	position:absolute;
	right:-13em;
	top:1em;
	font-size:41%;
	text-transform:none;
	padding:0 !important;	
}
#auto span{
	color:#fff;
}
#f2 a{
	color:#fff !important;
}
/* Studio */
#upstairs{
	position:absolute;
	top:40px;
	left:150px;
	width:100px;
	font-size:100% !important;
	color:#666666;
	line-height:150%;
}
#upstairs .pseudo{
	color:#fff;
}
#studio_preview{
	position:absolute;
	top:0;
	left:0;
	z-index:9998;	
}
/* Second Floor */
#f2_1{
	position:absolute;
	top:-70px;
	left:170px;
}
#f2_2{
	position:absolute;
	top:120px;
	left:-100px;
}
/* First Floor */
#f1_1{
	position:absolute;
	top:-30px;
	left:-150px;
}
#f1_2{
	position:absolute;
	top:-90px;
	left:0px;
}
#f1_3{
	position:absolute;
	top:-50px;
	left:180px;
}
#f1_4{
	position:absolute;
	top:9em;
	left:200px;
}
#f1_5{
	position:absolute;
	top:240px;
	left:-60px;
}
#f1_6{
	position:absolute;
	top:150px;
	left:-160px;
}
#f1_7{
	position:absolute;
	top:60px;
	left:-90px;
}
/**/
.sitebtn{
	position:absolute;
	top:15px;
	right:50px;	
	font-size:80%;
}
.sitebtn a{
	color:#fff !important;
}
.splash{
	width:749px;
	height:502px;
	margin-left:2%;
	}