@charset "UTF-8";
/* CSS Document */

/* Reset
-------------------------------------------------- */
* { margin:0; padding:0; }
body { margin:0; background-color:#2D2825; text-align: center; /* IE Fix */ }
img { border:0; }

/* Typography
-------------------------------------------------- */
body, td, th, input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
body, td, th {
	font-size: 11px;
	line-height: 17px;
	color:#FFFFFF;
}

h1, h2, h3, h4, h5, h6 { margin:1.5em 0 .7em 0; line-height:1.5em; color:#CCCB95; }
h1 { font-size:2.2em; color:#FFFFFF; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.1em; margin-bottom:1em; }
h5 { font-size:11px; }

p, ul, ol, dl, table { margin:0 0 1em 0; }

ul { list-style:none; }
ol { margin:0 0 1em 2em; }

dt { font-weight:bold; margin:0.5em 0; font-size:1.1em; color:#CCCB95; }
dd { padding:0 0 1em 0; }

a:link, a:visited { color:#CCCB95; text-decoration:underline; }
a:hover, a:active { color:#FFFFFF; }

/* Tables - still need 'cellspacing="0"' in the markup.
-------------------------------------------------- */
table { border-collapse:collapse; border-spacing:0; margin-bottom: 1.4em; }
th,td   { padding:0.2em 0.4em; line-height:1.2em; }

/* Default classes
-------------------------------------------------------------- */
.imgLeft { float:left; margin:0 17px 17px 0; } /* margin spacing to match line height */
.imgRight { float:right; margin:0 0 17px 17px; }
.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large   { font-size: 1.2em; line-height: 2.5em; }
.quiet   { color: #666; }
.top { margin-top:0; }
.btm { margin-bottom:0; }

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix, #container { display: inline-block; }   
.clearfix:after, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix, * html #container { height: 1%; }
.clearfix, #container { display: block; }
.clear { clear:both; }


/* Top Nav
-------------------------------------------------- */
#header { position:relative; margin:0 auto; width:984px; height:62px; }

#topNav { position:absolute; top:27px; left:537px; }
#topNav, #topNav li, #topNav a { float:left; }
#topNav li { margin:0 0 0 33px; }
#topNav a { display:block; height:7px; text-indent:-999px; overflow:hidden; outline:none; }
	
	#topNav #tn_signup a { width:36px; background:url(img/topnav.gif) 0 0 no-repeat; }
	#topNav #tn_login a { width:30px; background:url(img/topnav.gif) -46px 0 no-repeat; }
	#topNav #tn_about a { width:50px; background:url(img/topnav.gif) -85px 0 no-repeat; }
	#topNav #tn_blog a { width:26px; background:url(img/topnav.gif) -145px 0 no-repeat; }
	#topNav #tn_faq a { width:20px; background:url(img/topnav.gif) -181px 0 no-repeat; }
	#topNav #tn_contact a { width:63px; background:url(img/topnav.gif) -210px 0 no-repeat; }
             
	#topNav #tn_signup a:hover { background-position:0 -7px; }
	#topNav #tn_login a:hover { background-position:-46px -7px; }
	#topNav #tn_about a:hover { background-position:-85px -7px; }
	#topNav #tn_blog a:hover { background-position:-145px -7px; }
	#topNav #tn_faq a:hover { background-position:-181px -7px; }
	#topNav #tn_contact a:hover { background-position:-210px -7px; }
	

/* Containers
-------------------------------------------------- */
#container { margin:0 auto; width:984px; text-align:left; background:url(img/container_tile.gif); }
#wrapperTop { background:url(img/wrapper_top.gif) center top no-repeat; }
#wrapperBtm { background:url(img/wrapper_btm.gif) center bottom no-repeat; padding:23px 21px; }

#popup #container { margin:20px auto; width:700px; text-align:left; background:url(img/popup_container_tile.gif); }
#popup #wrapperTop { background:url(img/popup_wrapper_top.gif) center top no-repeat; }
#popup #wrapperBtm { background:url(img/popup_wrapper_btm.gif) center bottom no-repeat; padding:23px 21px; }
#popup ul { list-style-type:circle;  padding:0 30px; }
#popup li { margin:2px 0; }



/* Home Page Styles
-------------------------------------------------- */
/* for home page */
#home #container { position:relative; background:url(img/home_container_tile.gif); }
#home #wrapperTop { background:url(img/home_wrapper_top.gif) center top no-repeat; }
#home #wrapperBtm { background:url(img/home_wrapper_btm.gif) center bottom no-repeat; }

#home #intro { padding:0; }
	
/* spacer for flash banner placement */
.bannerSpacer { height:191px; }
#content .bannerSpacer { margin:0 0 20px 0; }

#homeBanner, #altFlashContent { position:absolute; top:136px; left:21px; width:942px; height:191px; }
#home #flashSubtitle { margin-bottom:20px; }

#feature1, #feature2 { float:left; }
#feature1 { width:300px; }
#feature2 { width:260px; margin-left:55px; }



/* Title image replacements 
-------------------------------------------------- */
#title_featuredfilmmaker, #title_blog, #title_gettinginvolved, #title_connectwithus, #title_2008, #title_2009, #title_2010, #title_latestnews, #title_pastarticles { margin-bottom:1em; height:0; padding-top:13px; overflow:hidden; }
#title_featuredfilmmaker { background:url(img/title_featuredfilmmaker.gif) no-repeat;}
#title_blog { background:url(img/title_blog.gif) no-repeat;}
#title_gettinginvolved { background:url(img/title_gettinginvolved.gif) no-repeat; }
#title_connectwithus { background:url(img/title_connectwithus.gif) no-repeat;}
#title_2008 { background:url(img/title_2008.gif) no-repeat;}
#title_2009 { background:url(img/title_2009.gif) no-repeat;}
#title_2010 { background:url(img/title_2010.gif) no-repeat;}
#title_latestnews { background:url(img/title_latestnews.gif) no-repeat;}
#title_pastarticles { background:url(img/title_pastarticles.gif) no-repeat;}
#title_signupnow { display:block; width:105px; height:11px; background:url(img/title_signupnow.gif) no-repeat; text-indent:-9999px; overflow:hidden; }
#title_signupnow:hover { background:url(img/title_signupnow.gif) 0 -11px no-repeat; }




/* Flash
-------------------------------------------------- */
.getFlash { margin:40px 20px; padding:30px 20px 33px 20px; text-align:center; font-size:14px; font-weight:bold; background-color:#2D2825; }


/* Sidebar
-------------------------------------------------- */
#sidebar { width:252px; float:left; }

#sidebar h1 { margin:12px 0 19px 64px; }
#sidebar h1 a { display:block; width:95px; height:82px; text-indent:-9999px; outline:none; background:url(img/el_logo.gif) no-repeat; }

/* Replace by flash nav */
#mainNav { width:237px; border-top:#641600 solid 1px; margin-top:18px; }
#mainNav a { display:block; padding:12px 26px; color:#FFFFFF; font-weight:bold; border-bottom:#641600 solid 1px; }
#mainNav a:hover { color:#CCCB95; background-color:#621600; }

.callout { width:175px; margin-left:35px; color:#7F7F7F; font-size:11px; background:#2D2825 url(img/sidebar_callout_br.gif) bottom right no-repeat; }
.callout .calloutTR { padding:15px 20px 15px 15px; background:url(img/sidebar_callout_tr.gif) top right no-repeat; }
.callout p { margin:0.5em 0; }



/* SubNav
-------------------------------------------------- */
#subNav { list-style-type:none; height:27px; margin:0; padding-left:15px; }
#subNav li, #subNav a { display:block; float:left; text-transform:uppercase; font-size:10px; font-weight:bold; }
#subNav li { text-transform:uppercase; font-size:10px; font-weight:bold; }
#subNav a { padding:5px 20px; color:#FFFFFF; }
#subNav a:hover { background-color:#681600; }
#subNav a.current { color:#CCCB95; background-color:#621600; }

#secondaryNav { margin-bottom:-5px; }



/* Content
-------------------------------------------------- */
#content { width:675px; margin-left:252px; padding-bottom:30px; }

#intro { padding:5px 30px 22px 30px; }

#body { padding:35px 30px; }
#body.topRule { background:url(img/body_toprule.gif) top center no-repeat; }
#body.topFade { background:url(img/body_topfade.gif) top center no-repeat; }
#body.top { padding-top:0; }

#body ul { list-style-type:circle;  padding:0 30px; }
#body li { margin:2px 0; }

#bodyMain, #bodySub { float:left; }
#bodyMain { width:400px; }
#bodySub { width:186px; margin-left:28px; }
#bodyMainWide { width:440px; }


.recentProjects { }
.recentProjects h4 { margin:0 0 1.5em 0; height:0; padding-top:18px; overflow:hidden; background:url(img/title_recentprojects.gif) no-repeat; }
.recentProjects p { font-size:12px; font-weight:bold; margin:0 0 2em 0; }

#body .arrowList { list-style-type:none; padding:0 5px; font-size:12px; font-weight:bold; }
#body .arrowList li { padding-left:12px; background:url(img/li_arrow.gif) 0 40% no-repeat; margin:5px 0; }



/*				
<div class="staffPic">
	<img src="../img/temp_staff.jpg" alt="Temp Staff" />
</div>
*/
.staff, .staffPic, .staffBio, .staffLinks { float:left; }
.staff { width:615px; padding-bottom:8px; margin-bottom:20px; background:url(img/body_rule.gif) bottom center no-repeat; }
/*.staffPic { width:115px; }*/
.staffBio { width:445px; margin-right:40px; }  /*width:330px;*/
.staffBio h4 { margin-top:0; }
#body ul.staffLinks { list-style-type:none; padding:35px 0 0 0; }

#staffBios, .staffMember { float:left; }
#staffBios { padding:0 13px; }
.staffMember { width:108px; height:125px; text-align:center; text-transform:uppercase; font-size:10px; }
.staffMember p { margin:0; }


#body .socialLinks { list-style-type:none; padding:0; }
#body .socialLinks li { display:inline; margin-right:8px; }
#body .socialLinks li img { margin:3px 0; }

#galleryWindowTop, #galleryWindowBtm, .gallery { float:left; }
#galleryWindowTop { background:url(img/body_topfade.gif) top center no-repeat; margin-bottom:30px; }
#galleryWindowBtm { background:url(img/body_btmfade.gif) bottom center no-repeat; padding:30px 17px 5px 17px; }
.gallery { width:186px; height:130px; padding:0 13px; float:left; }
.gallery p { margin:0; text-transform:uppercase; letter-spacing:.05em; font-size:10px; line-height:11px; }
.gallery img { margin-bottom:5px; }

#playerWindow { background:url(img/body_topfade.gif) top center no-repeat; padding:0 17px; }
.galleryLink { margin:0 0 15px 30px; }


/* Signup Form
-------------------------------------------------- */
#signup fieldset { border:0; padding:20px 0; background:url(img/body_rule.gif) top center no-repeat; }

#signup table { margin:0; }
#signup td { padding:5px 10px 5px 0; vertical-align:top; line-height:20px; }

#signup h3 { margin-top:0; }

.formIntro { color:#CCCB95; font-size:13px; line-height:18px; margin-bottom:25px; }
.formLabel { text-align:right; }
.requiredNote, .req { color:#CCCB95; font-weight:bold; }
.requiredNote { float:right; }
.req { font-size:1.3em; }
.formTip { color:#CCCB95; font-style:italic; }
.invalid { background-color:#CCCB95; }

.med { width:155px; }
.lg { width:400px; }
select { width:160px; }

.warning { margin:20px 0; padding:10px 10px 13px 10px; text-align:center; font-size:14px; font-weight:bold; color:#741A00; background-color:#CCCB95; }

#send { height:0; padding-top:42px; width:135px; overflow:hidden; background:url(../img/send_btn.gif) no-repeat; border:none; cursor:pointer; }



/* Footer
-------------------------------------------------- */
#footer { margin:45px; color:#4B4B4B; font-size:10px; }
#footer a { color:#969696; padding:0 5px; text-decoration:none; }
#footer a:hover { color:#BFBFBF; padding:0 5px; }