/* CSS Document */
body, h1, h2, h3, h4, h5, h6, form, table, p, img, ul, ol, li, td { margin: 0; padding: 0; border: 0; }
body { background: #000; font-family: Arial, Helvetica, sans-serif; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
a { color: #CC0000; }
a:hover { color: #800000; }

#container { position: relative; width: 950px; margin: 0 auto; min-height: 900px; background: #000 url(../images/bg-curtains.jpg) top left repeat-y; }
* html #container { height: 900px; }

#content { position: relative; width: 670px; padding: 0 140px; background: url(../images/bg-curtains-top.jpg) top left no-repeat!important; }

	#content #header { position: relative; width: 670px; height: 500px; background: url(../images/bg-header.jpg) top left no-repeat; }
	#content .header-home { height: 555px!important; background: url(../images/bg-header-home.jpg) top left no-repeat!important; }
	
	#content #header h1, #content #header .hide { display: none; }
	
	#content #header ul { position: absolute; top: 12px; left: 305px; list-style-type: none; padding: 0 0 0 18px; background: url(../images/lock.gif) center left no-repeat; }
	#content #header ul li { position: relative; display: inline; border-right: 2px solid #fff; padding: 0 7px 0 4px; }
	#content #header ul li.last { border: 0; padding: 0 0 0 5px; }
	#content #header ul li a { color: #fff; font-size: 21px; text-decoration: none; }
	
	#content #header #trailer { position: absolute; left: 285px; top: 225px; }	
	#content #header #trailer #flash { position: relative; width: 360px; height: 240px; border: 2px solid #fff; margin: 0 auto; background: url(../images/bg-flash.jpg) top left no-repeat; }
	#content #header #trailer #flash p { margin: 10px; color: #fff; } 
	#content #header #trailer p { position: relative; color: #0da8cf; font-weight: bold; font-size: 20px; margin: 6px 0 0 0; text-align: center;}
	#content #header #trailer p.note { position : relative; color: #fff; font-size: 10px!important; text-align: center; }
	#content #header #trailer p.pitch { position : relative; color: #fff; font-size: bold 10px!important; text-align: center; }	
	#content #header #trailer p span { color: #ff9600; }
	#content #header #trailer a { position: relative; text-align: center; color: #fff; font-size: 31px; font-weight: bold; }

	#content #home-content { position: relative; width: 630px; padding: 0 20px; background: #000 url(../images/bg-homecontent.jpg) top left no-repeat; z-index: 10; overflow: hidden; }
	#content h2 { font-size: 26px; font-weight: bold; color: #ff9600; }
	#content h3 { font-size: 19px; font-weight: bold; color: #fff; text-align: center; }
	#content #home-content div.thumbnail { position: relative; display: inline; float: left; width: 106px; height: 156px; margin: 10px 10px 0 0; padding: 5px; background: #fff; }
	#content #home-content .last { margin: 0; }
	#content #home-content div.thumbnail img { width: 106px; height: 134px; } 
	#content #home-content div.thumbnail p { position: relative; text-align: center; font-size: 13px; font-weight: bold; margin: 2px 0 0 0; }
	#content #home-content div.thumbnail p a { color: #000; text-decoration: none; }
	#content #home-content div.thumbnail p a:hover { text-decoration: underline; }
	#content #home-content p.joinlink { position: relative; width: 100%; text-align: center; margin: 10px 0 5px 0; } 
	#content #home-content p.joinlink a { font: bold 18px Arial, Helvetica, sans-serif; color: #ff9600; text-decoration: none; }

	#content #btn-anniversary { display: block; width: 670px; height: 148px; margin: 20px 0; background: url(../images/5thanniversary.jpg) top left no-repeat; }
	#content #btn-anniversary strong { display: none; }

	#content #page-content { position: relative; width: 630px; padding: 0 20px; z-index: 10; overflow: hidden; color: #fff;font-size: 12px; }
	#content #page-content p { margin: 12px 0; font-size: 12px; }
	#content #page-content ul { margin: 0 0 0 20px; }

	#content #footer { position: relative; padding: 25px 0; z-index: 100!important; }
	#content #footer p { text-align: center; color: #fff; font-size: 11px; }
	#content #footer p a { color: #fff; text-decoration: none; }
	#content #footer p a:hover { text-decoration: underline; }
	#content #footer h3 { margin: 20px 0; }

	#content #footer .site-buttons { background: url(../images/bg-logos.jpg) 0 0 no-repeat; }
	#content #footer a.linkbutton { position: relative; display: block; float: left; width: 120px; height: 80px; margin: 10px 5px 0 0; }
	#content #footer a.linkbutton span { display: none; }
	
	#content #footer ul { position: relative; margin: 30px 0 0 0; list-style-type: none; width: 100%; text-align: center;}
	#content #footer ul li { position: relative; display: inline; border-right: 1px solid #ff9600; padding: 0 9px 0 5px; font-size: 11px; }
	#content #footer ul li a { color: #ff9600; text-decoration: none; }
	#content #footer ul li a:hover { text-decoration: underline; }
	#content #footer ul .last { border: 0!important; }

#bottom { display: none; position: absolute; width: 950px; height: 274px; bottom: 0; background: url(../images/bg-curtains-bottom.gif) top left no-repeat; z-index: 0; }


/************* Login section ******************/
#container-login { position: relative; width: 1153px; margin: 0 auto; min-height: 900px; background: #000 url(../images/bg-curtains-login.jpg) top left repeat-y; }
* html #container-login { height: 900px; }

#container-login #content { position: relative; width: 870px; padding: 0 140px; background: url(../images/bg-curtains-top-login.jpg) top left no-repeat!important; }
	#container-login #content #header { position: relative; width: 872px; height: 104px; background: url(../images/bg-header-login.jpg) top left no-repeat; }
	#container-login #content #header h1, #content #header .hide { display: none; }
	
	
	
#warning { position: relative; overflow: hidden; width: 760px; margin: 0 auto; text-align: center; padding-bottom: 50px; }
#warning div { position: relative; height: 50px; margin: 25px 0; }
#warning img { position: relative; margin: 0 auto; }
#warning a#enter { position: absolute; width: 243px; height: 52px; left: 100px; background: url(../images/warning-btn-enter.gif) top left no-repeat; }
#warning a#exit { position: absolute; width: 243px; height: 52px; right: 100px; background: url(../images/warning-btn-exit.gif) top left no-repeat; }
#warning a { color: #ccc; font-weight: bold; }
#warning a span { display: none; }
#warning p { margin: 10px 0; color: #ccc; }