/*****CSS RESET*******/

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; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES*****/

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:#999;color:#fff}
h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

a.creds { position: absolute; width: 149px; height: 132px; right: 15px; top: 10px; background: url('/images/creds.png') no-repeat 0 0; z-index: 2; }
a:hover.creds { background: url('/images/creds.png') no-repeat -149px 0; }

ul#nav { position: absolute; left: 0; top: 10px; background: url('/images/navBkg.png') no-repeat; z-index: 2; }
ul#nav li a { float: right; width: 169px; height: 84px; margin: 5px 15px 5px 0; background: url('/images/nav.png') no-repeat 0 0; }
ul#nav li a:hover { background: url('/images/nav.png') no-repeat -169px 0; }
ul#nav li.reelBkg { width: 185px; }
ul#nav li.reelBkg a { width: 120px; }
ul#nav li.workBkg { width: 221px; }
ul#nav li.workBkg a { width: 150px; background-position: 0 -92px; }
ul#nav li.workBkg a:hover { background-position: -169px -92px; }
ul#nav li.aboutBkg { width: 236px; }
ul#nav li.aboutBkg a { width: 167px; background-position: 0 -185px; }
ul#nav li.aboutBkg a:hover { background-position: -169px -185px; }
ul#nav li.blogBkg { width: 195px; }
ul#nav li.blogBkg a { width: 125px; background-position: 0 -280px; }
ul#nav li.blogBkg a:hover { background-position: -169px -280px; }

#bottomBar {position: absolute; width: 100%; height: 107px; bottom: 95px; z-index: 80; background: #000;opacity:0.4; filter:alpha(opacity=40);}
#leftBottom { position:absolute; width: 96px; bottom: 105px; left: 15px; padding-top: 10px; z-index: 100; }
#leftBottom a { float: left; width: 96px; height: 30px; background: url('/images/sm.png') no-repeat 0 0; }
a:hover.smVimeo { background: url('/images/sm.png') no-repeat -96px 0 !important; }
a.smTwitter { background-position: 0 -30px !important; }
a:hover.smTwitter { background: url('/images/sm.png') no-repeat -96px -30px !important; }
a.smFlickr { background-position: 0 -60px !important; }
a:hover.smFlickr { background: url('/images/sm.png') no-repeat -96px -60px !important; }

#rightBottom { position: absolute; width: 35px; right: 15px; bottom: 120px; z-index: 100; }
a.next { float: left; width: 35px; height: 30px; margin-bottom: 15px; background: url('/images/next.png') no-repeat 0 0; }
a:hover.next { background: url('/images/next.png') no-repeat -37px 0; }
a.mail { float: right; width: 24px; height: 17px; margin-right: 5px; background: url('/images/mail.png') no-repeat 0 0; }
a:hover.mail { background: url('/images/mail.png') no-repeat -24px 0; }

a.logo { position: absolute; width: 509px; height: 256px; bottom: 0; left: 30%; background: url('/images/logo.png') no-repeat 0 0; z-index: 100; }
a:hover.logo { background: url('/images/logo.png') no-repeat -511px 0; }

h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }