html{
background-color:#d7d8d6;
}
body{
background-color:#d7d8d6;
font-size:100%;
}
span#control{
position:relative;
display:inline-block;
font-family:'Open Sans Condensed', sans-serif;
font-size:4em;
font-weight:300;
color:#d7d8d6;
text-align:center;
margin-top:20%;
margin-left:6%;
}
span#z{
position:relative;
display:inline-block;
font-family:'Open Sans Condensed', sans-serif;
font-size:7em;
font-weight:900;
color:#59b6e7;
text-align:center;
margin-top:5%;
}
#left{
position:relative;
width:12%;
height:870px;
float:left;
border:none;
overflow:hidden;
margin-left:1%;
}
#right{
position:relative;
width:85%;
height:748px;
margin-top:150px;
float:right;
margin-right:1%;
border-style:solid;
border-width:1px;
border-color:#000014;
border-radius:7px;
background-color:#000014;
overflow:hidden;
}
#mainbox{
position:relative;
float:right;
width:90%;
height:650px;
background-color:#01001b;
margin-top:50px;
border:none;
}
#filmstrip{
position:relative;
width:100%;
height:40%;
padding-left:8%;
float:left;
margin-left:1%;
margin-top:13%;
background-color:#090822;
border:none;
}
img.thumb{
position:relative;
width:20%;
height:60%;
padding:1% 1% 1% 1%;
margin-top:4%;
margin-right:1%;
background-color:#000014;
color:#000014;
border:none;
}
#scrollBar{
position:relative;
margin-top:5px;
width:96%;
height:2%;
float:left;
margin-left:1%;
background-image:url('images/scroll_bar.png');
opacity:0.13;
z-index:2;
}
img#bar{
position:relative;
display:none;
width:7%;
height:8px;
margin-top:-11px;
float:left;
margin-left:135px;
z-index:3;
background-color:#d7d8d6;
color:#d7d8d6;
opacity:1.0;
}
#titlebox{
position:relative;
width:100%;
height:250px;
background-image:url("images/titlebox.png");
background-repeat:no-repeat;
float:left;
}
#bluebox{
position:relative;
width:100%;
height:640px;
margin-top:240px;
background-image:url("images/bluebox.png");
background-repeat:no-repeat;
font-size:100%;
}
#contactbox{
position:relative;
width:252px;
height:750px;
background-image:url("images/contactbox.png");
background-repeat:no-repeat;
float:left;
margin-top:1%;
}
button.blue{
position:relative;
font-family:'Open Sans Condensed', sans-serif;
font-weight:300;
font-size:2.5em;
color:#d7d8d6;
border:none;
background:none;
float:right;
margin-right:10px;
margin-top:25px;
}
button.blue:hover{
color:#000014;
}
button.blue.focus{
color:#000014;
}
button.blue#contact{
margin-top:120px;
}
button.sub{
position:relative;
display:none;
font-family:'Open Sans Condensed', sans-serif;
font-weight:100;
font-size:18pt;
color:#d7d8d6;
border:none;
background:none;
float:right;
margin-right:92%;
margin-bottom:25px;
margin-top:-350px;
}
span.description{
position:relative;
display:none;
font-family:'Open Sans Condensed', sans-serif;
font-size:14pt;
color:#d7d8d6;
font-weight:100;
float:right;
margin-right:25px;
margin-top:15px;
width:600px;
}
span#about{
position:relative;
display:none;
font-family:'Open Sans Condensed', sans-serif;
font-size:14pt;
color:#d7d8d6;
font-weight:100;
float:left;
margin-top:250px;
width:130px;
margin-left:5px;
line-height:2em;
}
button.sub#one{
margin-top:-400px;
margin-right:92%;
}
button.sub#three{
margin-top:-300px;
margin-right:92%;
}
button.sub:hover{
color:#59b6e7;
}
button.sub.focus{
color:#59b6e7;
}
button.sub:active{
color:#59b6e7;
}
button#filmslide{
position:relative;
display:none;
width:3%;
height:170px;
float:right;
margin-right:9%;
margin-top:-175px;
background-image:url('images/filmstrip_slide.png');
background-position:0px 0px;
background-repeat:no-repeat;
background-#090822;
border:none;
opacity:0.0;
z-index:3;
}
button#filmslide:hover{
opacity:0.3;
}
button#filmslide:active{
opacity:0.6;
background-position:-1% 0px;
}
input#email{
position:relative;
width:420px;
height:45px;
margin-top:400px;
margin-bottom:25px;
margin-left:50px;
background-color:#001228;
border-color:#001228;
border-radius:7px;
font-family:'Open Sans Condensed', sans-serif;
font-size:12pt;
font-weight:100;
color:#d7d8d6;
text-indent:10px;
outline:none;
}
input#subject{
position:relative;
margin-bottom:25px;
margin-left:50px;
width:420px;
height:45px;
background-color:#001228;
border-color:#001228;
border-radius:7px;
font-family:'Open Sans Condensed', sans-serif;
font-size:12pt;
font-weight:100;
color:#d7d8d6;
text-indent:10px;
outline:none;
}
textarea#message{
position:relative;
width:420px;
height:120px;
margin-bottom:15px;
margin-left:50px;
resize:none;
background-color:#001228;
border-color:#001228;
border-radius:7px;
font-family:'Open Sans Condensed', sans-serif;
font-size:12pt;
font-weight:100;
color:#d7d8d6;
text-indent:10px;
outline:none;
}
input#send{
position:relative;
width:65px;
height:30px;
margin-left:410px;
background-color:#001228;
border-color:#001228;
border-radius:7px;
font-family:'Open Sans Condensed', sans-serif;
font-size:12pt;
font-weight:100;
color:#d7d8d6;
}
span#contact{
position:relative;
display:inline-block;
margin-top:405px;
font-family:'Open Sans Condensed', sans-serif;
font-size:12pt;
font-weight:100;
color:#59b6e7;
float:right;
margin-right:10px;
}