@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0 auto; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent;}
/*-----------------------------------------------------------------*/
/* Page background */
body{ background: #464646;}

/* Applies to all divs */
div{ position: relative; width: 720px;}

/* Applies to all unordered lists (ul)*/
ul{ list-style: none; padding: 0;}
/*-----------------------------------------------------------------*/

.title_container{ margin-top: 0; background: #000;}
.title { padding-left: 20px; padding-top: 15px; padding-bottom: 28px;}
.name_text{ font-size: 36px; font-family: Impact, Charcoal, sans-serif; color: #FFF; text-shadow: 2px 2px 0 rgba(255,255,255,.3);}
.title_text{ font-size: 22px; font-family: Impact, Charcoal, sans-serif; color: #8c8c8c; margin-top: -5px; margin-left: -2px;}

/*Navigation bar buttons */
.nav_container{ overflow: hidden; background: #FFF; padding-top: 5px; padding-bottom: 5px;}
.buttons li{ display: inline; font-size: 12px; font-family: Verdana, Geneva, sans-serif; color:#333;}
.buttons a{ text-decoration: none; color: #333; padding-top: 9px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px;}
.buttons a:hover{ text-decoration: none; background: #F0F0F0;}

/*Highlights the button of the coresponding page*/
body#portfolio a#portfolio_nav, body#resume a#resume_nav, body#about a#about_nav, body#contact a#contact_nav{ background: #CECECE;}

/*Demo reel*/
.reel_title{ margin-top: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #DBDBDB; background: #333;}
.reel_title h3{ padding-left: 20px; padding-top: 5px; padding-bottom: 5px;}
.reel_container{ width: 720px; height: 405px; background: #000; margin-top: 6px;}

/* Image container*/
.image_container{ margin-top: 15px;}
.image_list li{ display: inline; float: left; background-color:#FFF; border: 1px #000 solid; height: 250px; width: 125px; margin-left: 5px; padding: 4px; overflow: hidden; margin-bottom: 10px;}
.image_list .wide_img { width: 685px;}
.image_list{ padding-bottom: 80px;}
.image_container .verticle_title{ width: 15px; height: 260px; float: left; margin: 0 auto; margin-right: 5px; background: #666; padding: 0; border: 0;}
.image_container a:hover img{ opacity: .8;}
.video_arrow{ width: 0; height: 0; float:left; margin-top: -165px; margin-left: 42px; border-bottom: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid transparent; border-left: 50px solid #FFF; opacity: .8;}

.resume_download_bar{ margin-top: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #DBDBDB; background: #333;}
.resume_download_bar ul{ padding-bottom:5px; padding-top:5px; padding-left: 20px;}
.resume_download_bar li{ display: inline; margin-right: 10px; color: #FFF; font-weight:bold}
.resume_download_bar img{ margin-bottom: -5px;}
.resume_download_bar a{ margin-left: 5px; text-decoration: none; color: #F90; font-family: Arial, Helvetica, sans-serif;}
.resume_download_bar a:hover{ text-decoration:underline;}
.resume_container{ font-family: Verdana, Geneva, sans-serif; color: #CCC; background: #333; font-size: 12px; margin-top: 6px; padding-right: 20px; padding-left: 20px; padding-bottom: 30px; padding-top:10px; width: 680px; line-height: 1.5em;}
.resume_container h3{ font-family: Arial, Helvetica, sans-serif; padding-top: 15px; color: #F90;}
.resume_container h5{ padding-top: 5px; color: #FFF}
.resume_container li{ list-style: circle; margin-left: 30px;}
.resume_container h6{ float: right; padding-right: 10px;}
.resume_container #company{ float: none; margin-bottom: -5px;}

.contact_container{ width: 720px; background: #333; color: #FFF; margin-top: 10px; padding-top: 20px; padding-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 12px;}
.contact_container p{ padding-left: 20px; line-height:1.5em; }
.contact_container td{ vertical-align: top;}
.form_content{ padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; font-family: Verdana, Geneva, sans-serif; font-size: 12px;}

.about_container{ margin-top: 10px;  font-family: Verdana, Geneva, sans-serif; background: #333; color: #CCC; font-size: 12px; line-height: 1.5em; padding-top: 20px; padding-bottom: 20px;}
.about_container p{ padding-bottom: 10px; letter-spacing:.05em; padding-left: 20px; padding-right: 20px;}
.about_container h3{ margin-left: 20px; padding-bottom: 10px; color: #F90;}