body { background:#000; font:12px helvetica, arial, sans-serif; color:000; }
a { color:#6b0000; text-decoration:none; }
a:hover { text-decoration:underline; }
.ir { display:block; overflow:hidden; text-indent:-9999px; }

.wrapper { width:760px; margin:0 auto; }

#content { background:#fff url(../img/bgheader.gif) center top no-repeat; overflow:hidden; zoom:1; }
#page { padding-left:9px; }

#header { height:150px; }

#linkhome { width:300px; margin:0 auto 8px auto; }
#linkhome a { height:100px; }

ul#nav { overflow:hidden; zoom:1; }
ul#nav li { float:left; }
ul#nav li a { height:22px; background:url(../img/navsprite.gif) 0 0 no-repeat; }

	ul#nav li#nav_about 				{ width:131px; }
	ul#nav li#nav_trailer 				{ width:131px; }
	ul#nav li#nav_signup 				{ width:92px; }
	ul#nav li#nav_resources 			{ width:168px; }
	ul#nav li#nav_friends 				{ width:170px; }
	ul#nav li#nav_screenings 			{ width:67px; }
	
	ul#nav li#nav_about a 				{ background-position:7px 4px; }
	ul#nav li#nav_trailer a 			{ background-position:-124px 4px; }
	ul#nav li#nav_signup a 				{ background-position:-255px 4px; }
	ul#nav li#nav_resources a 			{ background-position:-347px 4px; }
	ul#nav li#nav_friends a 			{ background-position:-515px 4px; }
	ul#nav li#nav_screenings a 			{ background-position:-685px 4px; }
	
	ul#nav li#nav_about a.currpage,
	ul#nav li#nav_about a:hover 		{ background-position:7px -19px; }
	ul#nav li#nav_trailer a.currpage,
	ul#nav li#nav_trailer a:hover 		{ background-position:-124px -19px; }
	ul#nav li#nav_signup a.currpage,
	ul#nav li#nav_signup a:hover 		{ background-position:-255px -19px; }
	ul#nav li#nav_resources a.currpage,
	ul#nav li#nav_resources a:hover 	{ background-position:-347px -19px; }
	ul#nav li#nav_friends a.currpage,
	ul#nav li#nav_friends a:hover 		{ background-position:-515px -19px; }
	ul#nav li#nav_screenings a.currpage,
	ul#nav li#nav_screenings a:hover 	{ background-position:-685px -19px; }

#buttons { overflow:hidden; zoom:1; padding:17px 0 0 254px; }
#buttons li { float:left; width:133px; }
#buttons li a { height:30px; margin-right:14px; }


#footer { clear:both; background:url(../img/bgseparatorrepeat.gif) center top repeat-x; }
#footer .helper { background:url(../img/bgseparator.jpg) center top no-repeat; }
#footer .wrapper { background:url(../img/bgfooter.jpg) center 76px no-repeat; padding-bottom:50px; }
#footer .copy { height:370px; }
#footer .copy * { visibility:hidden; }


ul#social { text-align:center; }
ul#social li { display:inline; padding:0 5px; }


.htmlarea { }
.htmlarea h1 { font-size:15px; font-weight:bold; text-transform:uppercase; margin-bottom:0.3em; }
.htmlarea h2, 
.htmlarea h3,
.htmlarea h4,
.htmlarea h5,
.htmlarea h6 { font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:0.2em; color:#6b0000; }
.htmlarea p { margin-bottom:1.2em; line-height:1.8em; }

.col { width:370px; float:left; }

.resource { overflow:hidden; zoom:1; padding-top:15px; }
.resource .image { width:120px; float:left; }
.resource .info { width:230px; float:left; }



/* HOME */
#home { padding-top:15px; }
#home img { display:block; margin:0 auto; }


/* ABOUT */
#about { background:url(../img/money.jpg) right top no-repeat; min-height:300px; height:auto !important; height:300px; }
#about .htmlarea { width:330px; padding-top:30px; }

/* TRAILER */
#youtube { text-align:center; padding:15px 0 0 0; }
#trailernav { text-align:center; padding:15px 0 20px 0; }
#trailernav li { display:inline; padding:0 20px; }
#trailernav li a { text-transform:uppercase; }

/* SIGN UP */
#signup { padding:40px 0 80px 0; overflow:hidden; zoom:1; }
#signup .htmlarea { width:350px; float:left; }
#signup .form { background:url(../img/bgsignupform.gif) left top no-repeat; width:369px; height:200px; float:right; }
#signup legend { display:none; }
#signup label { overflow:hidden; text-indent:-9999px; display:block; }
#signup input { display:block; background:transparent; border:0; width:162px; padding:15px 4px 0 7px; }
#signup .form div { width:190px; height:57px; float:left; }

	#signup .form div#field-Email 				{ width:176px; }
	#signup .form div#field-City 				{ width:176px; }
	#signup .form div#field-State 				{ width:127px; }
	#signup .form div#field-State input 		{ width:100px; }
	#signup .form div#field-PostalCode 			{ width:128px; }
	#signup .form div#field-PostalCode input 	{ width:100px; }
	#signup .form div#field-Country 			{ width:114px; }
	#signup .form div#field-Country input 		{ width:100px; }
	
	#signup .form div.buttons { width:100%; }
	#signup .form button { display:block; float:right; width:115px; height:30px; overflow:hidden; text-indent:-9999px; border:0; background:transparent; cursor:pointer; }


/* RESOURCES */
#resources { padding:40px 0 80px 0; overflow:hidden; zoom:1; }


/* FRIENDS */
#friends { padding:40px 0 80px 0; overflow:hidden; zoom:1; }


/* SCREENINGS */
#screenings { padding:40px 0 80px 0; overflow:hidden; zoom:1; }