/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DEFINITIONS:	Layout
	AUTHOR:			Tony Espinosa
	VERSION:		11.8.2009

	CONTENTS:

	1				Essentials
	2				Header
	3				Navigation
	4				Content
	5				Promo Slide

-----------------------------------------------------------------
-------------------------------------------------------------- */

/*	1)	Essentials */
body { background-color: black; background-image: url(../images/layout/page_bkgd.jpg); background-repeat: no-repeat; background-position: center 0; margin: 0; }
p { }
td { }
a:link, a:visited, a:hover, a:active { color:#ff4e2c; text-decoration:none;}.wrap { text-align: center; width: 100%; }

/*	2)	Header */
.head { background-image: url(../images/layout/header.jpg); background-repeat: no-repeat; background-position: center 0; text-align: center; width: 950px; height: 293px; margin-right: auto; margin-left: auto; }
.headtop { width: 940px; height: 167px; margin-right: auto; margin-left: auto; padding: 0; }

/*	3)	NAVIGATION */
.menu			{ text-align:center; width:950px; height:91px; margin-left:auto; margin-right:auto; padding: 0; display: block; }
ul#nav 			{background-color:transparent;background-image:url("../images/layout/menu_flat.jpg");background-repeat:no-repeat;margin:0}
ul#nav li 		{list-style-type:none;float:left;margin:0}
ul#nav li a 	{text-indent:-9999px;display:block;height:91px;outline:none;margin:0}

li#navHome a, li#navAccount a, li#navRequest a, li#navShows a , li#navTipjar a {background:url("../images/layout/menu_flat.jpg")}

li#navHome a 							{background-position:0px 0;left:0;width:163px}
li#navHome a:hover						{background-position:0px -91px}
body#pageHome li#navHome a 				{background-position:0px -91px}

li#navAccount a 						{background-position:-163px 0;left:0;width:182px}
li#navAccount a:hover					{background-position:-163px -91px}
body#pageAccount li#navAccount a 		{background-position:-163px -91px}

li#navRequest a 						{background-position:-345px 0;left:0;width:182px}
li#navRequest a:hover					{background-position:-345px -91px}
body#pageRequest li#navRequest a 		{background-position:-345px -91px}

li#navShows a 							{background-position:-527px 0;left:0;width:182px}
li#navShows a:hover						{background-position:-527px -91px}
body#pageShows li#navShows a 			{background-position:-527px -91px}

li#navTipjar a 							{background-position:-709px 0;left:0;width:158px}
li#navTipjar a:hover					{background-position:-709px -91px}
body#pageTipjar li#navTipjar a 			{background-position:-709px -91px}

/*	4)	Content */
.container { background-image: url(../images/layout/header.jpg); background-repeat: no-repeat; background-position: center -293px; text-align: center; width: 940px; height: 400px; margin-right: auto; margin-left: auto; }
.container marquee { color: #fed90f; font-size: 12px; font-family: arial; line-height: 13px; text-decoration: none; margin-top: 8px; margin-bottom: 8px; }

/*	5)	Promo Slide */
#stage{width:795px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:350px; margin:0 auto;}
#slider-buttons{text-align:center;width:870px; margin:5px auto 0;}
	#slideList{width:1845px; border:0; margin:0; padding:0; left:400px;}
	#slideList li{ font-family: arial; list-style:none; margin:0 25px 0 0; padding:0; border:0; background:transparent; text-align: left; float:left; width:180px; height:350px; }
#slideList li img { margin-bottom: 10px; border: solid 1px black; display: block; }
#slideList li strong { color: #ff8522; font-size: 1em; line-height: 1em; text-decoration: none; margin-bottom: 4px; display: block; }
#slideList li em { color: #ff8522; font-size: 0.8em; line-height: 0.8em; text-decoration: none; margin-bottom: 5px; display: block; }
#slideList li p { color: #ab9843; font-size: 0.8em; line-height: 1.4em; text-decoration: none; margin: 0; display: block; }