*							{ margin: 0; padding: 0; }
a							{ outline: none; }
.typography a img			{ border: 1px solid #999; }
.typography a:hover img		{ border-color: #090; }

.ir					{ display: block; position: relative; overflow: hidden; }
.ir span			{ display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-repeat: no-repeat; }

html				{ height: 100%; }
body				{ height: 100%; background: black; font-family: Trebuchet MS, Arial, sans-serif; }
#shell				{ min-width: 980px; max-width: 1540px; height: 100%; margin: auto; position: relative; }

/*
* Background
*/

#background			{ width: 100%; height: 100%; background-position: center; }
#top_fade			{ width: 100%; height: 265px; position: fixed; z-index: 5; top: 0px; background-image: url(../images/top_fade.png); }
#bottom_fade		{ width: 100%; height: 365px; position: fixed; z-index: 4; bottom: 0px; background-image: url(../images/bottom_fade.png); }

/*
* Navigation and bolts
*/

#top					{ position: fixed; z-index: 9; left: 0px; top: 0px; width: 100%; height: 20px; background-image: url(../images/bolts_top.gif); z-index: 10; }

#navigation_container	{ position: fixed; z-index: 10; bottom: 0; left: 0; padding: 0; margin: 0;
						  width: 100%; height: 120px; min-width: 980px;  }
#navigation,
#navigation_fallback	{ padding: 0; margin: 0; width: 100%; height: 120px; overflow: hidden; display: none; }
#navigation object		{ position: absolute; bottom: 0; }
#navigation_container.over,
#navigation.over		{ height: 500px; }

/*
* Content frame
*/

#frame					{ width: 861px; height: 392px; position: absolute; top: 50%; left: 50%; z-index: 7; margin: -274px 0px 0px -468px; padding: 28px 38px 128px 38px; background: url(../images/frame.png) no-repeat; }

/* Header */

#header						{ height: 37px; padding: 8px 0px; margin-bottom: 15px; background: url(../images/header_border.gif) repeat-x bottom; }
#section_icon				{ position: absolute; }
#section_icon_placeholder	{ float: left; height: 37px; }
#header h1					{ float: left; margin-left: 3px; }
#header h2					{ float: left; margin: 9px 0px 0px 15px; color: #ccc; text-transform: uppercase; font-style: italic; font-size: 18px; }
#header a.top_right_button	{ float: right; color: #999; font-size: 0.7em; }
#header a.top_right_button:hover
							{ color: #ccc; }
#header .close_button		{ position: absolute; right: -13px; top: -10px; display: block; width: 44px; height: 43px; background-image: url(../images/close_button.png); }
#header .close_button:hover	{ background-position: 0px -43px; }

/* Content Window */

#content_window			{ float: left; position: relative; width: 860px; height: 327px; overflow: hidden; }
#content_container		{ float: left; position: relative; height: 327px; }
.page					{ float: left; width: 860px; height: 327px; }
#frame .button			{ display: block; position: absolute; width: 59px; height: 60px; top: 193px; }
#frame .button:hover	{ background-position: 0px -60px; }
#frame .button.previous	{ background-image: url(../images/button_previous.png); left: -20px; }
#frame .button.next		{ background-image: url(../images/button_next.png); left: 898px; }
#frame.first_page .button.previous { display: none; }
#frame.last_page .button.next	{ display: none; }

#frame.closed #content_window,
#frame.closed #section_icon,
#frame.closed h1,
#frame.closed h2,
#frame.closed a.top_right_button,
#frame.closed div#info_box,
#frame.closed a#previous_button,
#frame.closed a#next_button				{ visibility: hidden; }
#frame.closed,
#frame.closed #header					{ background: none; }
#frame.closed #header .close_button		{ background-image: url(../images/open_button.png); }

#section_icon.information				{ width: 76px; height: 54px; left: 31px; top: 28px; background-image: url(../images/icon_info.gif); }
#section_icon_placeholder.information	{ width: 76px; }
#section_icon.merch-tent				{ width: 78px; height: 60px; left: 29px; top: 22px; background-image: url(../images/icon_merch.gif); }
#section_icon_placeholder.merch-tent	{ width: 75px; }
#section_icon.ffd-dealer				{ width: 83px; height: 68px; left: 16px; top: 16px; background-image: url(../images/icon_wholesale.gif); }
#section_icon_placeholder.ffd-dealer	{ width: 75px; }
#section_icon.contact-3					{ width: 114px; height: 59px; left: 3px; top: 24px; background-image: url(../images/icon_contact.gif); }
#section_icon_placeholder.contact-3		{ width: 77px; }

/*
* Title image replacements
*/

.ir.gig-guide_title			{ width: 129px; height: 28px; }
.ir.gig-guide_title span	{ background-image: url(../images/title_gig_guide.gif); }

.ir.flashback_title			{ width: 159px; height: 28px; }
.ir.flashback_title span	{ background-image: url(../images/title_flashback.gif); }

.ir.gallery_title			{ width: 115px; height: 28px; }
.ir.gallery_title span		{ background-image: url(../images/title_gallery.gif); }

.ir.media_title				{ width: 83px; height: 28px; }
.ir.media_title span		{ background-image: url(../images/title_media.gif); }

.ir.thank-yous_title		{ width: 161px; height: 28px; }
.ir.thank-yous_title span	{ background-image: url(../images/title_thank_yous.gif); }

.ir.merch-tent_title		{ width: 173px; height: 28px; }
.ir.merch-tent_title span	{ background-image: url(../images/title_merch_tent.gif); }

.ir.wholesale_title			{ width: 152px; height: 28px; }
.ir.wholesale_title span	{ background-image: url(../images/title_ffd_dealer.gif); }

.ir.contact_title			{ width: 123px; height: 28px; }
.ir.contact_title span		{ background-image: url(../images/title_contact.gif); }

/*
* Form elements
*/

.radio_button				{ display: block; float: left; margin-right: 2px; margin-top: -3px; width: 18px; height: 22px; background-image: url(../images/checkbox.gif); }
.radio_button.radio_checked	{ background-position: 0px 22px; }

form input.text,
form textarea				{ border: 1px solid #666666; font-size: 14px; font-family: Trebuchet MS, Arial, sans-serif; }
form select					{ background: white; }

/* Fancy buttons (red glowy thing with screws behind it) */
.fancy_button a						{ margin: auto; height: 35px; background: #9e0000; text-align: center; font-size: 0.9em; color: black; font-style: normal; }
.fancy_button a:hover				{ background: #d00202; text-decoration: none; }

.fancy_button a:hover span			{ background-position: 0px -35px; }

.fancy_button						{ height: 35px; background: url(../images/header_border.gif) repeat-x center; position: relative; float: left; width: 100%; }

.fancy_button .screw_1,
.fancy_button .screw_2				{ position: absolute; height: 6px; width: 6px; overflow: hidden; background-repeat: no-repeat; }
.fancy_button .screw_1				{ background-image: url(../images/screw_1.gif); }
.fancy_button .screw_2				{ background-image: url(../images/screw_2.gif); }
.fancy_button #screw_1,
.fancy_button #screw_3				{ left: 130px; }
.fancy_button #screw_2,
.fancy_button #screw_4				{ right: 130px; }
.fancy_button #screw_1,
.fancy_button #screw_2				{ top: 3px; }
.fancy_button #screw_3,
.fancy_button #screw_4				{ bottom: 3px; }

.fancy_button_narrow #screw_1,
.fancy_button_narrow #screw_3		{ left: 52px; }
.fancy_button_narrow #screw_2,
.fancy_button_narrow #screw_4		{ right: 52px; }

.fancy_button_no_background			{ background: none; }