@charset "utf-8";
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
{border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none}

/*--styles-------------------*/
html, body {background:#1A1E23 url(img/bg3.png) no-repeat scroll left top;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px;height:100%;line-height: 1; color:#F4F4F4}
* html{height: 100%}

h1 {color:#fff;font-size:1.5em;font-weight:lighter;margin:0 0 3px;letter-spacing:2px;text-transform:uppercase}
h2 {border-top:1px solid #ddd;color:#ddd;font-size:1.2em;padding:2px 0;letter-spacing:2px;text-transform:lowercase; font-style:italic; font-weight:100}
h3 {border-top:1px solid #ddd;color:#ddd;font-size:1.2em;padding:2px 0;letter-spacing:2px;text-transform:lowercase;font-weight:100}
h4 {color:#fff;font-size:1.5em;padding:2px 0;letter-spacing:1px;text-transform:uppercase;font-weight:200}
p, .resumeHeader {line-height:1.6em;padding:0 0 .5em}

.center_text{text-align:center}
.small_text{font-size:.8em}
.left_text{text-align:left}

ul{padding:0 0 .5em}
li{list-style:none;line-height:14px;margin:4px 0 5px 6px}

.left{float:left}
.right{float:right}
.clear{clear:both}
.block{display:block}
.center{margin:0 auto}
.thirdWidth{width:33%}
.green{color:#82CA3C}

a {color:#fff; text-decoration:underline}
a:hover {text-decoration:none}
/*--placement-------------------*/
#contentBG{background:#0D0E0F url(img/contentBG.png) repeat-x scroll bottom;width:100%;height:auto;padding:0 0 30px}
#contentWrapper{margin:0 auto;height:auto;width:640px}
#thumbnails{margin:5px auto 0;height:auto;width:636px;padding:0;text-align:right}
#top{margin:0 auto;height:65px;width:640px}
#logo{margin: 12px 0 0}
#nav{width:400px;height:60px;}
#footer{margin:0 auto; padding:7px 0; width:640px; color:#CCC; font-size:.8em;}
#subnav_container{width:350px;height:50px;}

/*--navigation------------------------*/
.navlink, .navlink_active{border-bottom:1px dashed #888;background:#1a1e23;display:block;color:#fff;margin:0 0 0 10px;text-transform:uppercase;font-size:1.2em;height:23px;padding:30px 3px 0}
.navlink:hover{border-bottom:1px solid #fff;background:#82CA3C}
#music{padding:30px 3px 3px 3px; margin:0 50px 0 0; font-size:1.2em; background:#1a1e23;display:block;height:23px; text-transform:uppercase;}

#top a, #music a {text-decoration:none;}
.navlink_active{border-bottom:2px solid #82CA3C; color:#fff;cursor:default}

.subnav, .subnav_active{padding:10px; border:1px solid #FFF; width:auto;font-size:1.2em; margin:0 15px;}
.subnav_active{background-color:#FFF; color:#1A1E23}

/*=======PORTFOLIO=========================================================*/
/*--video_area------------------*/
.vidBox{width:840px;position: relative;left: 100px;margin:0 auto;height:auto}

.blurb{color:#999;height:350px;width:180px;overflow:visible;font-size:.9em}
.blurb p{line-height:1.4;margin:0 0 0 6px}
.blurb ul{padding:0 0 .5em}
.blurb li{list-style:none;line-height:14px;margin:4px 0 5px 6px}

div.hide {display:none; width:0; overflow:hidden}	
div.show {z-index:50;width:100%;height:360px;overflow: hidden}

/*--gallery_nav------------------------*/
.on, .off{border-top:1px dashed #888;float:left;cursor:pointer;padding:14px 2px; clear:both; width:100%}
.on{border-top:1px solid #fff;cursor:default;background:#1F262D}
.on img{border:2px solid #82CA3C}

.off:hover{border-top:1px solid #fff;}
.off:hover img{border:2px solid #82CA3C}
.off img{border:2px solid #1a1e23}


.on_still, .off_still{border-top:1px dashed #888;float:left;cursor:pointer;padding:14px 0; width:auto}
.on_still{border-top:1px solid #fff;cursor:default;background:#1F262D}
.on_still img{border:1px solid #82CA3C}

.off_still:hover{border-top:1px solid #fff;}
.off_still:hover img{border:1px solid #82CA3C}
.off_still img{border:1px solid #1a1e23}

/*=======REEL=========================================================*/
#breakdown{margin:5px auto 0;height:auto;width:636px;padding:0;text-align:right}

.even, .odd{border-top:1px solid #fff;cursor:default;padding:14px 2px; clear:both; width:100%; float:left; text-align:left;}
.odd{background:#1F262D;}

.even img, .odd img{padding:0 5px 0 0;}


/*=======RESUME=========================================================*/
.resumeSection, .resumeSectionTop{border-top:1px dashed #fff;padding:8px 0;width:100%}
.resumeSectionTop{border:none}

.resumeHeader{font-weight:bold; color:#82CA3C;}
.resumeContent{width:100%}