
/* 
* Disabilities Film Festival
* April 2008
*
* Company: Empax
* E-mail: eduong@empax.org
* Tel: 212-242-5300
*
* Eddy did a lot of this shit too!
* You can just walk to his desk if you like.
*/

/* -----GENERAL----- */

* {
	margin: 0;
	padding: 0;
}

.smallerpercent {
	width: 90%;
	height: 90%;
}

img, a img {
	border: 0;	
	margin: 0;
	padding: 0;
}

.thumb {
	width:129px;
	height:75px;
}
.fullJpg {
	width:344px;
	height:200px;
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}

.invisible {
	display:none;	
}

.clear {
	clear: both;	
}

body {
	margin: 0 auto;
	font-size:16px;
}

/* switching font sizes */
.small {
	font-size: 75%;
}

.medium {
	font-size: 100%;
}

.large {
	font-size: 150%;
}

#wrapper {
	width: 1000px;
	margin: 75px auto;
	padding: 0;
	background: url('images/bg.gif') top left repeat-y;	
}

#top {
	min-height: 15px;
	margin: 0 0 15px 0;
	padding: 0;	
	background: url('images/bg_top.gif') top left no-repeat;
}

#content {
	width: 1000px;
	margin: 0;
	padding: 0 1px 15px 1px;
	background: url('images/bg_bot.gif') bottom left no-repeat;
}

#logo {
	width: 998px;
	margin: 0;
	padding: 0 0 0 29px;	
	background: url('images/bg_grey.gif') bottom left repeat-x;
}

#flash {
	padding: 0;
	margin: 0;	
	height: 400px;
	width:980px;
}

/*--TOP NAVIGATION--*/

#navigation {
	width: 980px;
	min-height: 30px;
	margin: 0 0 15px 0;
	padding: 0 0 0 18px;
	background: url('images/bg_grey.gif') top left repeat-x;
}

#navigation ul {
	list-style: none;	
}

#navigation ul li {
	float: left;	
}

#navigation #nav_subform a {
	display: block;
	width: 170px;
	height: 30px;
	background: url('images/nav_subform.gif') 0 0 no-repeat;
}

#navigation #nav_subform a:hover {
	background: url('images/nav_subform.gif') 0 -30px no-repeat;	
}

#navigation #nav_subform a:active {
	background: url('images/nav_subform.gif') 0 -30px no-repeat;	
}

#navigation #nav_pastfest a {
	display: block;
	width: 180px;
	height: 30px;
	background: url('images/nav_pastfest.gif') 0 0 no-repeat;
}

#navigation #nav_pastfest a:hover {
	background: url('images/nav_pastfest.gif') 0 -30px no-repeat;	
}

#navigation #nav_pastfest_active a {
	display: block;
	width: 180px;
	height: 30px;
	background: url('images/nav_pastfest.gif') 0 -30px no-repeat;
}

#navigation #nav_volunteer a {
	display: block;
	width: 150px;
	height: 30px;
	background: url('images/nav_volunteer.gif') 0 0 no-repeat;
}

#navigation #nav_volunteer a:hover {
	background: url('images/nav_volunteer.gif') 0 -30px no-repeat;
}

#navigation #nav_volunteer_active a {
	display: block;
	width: 150px;
	height: 30px;
	background: url('images/nav_volunteer.gif') 0 -30px no-repeat;
}


#navigation #nav_about a {
	display: block;
	width: 150px;
	height: 30px;
	background: url('images/nav_about.gif') 0 0 no-repeat;
}

#navigation #nav_about a:hover {
	background: url('images/nav_about.gif') 0 -30px no-repeat;
}

#navigation #nav_news a {
	display: block;
	 width: 120px;
	height: 30px;
	background: url('images/nav_news.gif') 0 0 no-repeat;
}

#navigation #nav_news a:hover {
	background: url('images/nav_news.gif') 0 -30px no-repeat;
}

#navigation #nav_access a {
	display: block;
	width: 200px;
	height: 30px;
	background: url('images/nav_access.gif') 0 0 no-repeat;
}

#navigation #nav_access a:hover {
	background: url('images/nav_access.gif') 0 -30px no-repeat;
}

#navigation #presenter a {
	display: block;
	margin-left: 780px;
	width: 77px;
	height: 70px;
	background: url('images/presented.gif') 0 0 no-repeat;
}

#navigation #supporter a {
	display: block;
	width: 105px;
	height: 70px;
	background: url('images/support.gif') 0 0 no-repeat;
}

.Header_div{
	background-color:#f78f1e;
	width:973px;
	height:16px;
	padding-left:25px;
	padding-top:7px;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight:bold;
	letter-spacing: 1px;
	padding-bottom: 7px;
}

.Content_div{
	overflow:auto;
	height:400px;
	width:948px;
	max-height:400px;
	background-color:#2e170f;
	background: url(images/bg_reelabilities_footer.jpg) 0 0 no-repeat, #2e170f;
	background-position:bottom;
	padding-left:35px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size: 0.857em; */
	min-height: 216px;
}

.Contenttwo_div{
	overflow:auto;
	height:400px;
	width:958px;
	max-height:400px;
	background-color:#FFFFFF;
	background: url(images/bg_reelabilities_footer2.jpg) 0 0 no-repeat, #FFFFFF;
	background-position:bottom;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	color:#572c19;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.857em;
	min-height: 216px;
}

a:link{color:#f78f1e; text-decoration:none; font-weight:normal; line-height: 1.0em;}
a:visited{color:#ffffff; text-decoration:none; font-weight:normal; line-height: 1.0em;}.content_list {
	list-style-position: inside;
}
a:hover{color:#f78f1e; text-decoration:none; font-weight:normal; line-height: 1.0em;}

.Header_div a:link {
	color: #ffffff;
}
.Header_div a:visited {
	color: #ffffff;
}
.Header_div a:hover {
	color: #572c19;
}



/*--BOTTOM NAVIGATION BUTTONS--*/

#navigation2 {
	width: 980px;
	min-height: 30px;
	margin: 0 0 0px 0;
	padding: 0 0 0 18px;
	background: url('images/bg_grey.gif') bottom left repeat-x;
}

#navigation2 ul {
	list-style: none;	
}

#navigation2 ul li {
	float: left;	
}

#navigation2 #nav_home a {
	display: block;
	width: 150px;
	margin-top: 57px;
	margin-left:-245px;
	height: 30px;
	background: url('images/nav_home.gif') 0 0 no-repeat;
}

#navigation2 #nav_home a:hover {
	background: url('images/nav_home.gif') 0 -30px no-repeat;
}

#navigation2 #nav_films a {
	display: block;
	width: 150px;
	margin-top: 57px;
	margin-left:-75px;
	height: 30px;
	background: url('images/nav_films.gif') 0 0 no-repeat;
}

#navigation2 #nav_films a:hover {
	background: url('images/nav_films.gif') 0 -30px no-repeat;
}

#navigation2 #nav_events a {
	display: block;
	width: 150px;
	margin-top: 57px;
	margin-left: 0px;
	height: 30px;
	background: url('images/nav_events.gif') 0 0 no-repeat;
}

#navigation2 #nav_events a:hover {
	background: url('images/nav_events.gif') 0 -30px no-repeat;
}

#navigation2 #nav_guests a {
	display: block;
	width: 150px;
	margin-top: 57px;
	margin-left:0px;
	height: 30px;
	background: url('images/nav_guests.gif') 0 0 no-repeat;
}

#navigation2 #nav_guests a:hover {
	background: url('images/nav_guests.gif') 0 -30px no-repeat;
}


#navigation2 #nav_venues a {
	display: block;
	width: 150px;
	margin-top: 57px;
	margin-left:0px;
	height: 30px;
	background: url('images/nav_venues.gif') 0 0 no-repeat;
}

#navigation2 #nav_venues a:hover {
	background: url('images/nav_venues.gif') 0 -30px no-repeat;
}

/*#navigation #nav_venues_active a {
	display: block;
	width: 150px;
	margin-top: 57px;
	margin-left:0px;
	height: 30px;
	background: url('images/nav_venues.gif') 0 -30px no-repeat;
}*/

#navigation2 #nav_partners a {
	display: block;
	width: 150px;
	margin-top: 57px;
	margin-left:0px;
	height: 30px;
	background: url('images/nav_partners.gif') 0 0 no-repeat;
}

#navigation2 #nav_partners a:hover {
	background: url('images/nav_partners.gif') 0 -30px no-repeat;
}


/*
#navigation2 #nav_mailing a {
	display: block;
	width: 116px;
	margin-top: 57px;
	margin-left:0px;
	height: 30px;
	background: url('images/nav_mailing.gif') 0 0 no-repeat;
}

#navigation2 #nav_mailing a:hover {
	background: url('images/nav_mailing.gif') 0 -30px no-repeat;
}

#navigation2 #nav_glance a {
	display: block;
	width: 184px;
	margin-top: 57px;
	margin-left:0px;
	height: 30px;
	background: url('images/nav_glance.gif') 0 0 no-repeat;
}

#navigation2 #nav_glance a:hover {
	background: url('images/nav_glance.gif') 0 -30px no-repeat;
}
*/


#navigation2 #nav_logo a {
	display: block;
	width: 245px;
	height: 80px;
	background: url('images/logo.gif') 0 0 no-repeat;
}


/*-- buy button --*/

#buy {
	min-height: 23px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#buy ul {
	list-style: none;	
}

#register {
	min-height: 23px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#register ul {
	list-style: none;	
}

#buy #buy_orange a {
	display: block;
	width: 120px;
	height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	background: url('images/buy_orange.gif') 0 0 no-repeat;
}

#buy #buy_orange a:hover {
	background: url('images/buy_orange.gif') 0 -23px no-repeat;	
}
#register #register_orange a {
	display: block;
	width: 120px;
	height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	background: url('images/register_orange.gif') 0 0 no-repeat;
}

#register #register_orange a:hover {
	background: url('images/register_orange.gif') 0 -23px no-repeat;	
}
#buy #buy_blue a {
	display: block;
	width: 120px;
	height: 23px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f78f1e;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #f78f1e;
	background: url('images/buy_blue.gif') 0 0 no-repeat;
}

#buy #buy_blue a:hover {
	background: url('images/buy_blue.gif') 0 -23px no-repeat;	
}

.transON {opacity:0.50;filter: alpha(opacity=50); -moz-opacity: 0.50;background-color:#f78f1e; }
.transOFF {opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.00;background-color:#f78f1e; }

.ddon_div {
	z-index:0;
	position:absolute;
	top:100px;
	left:100px;
}

#email {
	min-height: 30px;
	position:relative;
	top:10px;
	left: 715px;
	width:258px;
	background: url('images/email.gif') top left no-repeat;
}

#email2 {
	min-height: 30px;
	position:absolute;
	top:730px;
	width:258px;
	background: url('images/email.gif') top left no-repeat;
}
