html {height: 100%; width: 100%;}
body {width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; color: #222;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px;
background: url(../images/bg.png) no-repeat 50% 0 #a8d8d8; text-align: center;}
#container {height: 100%; margin: 0; padding: 0; margin-left: auto; margin-right: auto; width: 1020px; }
body > #container {height: auto; min-height: 100%;}
#main {height: 100%; }
img {border: none;}
a {color: #333;}
#subnav {float: left; margin: 0; width:20.5%; padding-left: 1%; margin-right: 3.5%; border-right: 1px solid #c03; margin-bottom: 15px; text-align: left; }
#subnav .selected {color: #BF2029; }
.aboutPic {text-align: left; }
.aboutPic p {text-align: left; margin-left: 20px;}
.aboutPic img { margin-left: 20px;}
#content {float: left; margin: 0; width: 74%; height: 100%; clear: right; }
#content {text-align: left; font-size: 1.2em;}
#content p {margin-top: 0; margin-bottom: 10px; padding-right: 40px; line-height: 1.2em; }
#content p a {color: #BF2029; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em;}
.video {margin: 0; padding: 0; border: 1px solid black; float: left; margin-bottom: 10px;}
.flash {margin: 0; padding: 0; float: left; margin-bottom: 10px;}
#content img {margin-bottom: 10px;}
#contact {margin-left: 10%;}
#content h1 {margin-top: 0; font-size: 1.5em; color: #666; }
.reelInfo {width: 45%; float: left; }
.leftInfo { clear: both; }
.reelInfo img {float: left;}
.reelInfo p {float: left; font-size: 10px;}
.about {color: #444;}
.about h2 {color: #444; line-height: 0; margin-top: .2em; font-size: 1.2em;}
#content.about p {padding-right: 0px; }
.about ul {list-style: circle; padding-left: 2em; margin-top: -10px;}
.about .subli {margin-left: 2em; font-size:.9em; }
.about div { padding-left: 5px; margin-left: -5px; float: left;}
div.aboutTools {background: url(../images/tools_ul.png) no-repeat 0px 15px; padding-top: 20px; margin-left: 20px;}
div.aboutSkills {background: url(../images/skills_ul.png) no-repeat 5px 5px; padding-top: 10px; }
.linebreak {display: block; height: 1px; width: 100%; float: left; clear: both; border-top: solid 1px #c03; margin-top: .25em; margin-bottom: .5em; }
.about li {list-style: none; background: url(../images/what_libullet.gif) no-repeat 0px 5px; padding-left: 12px; padding-bottom: 5px; margin-top: -5px; padding-top: 5px; }
.about li.lastli {background: url(../images/what_libullet_last.gif) no-repeat 0px 5px; }
.whatNav {text-align: left; padding-left: 10%; margin: 0; margin-top: 0px;}
.whatNav p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0; padding: 0; padding-bottom: 0; color: #444;}
.whatNav li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; padding-bottom: 5px; }
.whatNav {background: url(../images/lilBird.png) no-repeat; background-position: 16px 0px; margin-top: -13px; padding-top: 13px;}
.whatNav li { list-style: none; background:url(../images/what_libullet.gif) no-repeat; background-position: 0px 5px; padding-left: 14px; padding-bottom: 0; margin-top: -5px; padding-top: 5px;}
.whatNav li.lastwhat {background: url(../images/what_libullet_last.gif) no-repeat; background-position: 0px 5px;}
.whatNav a {text-decoration: none; }
.whatNav a:hover {color: #BF2029; }
.whatNav selected {color: #BF2029; }
/*#container {margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0; width: 1020px; height: auto;}*/
#header {height: 180px; width: 1020px; margin: 0px; padding: 0px; color: #000; overflow: visible; float: left;}
#header h1 {margin: 0; height: 333px; background-image: url(../images/header-trans.png); background-repeat: no-repeat; background-position: 0 -90px; text-indent: -9999px;}
/*This bit hides the little blurb embedded in the header image */
#header h2 {text-indent: -9999px;}
/*Navigation background-color: #899ca3;*/
#contentTop {height: 60px;padding-bottom: -60px; width: 1000px; margin-left: 10px; float: left; background: url(../images/navbg.png) no-repeat;}
#mainNav {list-style: none; text-align: left; padding-left: 10%; margin-bottom: 20px; margin-top: 0;}
#mainNav li {position: relative; font-size: 2em; font-weight: bold; margin-bottom: 5px;}
#mainNav a {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;color: #444; text-decoration:underline;}
#mainNav .selected a {color: #BF2029; }
#mainNav a:hover {color:#BF2029; }
/*Page Content*/
#page {float: left; margin-left: 10px; width: 1000px; padding-top: 0px; margin-top: 0px; vertical-align: top; text-align: center; height: 100%; }
#page {background: url(../images/contentbg.png) repeat-y; }
#page h3 {color: #000;}
#page img {border: 1px solid black;}
#video {width: 540px; height: 405px; border: 1px solid black; margin: 0; padding: 0;}
/*Images in gallery*/
.aboutImage {text-align: left; width: 200px; float: left; font-size: 1.2em; line-height: 1.2em; padding: 2px; padding-top: 0; clear: both; padding-right: 1em;}
.aboutImage h2 {font-variant: small-caps; font-size: 1em; line-height: 1em; font-weight: bold; margin-top: 0px; padding-left: 14px; background-image: url(../images/h2bullet.gif); background-repeat: no-repeat; background-position: left; display: inline;}
/*index of videos*/
#previewVid {width: auto; margin: 0 40px; border-top: 1px solid black; }
#previewVid img {margin: 10px; }
/*video content*/
#video {border: none; float: right; margin-right: 40px; border-top: 1px solid black; width: 720px; padding: 20px 0 0 0 ;}
#viewer {float: right; }
#aboutVideo {text-align: left; width: 200px; float: left; font-size: 1.2em; line-height: 1.2em; padding: 2px; }
#aboutVideo h2 {font-variant: small-caps; font-size: 1em; font-weight: bold; margin-top: 0; padding-left: 12px;background-image: url(../images/h2bullet.gif); background-repeat: no-repeat; background-position: 0 2px;}
/*The about section*/
#bio {text-align: left; padding: 0; }
#bio p {font-size: 1.2em; line-height: 1.2em; margin-top: 0;}
#footer {border: 0px solid #222; width: 980px; margin-left: 10px; clear: both; padding: 10px; padding-top: 20px; text-align: right; color: #222; background: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
#footer {position: relative; margin-top: -20px; height: 20px; clear: both; margin-left: auto; margin-right: auto;}
/*#footer {border-top:solid 1px #c69; }*/
#footer p {margin: 0; padding: 0; border-top: 1px solid #c69; }
#email {text-align: left; margin: 0 45px 10px 35px; border-bottom: 1px solid #c69; }
#email {font-variant: small-caps; text-transform:lowercase; font-size: 1.2em; color: #000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
#email a {color: #000; text-decoration: none;}
#email {background: url(../images/lilBird2.png) no-repeat right; }