@charset "UTF-8";
/* ALPHA.CSS Primary Document */

*{margin:0 auto; padding:0;} /*Reset Every Browser Types Margins and Paddings to Zero*/

.clear{clear:both;}
.float-left{float:left;}
.float-right{float:right;}
.disabled{opacity:.2; cursor:default;}

body{
background:black url(../images/bg-stripes.png) repeat-x;
color:#bababa;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

a {color:rgba(0,168,255,.8); text-decoration:none;}
a:hover {text-decoration:underline;}

h2{
font-size:18px;
font-weight:700;
letter-spacing:.1em;
}

h3{
color:white; 
font-size:16px;
font-weight:normal;
letter-spacing:.05em;
}

.contain-all{
background:#000 url(../images/bg-content.png) no-repeat;
height:auto;
width:992px;
}

.header {
display:block;
height:auto;
padding-top:42px;
margin:0 0 0 150px;
width:800px;
}

.header img{
display:block;
height:auto;
width:250px;
}

.brand{
display:block;
height:60px;
float:left;
width:252px;
}

.email-header a:hover{color:rgba(0,168,255,.8); text-decoration:none;}
.email-header a{
color:#b0b4b6; 
display:block;
font-size:11px; 
letter-spacing:.15em;
text-align:right;
width:250px;
}

.NAVIGATE{
display:block;
height:39px;
list-style:none;
margin-top:10px;
margin-left:140px;
padding:0 0 0 125px;
width:675px;
}

.NAVIGATE li a{
color:black;
display:block;
height:30px;
float:left;
font-size:20px;
font-weight:bold;
margin:0 3px;
padding:7px 0 0 0;
text-align:center;
text-shadow: rgba(255,255,255,.5) 0 1px 0;
width:164px;
}

.NAVIGATE li a:hover{
background:rgba(90,90,90,.4);
color:black;  
text-decoration:none;

-webkit-border-radius:2px;  
-moz-border-radius:2px;  
-khtml-border-radius:2px;  
border-radius:2px; 
}

.NAVIGATE .active{
background:#5A5A5A;
color:white;
display:block;
height:30px;
float:left;
font-size:20px;
font-weight:bold;
margin:0 3px;
padding:9px 0 0 0;
text-align:center;
text-shadow: rgba(0,0,0,.9) 0 -1px 0;
width:164px;

-webkit-border-radius:2px;  
-moz-border-radius:2px;  
-khtml-border-radius:2px;  
border-radius:2px; 
}

.contact-box{
background:black url(../images/bg-contact.png) no-repeat;
display:block;
float:right;
height:85px;
margin:-3px 0 3px 0;
padding: 10px 0 0 27px;
width:233px;
}

.contact-us{
display:block;
margin:0 0 0 555px;
position:absolute;
top:20px;
}

#email{
border:none;
margin:0 0 4px 0;
padding:0 2px;
width:176px;
}

#message{
border:none;
display:block;
height:31px;
margin:0;
overflow-x:hidden;
overflow-y:scroll;
padding:2px;
width:176px;
}

#send:hover{opacity:1;}

#send{
border:none;
height:19px;
margin:-8px 0 0 132px;
opacity:.6;
width:49px;
}

.content{
height:auto;
margin: 20px 0 0 165px;
min-height:425px;
padding:0 0 30px 0;
width:750px;
}

.content h2{margin:5px;}

.reel{
background:black url(../images/img-reel-blank.png) no-repeat;
display:block;
height:425px;
width:752px;
}

.reel-description{
font-size:13px;
letter-spacing:0.09em;
margin:0 0 0 10px;
}

.contain-films{
display:block;
height:160px;
padding:3px;
width:480px;
}

.complete-films{
background:black;
display:block;
height:385px;
overflow:hidden;
overflow-y:auto;
padding:20px;
width:712px;
}

.film{
background:black url(../images/img-film-blank.png)  no-repeat;
display:block;
float:left;
height:158px;
width:280px;
}

.film-description{
display:block;
height:150px;
float:right;
overflow:hidden;
overflow-y:auto;
padding:3px;
width:190px;
}

.resume{
background:black;
display:block;
height:385px;
overflow:hidden;
overflow-y:auto;
padding:20px;
width:712px;
}

.resume h1{
color:rgba(255,255,255,.6);
font-size:28px;
font-weight:700;
letter-spacing:.05em;
line-height:18px;
}

.resume h2{
color:#999;
font-size:18px;
font-weight:400;
font-style:italic;
letter-spacing:.05em;
margin-top:20px;
}

.resume h3{
color:#555;
font-size:24px;
font-weight:700;
letter-spacing:.13em;
margin:-55px 0 0 0;
}

h4.email-resume a:hover{color:rgba(0,168,255,.8); text-decoration:none;}
h4.email-resume a{
color:#999;
font-size:11px;
font-weight:400;
letter-spacing:.19em;
line-height:11px;
}

h2.job-title{color:rgba(255,255,255,.25); font-size:21px; margin-top:5px; padding:0 0 0 70px;}

.resume p:hover{color:rgba(255,255,255,.5);}

.resume p{
color:rgba(255,255,255,.3);
display:block;
font-size:13px;
letter-spacing:.06em;
height:auto;
margin:0 0 10px 20px;
padding:5px;
width:auto;
}

.proficiencies-image:hover{opacity:1;}
.proficiencies-image{margin-left:25px; opacity:.75;}

.skills{
color:rgba(255,255,255,.3);
display:block;
font-size:16px;
list-style:square;
line-height:26px;
margin-left:40px;
padding-bottom:20px;
width:250px;
}

.skills li:hover{color:rgba(255,255,255,.75);}

.download-resume:hover{
background:#222; 
border:1px solid #000; 
color:rgba(0,168,255,.8); 
text-decoration:none; 
text-shadow: rgba(0,0,0,1) 0 -1px 0;
}

.download-resume{
background:#333;
border:1px solid #000;
color:rgba(0,168,255,1);
display:block;
font-size:18px;
font-weight:100;
height:27px;
letter-spacing:.1em;
margin-top:10px;
padding-top:4px;
text-align:center;
text-shadow: rgba(255,255,255,.1) 0 1px 0;
width:225px;

-webkit-border-radius:3px;  
-moz-border-radius:3px;  
-khtml-border-radius:3px;  
border-radius:3px; 
}

.thankyou{
background:black;
display:block;
height:275px;
overflow:hidden;
overflow-y:auto;
padding:150px 20px 0 20px;
text-align:center;
width:712px;
}

.thankyou h1{
font-family:Arial, Helvetica, sans-serif; 
font-size:36px;
font-weight:100;
margin-bottom:20px;
}

.thankyou blockquote{
font-size:16px;
font-weight:100;
letter-spacing:.09em;
line-height:30px;
}

.return-home:hover{
background:rgba(255,255,255,.1);
border:1px solid rgba(0,0,0,.8); 
color:rgba(0,168,255,.8);
text-decoration:none;
}

.return-home{
background:rgba(0,0,0,1);
border:1px solid rgba(255,255,255,.5);
color:rgba(255,255,255,1);
display:block;
font-size:18px;
height:33px;
margin-top:25px;
padding:3px 0 0 0;
text-shadow: rgba(255,255,255, .1) 0 1px 0;
width:150px;

-webkit-border-radius:3px;  
-moz-border-radius:3px;  
-khtml-border-radius:3px;  
border-radius:3px;
}

.footer{
background:#000 url(../images/bg-footer.png) repeat-x;
display:block;
height:35px;
margin:0 0 0 140px;
padding:15px 0;
width:800px;
}

.follow-links{
display:block;
font-size:18px;
font-weight:700;
margin:0 0 0 20px;
text-align:right;
width:750px;
}

.follow-links a{color:white;}
.follow-links a:hover{color:rgba(0,168,255,.8); text-decoration:none;}

.copyright{
color:#7e7e7e;
font-size:11px;
text-align:center;
margin:0 0 20px 0;
}