@import url(reset.css);
@import url(typography.css);
@import url(sifr.css);
@import url(imenus0.css);
@import url(extra.css);
@import url(forms.css);

body { color: #fff; padding: 0; margin: 0; background-color: #000;}

a  { color: #9ac1cf; text-decoration: none; }
a:hover { color: #9ac1cf; text-decoration: underline; }
ol, ul{ margin:0 2em 1.5em; padding-left: 2em; }

img.imageLeft {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; vertical-align: middle; }
img.imageRight { float: right; margin: 1.5em 0 1.5em 1.5em; vertical-align: middle;}

#headerWrapper { margin: 0; padding: 0; background: url(../images/header-bg.jpg) top center no-repeat; height: 107px; }
#header { width: 954px; height: 107px; margin: 0 auto;}
#contentWrapper { margin: 0; padding: 0; background: url(../images/content-wrapper-bg.jpg) top center no-repeat; }
#content { width: 954px; margin: 0 auto 60px; border: 1px solid #626262; overflow: hidden; }
#interior #content { background: url(../images/content-bg.gif) top left repeat-y; }

/*Home */

.homeSection { height: 150px; width: 954px; margin: 0; }

.homeSection.reels, .homeSection.about { border-bottom: 1px solid #626262; }

a.homeNavSection { width: 64px; display: block; overflow: hidden; height: 150px; text-indent: -5000em; background-color: blue; float: left;}
a.homeNavSection.reels { background: url(../images/nav-reels-bg.gif) top left no-repeat; }
a.homeNavSection.about { background: url(../images/nav-about-bg.gif) top left no-repeat; }
a.homeNavSection.contact { background: url(../images/nav-contact-bg.gif) top left no-repeat; }
a.homeNavSection.reels:hover { background: url(../images/nav-reels-bg-a.gif) top left no-repeat; }
a.homeNavSection.about:hover { background: url(../images/nav-about-bg-a.gif) top left no-repeat; }
a.homeNavSection.contact:hover  { background: url(../images/nav-contact-bg-a.gif) top left no-repeat; }

/*
.homeSection ul { width: 262px; float: left; overflow: hidden; margin: 0; list-style-type: none; padding: 0;}

.homeSection ul li a { display: block; height: 18px; margin: 10px 10px; padding: 0 10px; background-color: #1f1f1f; border: none; color: #6c8791; text-decoration: none; text-indent: 0;}
.homeSection ul li a:hover { color: #9ac1cf; text-decoration: underline; }
*/
#homePromoPhotos {width: 628px; height: 150px; float: right; overflow: hidden; position: relative;}
.homePhotoReel, .homePhotoAbout, .homePhotoContact { position: absolute; top: 0; left: 0; z-index: 10; }
.homePhotoReelHover , .homePhotoAboutHover, .homePhotoContactHover {position: absolute; top: 0; left: 0; z-index: 5; }

/* Subpage */
#leftCol { width: 64px; float: left; margin: 0 1px 0 0; }

#interior #leftCol ul { margin: 0; padding: 0; list-style-type: none; width: 64px; }
#interior #leftCol ul li { position: relative; }
#interior #leftCol ul li a { display: block; overflow: auto; border-bottom: 1px solid #626262; height: 150px; text-indent: -5000em; }
#interior #leftCol ul li a.navReels { background: url(../images/nav-reels-bg.gif) top left no-repeat; }
#interior #leftCol ul li a.navAbout { background: url(../images/nav-about-bg.gif) top left no-repeat; }
#interior #leftCol ul li a.navContact { background: url(../images/nav-contact-bg.gif) top left no-repeat; }
#interior #leftCol ul li a.navReels:hover { background: url(../images/nav-reels-bg-a.gif) top left no-repeat; }
#interior #leftCol ul li a.navAbout:hover { background: url(../images/nav-about-bg-a.gif) top left no-repeat; }
#interior #leftCol ul li a.navContact:hover { background: url(../images/nav-contact-bg-a.gif) top left no-repeat; }
#interior #leftCol  ul li ul{ position: absolute; top: -1px;visibility: hidden; background-color: #000; border: 1px solid #626262; width: 280px; height:150px; z-index: 2000;}
#interior #leftCol  ul li ul li a { height: 20px; margin: 9px 10px; padding: 0 10px 0 17px; background: url(../images/bullet.gif) no-repeat 0 4px;  border: none; color: #6c8791; text-decoration: none; text-indent: 0;}
#interior #leftCol  ul li ul li a:hover { color: #9ac1cf; text-decoration: underline; }



#home ul { margin: 0; padding: 0; list-style-type: none; width: 64px; float: left; }
#home ul li { position: relative; }
#home ul li a { display: block; overflow: auto; height: 150px; text-indent: -5000em; }
#home ul li a.navReels { background: url(../images/nav-reels-bg.gif) top left no-repeat; }
#home ul li a.navAbout { background: url(../images/nav-about-bg.gif) top left no-repeat; }
#home ul li a.navContact { background: url(../images/nav-contact-bg.gif) top left no-repeat; }
#home ul li a.navReels:hover { background: url(../images/nav-reels-bg-a.gif) top left no-repeat; }
#home ul li a.navAbout:hover { background: url(../images/nav-about-bg-a.gif) top left no-repeat; }
#home ul li a.navContact:hover { background: url(../images/nav-contact-bg-a.gif) top left no-repeat; }
#home  ul li ul{ position: absolute; top: -1px;visibility: hidden; width: 262px; z-index: 2000;}
#home  ul li ul li a { height: 18px; margin: 10px 10px; padding: 0 10px 0 17px; background: url(../images/bullet.gif) no-repeat 0 4px;  border: none; color: #6c8791; text-decoration: none; text-indent: 0;}
#home  ul li ul li a:hover { color: #9ac1cf; text-decoration: underline; }

ul.links { margin: 0; padding: 0; list-style: none; }
ul.links li { margin: 5px; padding: 0; }
ul.links li a { display: block; background: url(../images/bullet.gif) no-repeat 0 4px; padding-left: 17px; }


#rightCol { width: 839px; float: right; margin: 20px 25px; }
#contentHeading { margin-bottom: 20px; }
.contentReelIndexHeading { margin-top: 50px; }
.clip { position: relative; width: 248px; border: 1px solid #fff; float: left; margin-right: 44px; margin-bottom: 20px; color: #89b5c6; min-height: 300px;}
.clipThumb { border-bottom: 1px solid #fff; width: 248px; }
.clipInfo ul { margin: 5px 5px 40px; padding: 0; list-style: none; color: #fff }
.clipInfo strong { color: #89b5c6; font-weight: bold; }
.clipInfo ul li { margin-bottom: 3px; }
.clipInfo a { text-decoration: underline; color: #fff;h}
.clipInfo a:hover { text-decoration: underline; color: #bdedfe; }
.clipLinks { position: absolute; bottom: 1px; left: 0; height: 30px; width: 248px; background-color: #41565e; }
.clipLinks a { background: url(../images/play-clip.gif) top left no-repeat; width: 248px; height: 30px; text-indent: -5000em; display: block; }
.clipLinks a:hover { background: url(../images/play-clip-a.gif) top left no-repeat; }
.clipComing { position: absolute; bottom: 1px; left: 0; background: #41565e url(../images/clip-coming.gif) top left no-repeat; width: 248px; height: 30px; text-indent: -5000em; display: block; }
.clip.last { margin-right: 0; }
.clip.first { clear: both; }
.subHeading { margin: 10px 0; }

.reel { width: 836px; border: 1px solid #fff; display: block; margin-bottom: 20px; color: #89b5c6; overflow: hidden;}
.reelPoster { width: 711px; float: left; height: 400px; }
.reelInfo { float: right; width: 336px; padding-top: 150px; }
.reelInfo ul { margin: 5px 5px 0 20px; padding: 0; list-style: none; }
.reelInfo ul li { margin-bottom: 3px; }

.reelPlay { width: 125px; height: 400px; float: right;}
.reelPlay a { background: url(../images/play-reel.gif) top left no-repeat; width: 125px; height: 400px; text-indent: -5000em; display: block; }
.reelPlay a:hover { background: url(../images/play-reel-a.gif) top left no-repeat; }

.reelPlaySoon { width: 125px; height: 400px; float: right;}
.reelPlaySoon a { background: url(../images/play-reel-soon.gif) top left no-repeat; width: 125px; height: 400px; text-indent: -5000em; display: block; }
.reelPlaySoon a:hover { background: url(../images/play-reel-soon-a.gif) top left no-repeat; }

.reelView { width: 125px; height: 400px; float: right;}
.reelView a { background: url(../images/view-reel.gif) top left no-repeat; width: 125px; height: 400px; text-indent: -5000em; display: block; }
.reelView a:hover { background: url(../images/view-reel-a.gif) top left no-repeat; }

#bioPhotos { width: 600px; border: 1px solid #404040; padding: 10px 0 0 10px; float: right; margin-left: 10px; margin-bottom: 10px; background-color: #191919; height:400; overflow: auto;}
#bioPhotos img { float: left; margin-right: 10px; margin-bottom: 10px;  }

#bioPhotos .downloadResume { margin-top: 5px; line-height: 1em;}
#bioPhotos .downloadResume a { color: #9ac1cf; text-decoration: none; background: url(../images/bullet.gif) no-repeat 0 2px; padding-left: 17px; }
#bioPhotos .downloadResume a:hover { color: #9ac1cf; text-decoration: none; }
#bioPhotos .downloadResume.cinematography { float: left; }
#bioPhotos .downloadResume.gaffer { float: right; margin-right: 5px; }

ul.links { margin: 0; padding: 0; list-style: none; }
ul.links li { margin: 5px; padding: 0; }
ul.links li a { display: block; background: url(../images/bullet.gif) no-repeat 0 4px; padding-left: 17px; }

#contactForm  { padding: 10px 0 0 10px; margin-left: 10px; margin-bottom: 10px; margin-top: 10px;}
/*
#main { width: 950px; margin: 0 auto }
#wrapper { width: 930px; margin: 0 10px; padding: 10px 0; overflow: hidden;}


#header { margin: 0; padding: 0; height: 94px; border-bottom: 1px solid #fff; background: url(/images/header-bg.jpg) top left repeat-x; overflow: hidden;}
#headerWrapper { width: 950px; height: 94px; margin: 0 auto; padding: 0;  }
#header .logos { width: 430px; height: 94px; float: left; padding-top: 10px; }
#header .logos img { margin-right: 10px; }
#header .navigation { height: 94px; float: right;  text-align: right;}
#header .register { color: #f3f3f3; height: 20px; }
#header .register a { color: #f3f3f3; text-decoration: none; }
#header .register a:hover { color: #fff; text-decoration: underline; }
#header .pnav { margin: 46px 0 0 auto; background: url(/images/pnav-bg.jpg) top left repeat-x; border-top: 1px solid #8b9ac3; border-right: 1px solid #8b9ac3; border-left: 1px solid #8b9ac3; line-height: normal; height: 27px;}
#header .pnav ul { list-style: none; margin: 0; padding: 0; line-height: 0;  }
#header .pnav li { display: inline;    }
#header .pnav li a { font-weight: bold; float: left; padding: 4px 30px 5px; margin: 0; border-right: 1px solid #afb0c5; font-size: 1.25em; text-decoration: none; color: #5c6782; }
#header .pnav li a:hover { text-decoration: none; color: #0f2b8e; }
#header .pnav li.last a { border: none; }
	

#content { margin: 0; padding: 0; background: #dedee8 url(/images/content-bg.jpg) top left repeat-x; overflow: hidden; min-height: 500px; }
#contentWrapper { width: 950px; margin: 10px auto; padding: 0; background: url(/images/content-wrapper-bg.jpg) top right repeat-y; border: 2px solid #828596; overflow: hidden; }
#contentBody { width: 630px; margin: 10px; float: left; } 
#content h2 { font-size: 1.5em; padding: .45em; font-weight: bold; background-color: #0f2b8e; color: #fff;}
#contentSidebar { width: 260px ; margin: 10px 20px; float: right; } 
#contentSidebar .sidebarModule { width: 258px; border: 1px solid #828596; background-color: #fff; margin-bottom: 20px; overflow: hidden; }
#contentSidebar .sidebarModule a  { font-weight: bold; text-decoration: none; font-size: 1.25em; }
#contentSidebar .sidebarModule img.imageLeft {float: left; margin: 5px; padding: 0; vertical-align: middle; }
#contentSidebar .sidebarModule img.imageRight { float: right; margin: 5px; vertical-align: middle;}
#contentSidebar .sidebarModule .sidebarModuleHeader { display: block; background: url(/images/sidebar-module-header-bg.jpg) top left repeat-x; color: #fff; font-size: 1.25em; padding: .4em; font-weight: bold; }
#contentSidebar .sidebarModule p { margin: 5px 10px; }
#contentSidebar .sidebarModule ul { list-style: none; padding: 5px 10px; margin: 0;}
#contentSidebar .sidebarModule li { background: transparent url(/images/arrow_right.png) no-repeat 0 9px; margin: 0; padding: 1em 0 .5em; line-height: 1em;  }


#contentSidebar .sidebarModule li a { padding-left: 24px; display: block; }

.chart.threeCol { background: url(/images/chart-3col-bg.jpg) top left repeat-y; }
.chart.peripherals { margin-bottom: 40px; }
.chart.peripherals th { font-size: 1.15em; }
.chart.peripherals th, .chart.peripherals td { padding-right: 4px; }
.chart.peripherals th.product, .chart.peripherals td.product { width: 350px; white-space: no-wrap;} 
.chart.peripherals th.cost, .chart.peripherals td.cost { width: 250px; white-space: no-wrap;} 
.chart.peripherals td.cost  { font-weight: bold; color: #cc6600; }
.chart td { border-bottom: 2px solid #dbe2ea; padding: 10px; width: 210px; }
.chart th { background-color: #f5f5f5; border-bottom: 2px solid #dbe2ea; }
.chart img { border: 1px solid black; margin: 0 auto; display: block; }
table .pricing  { padding: 0; margin-bottom: 0; line-height: 1.25em; }
.pricing td { border: none; padding: 2px;}
.pricing td.cost { text-align: right; width: 40px; }
.pricing td.cost strong { color: #cc6600; }
*/