/* ========================================================================= */
/* FONTS		                                                              */
/* ========================================================================= */

@font-face { font-family: 'SFMoviePosterRegular';
	src: url('../fonts/SFMoviePoster/SF_Movie_Poster.eot');
	src: local('SF Movie Poster Regular'), local('SFMoviePoster'), url('../fonts/SFMoviePoster/SF_Movie_Poster.ttf') format('truetype'); }

@font-face {
	font-family: 'SFMoviePosterBold';
	src: url('../fonts/SFMoviePoster/SF_Movie_Poster_Bold.eot');
	src: local('SF Movie Poster Bold'), local('SFMoviePoster-Bold'), url('../fonts/SFMoviePoster/SF_Movie_Poster_Bold.ttf') format('truetype');
}

/* ========================================================================= */
/* UNIVERSAL STYLES                                                          */
/* ========================================================================= */

	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	html, body { font-size: 12px; line-height: 150%; background: url(../images/bg_body.jpg) repeat 50% 0; color: #D4D9B2; }



/* ========================================================================= */
/* LAYOUT STYLES                                                             */
/* ========================================================================= */

	#wrapper { background: url(../images/bg_header.jpg) repeat-x 50% 0; }
	#wrapper-inner { background: url(../images/bg_header_inner.jpg) no-repeat 50% 0; }
	#header { width: 960px; margin: 0 auto; padding: 1px 0 0 0; position: relative; }
	#banner { width: 960px; height: 341px; background: url(../images/bg_banner.png) no-repeat 50% 0; clear: both; margin-top: 150px; *margin-top: 0; }
	#banner-left { width: 510px; float: left; height: 300px; margin: 20px 0 0 0; background: url(../images/bg_banner-left.jpg) no-repeat 100% 50%; }
	#banner-right { width: 414px; float: right; height: 296px; padding: 4px 0 0 0; margin: 20px 30px 0 0; background: url(../images/bg_banner-right.jpg) no-repeat 100% 50%; }
	#contentarea { width: 960px; margin: 0 auto 20px auto; background: url(../images/bg_footer.jpg) no-repeat 0 100%; overflow: hidden; margin-top: 180px; *margin-top: 50px; }
	#content-main { float: left; width: 450px; margin: 0 0 0 20px;  }
	#content-sub { float: right; width: 354px; margin: 0 20px 0 0; }
	#footer {  height: 150px; width: 960px; margin: 0 auto; clear: both; }
	


/* = INDEX STYLES ========================================================== */	

	#index #wrapper { background: url(../images/bg_header-index.jpg) repeat-x 50% 0; }
	#index #wrapper-inner { background: url(../images/bg_header-index_inner.jpg) no-repeat 50% 0; }
	#index #content-main .intro { font-size: 16px; line-height: 150%; }
	#index #contentarea { width: 960px; margin: 0 auto 20px auto; background: url(../images/bg_footer.jpg) no-repeat 0 100%; overflow: hidden;}




/* ========================================================================= */
/* ELEMENT STYLES                                                            */
/* ========================================================================= */

	h1 {  margin: 20px 0; font: normal 40px/30px SFMoviePosterRegular, Arial, Helvetica, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: #f2e6d3; text-shadow: #1A461F 0 1px 0; }
	h1 a { font: normal 40px/30px SFMoviePosterRegular, Arial, Helvetica, sans-serif; letter-spacing: 1.5px; display: block; float: right; color: #508A4E; text-decoration: none; *margin-top: -9px }
	h1 a img { vertical-align: middle; position: relative; top: -3px; }
	h2 { margin: 30px 0 5px 0; font: normal 30px/45px SFMoviePosterRegular, Arial, Helvetica, sans-serif; letter-spacing: 1.5px; word-spacing: -2px; text-transform: uppercase; color: #D4D9B2; text-shadow: #1A461F 0 1px 0; }
	h2 span { padding: 0 0 0 20px; }
	h2 span img { vertical-align: middle; position: relative; top: -3px; }
	h3 { font-size: 14px; margin: 20px 0; }
	h4 { margin: 0 0 5px 5px; font: normal 24px/45px SFMoviePosterRegular, Arial, Helvetica, sans-serif; letter-spacing: 1.5px; word-spacing: -2px; text-transform: uppercase; color: #478146; border-bottom:  1px solid #427641; }
	h4 span { padding: 0 0 0 20px; }
	h4 span img { vertical-align: middle; position: relative; top: -3px; }
	p { margin: 0 0 20px 0;  }
	ul { margin: 20px; }
	ol { margin: 20px 20px 20px 25px; }
	a { text-decoration: underline; color: #D4D9B2; }
	a:hover { text-decoration: none; }
	a:focus { border: none; outline: none; }
	a img { border: none; }
	blockquote { margin: 20px 20px 0 20px; }
	cite { margin: 0 20px 20px 20px; }
	hr { border: none; background: #467B3F; height: 1px; margin: 40px 0; }

	

/* = ELEMENT STYLES: Classes and ID's ====================================== */	

	h1.logo { float: left; margin: 0 0 0 -100px; }
	h1.logo a { display: block; text-indent: -9000px; background: url(../images/logo.png) no-repeat 0 0; width: 470px; height: 136px; float: none; }
	
	p.celebrating { float: right; font: normal 16px 'SFMoviePosterBold', Arial, Helvetica, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: #1C4B26; margin-top: 10px; }
	p.celebrating img { vertical-align: middle; padding: 0 2px; margin-top: -2px; }
	
	ul.tabs { float: left; list-style: none; margin: 10px 0 0 0; }
	ul.tabs li { padding: 0 0 5px 0; }
	ul.tabs a { display: block; text-decoration: none; width: 84px; background: url(../images/bg_tab.png) no-repeat 100% -100px; font: normal 22px/38px 'SFMoviePosterBold', Arial, Helvetica, sans-serif; letter-spacing: 1.5px; letter-spacing /*\**/: 1px\9; text-transform: uppercase; color: #f2e6d3; text-align: right; padding: 0 15px 2px 0; text-shadow: #AE4240 0 1px 0;  }
	li.active a,
	ul.tabs a:hover { background: url(../images/bg_tab.png) no-repeat 100% 0; color: #f2e6d3; padding: 0 20px 2px 0; width: 79px; text-decoration: none; }
	.tab_container { float: left; padding: 5px 0 0 0; height: 294px; width: 405px; overflow: hidden; }
	
	#tab_content { height: 292px !important; width: 406px !important; overflow: hidden; left: 4px; }
	
	#tabnav { margin-top: 25px; float:right; }/*position: absolute; top: 490px; right: 20px; z-index: 1000; */
	#tabnav a { display: inline-block; *display: block; *float: left;width: 16px; height: 20px; background: url(../images/bg_bullets.gif) no-repeat 50% 0; text-indent: -9000px; text-decoration: none; }
	#tabnav a.activeSlide,
	#tabnav a:hover { background: url(../images/bg_bullets.gif) no-repeat 0 -100px; }

	ul#twitter_update_list { margin: 0; list-style: none; background: url(../images/bg_twitter.png) repeat 0 0; padding: 20px; overflow: hidden; }
	ul#twitter_update_list li { font-size: 12px; line-height: 150%; }
	ul#twitter_update_list a.tweet-time { font-style: normal; font-size: 10px; display: block; float: right; text-align: right; color: #D4D9B2; text-decoration: none; }
	ul#twitter_update_list a.tweet-time:hover { text-decoration: underline; }
	
	ul#images { margin: 0 0 10px 0; list-style: none; overflow: hidden; }
	ul#images li { float: left; margin: 0 15px 15px 0; }
	ul#images li a { border: 3px solid #D4D9B2; display: inline-block; }
	ul#images li a img { border: 1px solid #906b5b; }
	ul#images li a:hover { border: 3px solid #fff; }
	ul#images li a:hover img { border: 1px solid #fff; }
	ul#images + p { margin: 0; }
	
	#menu h2 { margin: 5px 0; cursor: pointer; }
	#menu h2 span { font: normal 30px/45px SFMoviePosterRegular, Arial, Helvetica, sans-serif; letter-spacing: 1.5px; color: #508A4E; }
	
	ul.menu { margin: 0 0 20px 0; list-style: none; }
	ul.menu li { border-bottom: 1px solid #487654; padding: 10px 0; font-size: 11px; }
	ul.menu li em { font: normal 20px/100% SFMoviePosterRegular, Arial, Helvetica, sans-serif; letter-spacing: 1.5px; display: block; float: right; }
	ul.menu li strong { font-size: 12px; text-transform: uppercase; }
	
	.block { background: url(../images/bg_sidebar.jpg) no-repeat 0 100%; margin: 0; padding: 0 0 20px 0;  }
	.block .twitter,
	.block .flickr { background: url(../images/bg_sidebar.jpg) no-repeat 0 0;}
	.block h3 { font: normal 24px 'SFMoviePosterBold', Arial, Helvetica, sans-serif; letter-spacing: 1.5px; word-spacing: -2px; color: #8D6E3A; text-transform: uppercase; padding: 30px 0 0 20px; overflow: hidden; margin: 0; }
	.block h3 a { display: block; float: right; margin-top: -30px; *margin-top: -60px; }
	.block p { color: #605646; padding: 0 30px; margin: 20px 0; }
	.block a { color: #225A2B; }
	.block img { color: #605646; margin: 10px 0 0 30px; }
	.block ul { color: #605646; padding: 0 30px; margin: 10px 0 20px 20px; }
	.block ul li {padding: 0 0 3px 0; }
	.block ul li img {margin: 0;}
	.block ul#twitter_update_list { background: none; padding: 0 20px 20px 20px; }
	.block ul#twitter_update_list li { overflow: hidden; border-bottom: 1px solid #C8B492; color: #605646; font-style: normal; padding: 10px 0; }
	.block ul#twitter_update_list li a { color: #605646; }
	.block ul#twitter_update_list li a.tweet-time { font-weight: bold; text-transform: uppercase; }
	.block ul#images { padding: 10px 20px 20px 30px; }
	.block ul#images li a { border: 4px solid #BAB2A4; }
	.block ul#images li a:hover { border: 4px solid #8f8574; }
	.block ul#images li a:hover img { border: 1px solid #8f8574; }
		
	img.old { background: url(../images/bg_image.png) no-repeat 50% 50%; padding: 22px 18px 23px 15px; margin: 20px 0; }

	p.copyright { width: 920px; margin: 0 auto 20px auto; color: #467c40; }
	p.copyright a { color: #467c40; }
	p.copyright span { float: right; }
	
	ul.timeline { margin: 0 0 20px 0; list-style: none; }
	ul.timeline li { border-bottom: 1px solid #487654; padding: 30px 0; overflow: hidden; }
	ul.timeline li strong { font: normal 24px SFMoviePosterRegular, Arial, Helvetica, sans-serif; letter-spacing: 1.5px; display: block; float: left; color: #508A4E; }
	ul.timeline li em { display: block; margin-left: 150px; font-style: normal; }
	ul.timeline img { display: block; float: left; margin: 0 0 0 50px; *margin: 0 0 0 30px; width: 75px; position: absolute; z-index: 10; }
	ul.timeline img:hover { width: auto; position: absolute; margin: 0 0 20px 30px; z-index: 20; cursor: pointer; padding: 3px; background: #fff; border: 1px solid #000; }
	
	
	iframe#no_ie6 { width: 600px; height: 300px; overflow: hidden; border: 4px solid #777; position: absolute; top: 50px; left: 50%; margin-left: -300px; z-index: 100; }
	
	


/* ========================================================================= */
/* NAV STYLES                                                                */
/* ========================================================================= */

	ul#nav { margin: 30px 10px 0 0; float: right; list-style: none; clear: right; *width: 600px; }
	ul#nav li { float: left; }
	ul#nav li a { text-decoration: none; font: normal 24px 'SFMoviePosterBold', Arial, Helvetica, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; color: #1C4B26; padding: 0 7px 3px 7px;  padding /*\**/: 0 5px 3px 5px\9; display: block; line-height: 40px; }
	ul#nav li a.on,
	ul#nav li a:hover { text-decoration: none; background: url(../images/bg_nav.png) no-repeat 50% 0; } 



/* ========================================================================= */
/* FORM STYLES                                                               */
/* ========================================================================= */


	form { margin: 0 0 20px 0; }
	form ul { margin: 0; padding: 0; }
	form li { list-style: none; }
	form li ul { margin: 0; }
	label.description { display: block; font-weight: bold;  }
	label.choice { padding-left: 5px; }
	input.text { width: 300px; color: #D4D9B2; }
	input.checkbox {  }
	input.radio {  }
	input.submit { font: normal 18px 'SFMoviePosterBold', Arial, Helvetica, sans-serif; letter-spacing: 1.5px; color: #D4D9B2; }
	textarea { width: 300px; height: 100px; font-size: 12px; }
	select { width: 300px; }
	
	input.text { width: 258px; background: url(../images/bg_input.jpg) no-repeat 0 0; border: none; padding: 10px 5px; }
	input.text { width: 258px; background: url(../images/bg_input.jpg) no-repeat 0 0; border: none; padding: 10px 5px;  }
	input.text { padding-top /*\**/: 8px\9; *padding: 4px 5px 10px 5px;}
 	input.submit { width: 44px; height: 30px; background: url(../images/bg_submit.jpg) no-repeat 0 0; border: none; padding: 0 5px; text-align: center; vertical-align: middle; }