/* YUI 2: Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Style Sheet */

html,body
{
    height:100%;
    overflow:hidden;
    font-size:20px;
    line-height:0.9em;
    font-family:"Evropa", Tahoma, Sans-Serif;
    white-space:normal;
}
a
{
    cursor:pointer;
}
h1
{
    text-transform:uppercase;
    color:#FFFFFF;
    font-size:40px;
}
div#hello
{
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
    background-color:#FFFFFF;
    background-image:url(img/logo_main.png);
    background-position:center center;
    background-repeat:no-repeat;
}
div#hello a
{
    text-decoration:none;
    display:block;
    height:100%;
    padding-top:18%;
}
div#main
{
    display:none;
    width:100%;
    height:100%;
    background-image:url(img/bg.png);
    background-repeat:no-repeat;
    background-position:center center;
    margin:0 auto 0 auto;
    position:relative;
}
ul.nav
{
    color:#FFFFFF;
    text-transform:lowercase;
    font-size:21px;
}
ul.nav a
{
    color:#FFFFFF;
    text-decoration:none;
}
div#main div#intro ul.nav
{
    text-align:center;
    font-size:29px;
    padding-left:50px;
    padding-top:108px;
    white-space:nowrap;
}
div#main div#intro ul.nav li
{
    display:inline;
    margin-right:50px;
}
div#main div#intro div.text
{
    width:930px;
    margin:60px auto 20px auto;
}
div#main div#intro div.text p
{
    margin-bottom:0.2em;
}
div#main div#intro div.text li
{
    margin-bottom:0.2em;
    padding-left:10px;
}
div#equipment
{
    display:none;
}
div#studio
{
    display:none;
}
div#projects
{
    display:none;
}
div#contacts
{
    display:none;
}
div.headerblock
{
    float:left;
    overflow:hidden;
}
div.contentblock
{
    float:left;
    overflow:hidden;
}
div#equipment div.headerblock
{
    width:335px;
}
div#equipment div.headerblock h1
{
    padding:30px 0 0 7px;
}
div#equipment div.headerblock ul
{
    padding:5px 0 0 17px;
}
div#equipment div.contentblock
{
    margin:80px 0 0 -20px;
}
div#equipment div.contentblock div.text
{
    margin:110px 0 0 250px;
    color:#FFFFFF;
    max-width:450px;
}
div#studio div.headerblock
{
    width:280px;
}
div#studio div.headerblock h1
{
    padding:10px 0 0 30px;
}
div#studio div.headerblock ul
{
    padding:5px 0 0 40px;
}
div#studio div.contentblock
{
    width:280px;
}
div#studio div.contentblock div.text
{
    max-width:250px;
    margin:50px 10px 0 500px;
    color:#FFFFFF;
    text-align:right;
}
div#projects div.headerblock
{
    padding:30px 0 0 50px;
}
div#projects div.headerblock ul
{
    padding:5px 0 0 70px;
}
div#projects div.contentblock
{
    margin-top:100px;
}
div#projects div.contentblock div.text
{
    margin:110px 300px 0 25px;
    color:#FFFFFF;
    max-width:450px;
    float:right;
}
div#contacts div.headerblock
{
    width:280px;
    margin:110px 0 0 0;
}
div#contacts div.headerblock ul
{
    padding:5px 0 0 10px;
    width:200px;
}
div#contacts div.headerblock ul li a
{
    display:block;
}
div#contacts div.contentblock
{
    width:465px;
    margin-top:200px;
    line-height:1.5em;
}

div.slider
{
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
}
div.slider a.sliderleft
{
    float:left;
    display:block;
    height:100%;
    width:32px;
    background:transparent url(img/arrow-left.png) center center no-repeat;
}
div.slider a.sliderleft.inactive
{
    background:transparent;
}
div.slider a.sliderright
{
    float:left;
    display:block;
    height:100%;
    width:32px;
    background:transparent url(img/arrow-right.png) center center no-repeat;
}
div.slider a.sliderright.inactive
{
    background:transparent;
}
div.slider div.sliderwrapper
{
    overflow:hidden;
    float:left;
}
div.slider ul li
{
    overflow:hidden;
    float:left;
}
div.slider ul li div.label
{
    display:none;
    color:#000;
}
div#equipmentslider
{
    margin-top:10px;
    height:155px;
}
div#equipmentslider ul li img
{
    width:200px;
    height:150px;
    border:3px transparent solid;
}

div#studioslider
{
    margin-top:12px;
    height:155px;
}
div#studioslider ul li img
{
    width:200px;
    height:150px;
    border:3px transparent solid;
}

div#projectsslider
{
    height:155px;
}
div#projectsslider a.sliderleft
{
    float:right;
}
div#projectsslider a.sliderright
{
    float:right;
}
div#projectsslider div.sliderwrapper
{
    float:right;
}
div#projectsslider ul li img
{
    width:200px;
    height:150px;
    border:3px transparent solid;
}
div#accesswrapper
{
    display:none;
}
div#access
{
    background-color:#FFFFFF;
    padding:25px 20px 15px 20px;
    margin-bottom:-1px;
}
div#access h2
{
    padding-bottom:10px;
    text-transform:uppercase;
}
div#access div.label
{
    display:block;
}
div#access div.clear
{
    clear:both;
    padding-bottom:10px;
    background-color:#FFFFFF;
}
div#access div.label span
{
    float:left;
    margin-right:10px;
    text-transform:uppercase;
    font-size:12px;
}
div#access div.label input
{
    float:right;
    border:#000000 1px solid;
    background-color:#FFFFFF;
}
div.hider
{
    display:none;
}