/*

- sgplayland.com
- designed by
- switch creative group
- groupswitch.com

*/

/* ! ---- COLORS ---- */
/* ---------------------------------------------------- */
/*

	#006600 - dk green
	#EAA211 - orange
	#AF5020 - brown
	#004169 - navy blue

*/



/*

Table of Contents

1. Universal Declarations
2. Structure
	2.1. Header
	2.2. Content
	2.3. Comments
	2.4  Sidebar
	2.5  Footer
3. Lists
4. Headings
5. Images
6. Forms
7. Page Specific
8. Extras

*/


/* ! ---- UNIVERSAL SELECTORS ---- */
/* ----------------------------------------------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		/* Resets all margins and paddings on the page */
		}
		
	body {
		background: #006600 url(../__images/00-base/background.gif) repeat-x;
		font-family: Arial, Helevetica, Verdana, sans-serif;
		font-size: 62.5%; /* Sets the page font to 10px */
		}
			
	ul {
		list-style-type: none;
		}
	
	* a:link, * a:visited, * a:hover, * a:active {
		color: #1A1A1A;
		text-decoration: none;
		}
		
	* a:hover {
		cursor: pointer;
		/* works well for onclick anchors */
		}
	
	* p {
		text-align: left;
	}
	
	:link img {
		border: none;
		}
	
	* img {
		border: none;
		}
	
	a img {
		border: none;
		}
	
	:link img, :active img {
		border: none;
		}


/* ! ---- STRUCTURE ---- */
/* ----------------------------------------------------------------------------- */
	
	#outer_container {
		margin: 0 auto;
		position: relative;
		width: 1000px;
		}
	
	#container {
		margin: 0 auto;
		width: 873px;
		}
	
	#container_top {
		background: transparent url(../__images/00-base/main_content_top.gif) no-repeat;
		height: 29px;
		}
	
	#container_middle {
		background: transparent url(../__images/00-base/main_content_middle.gif) repeat-y;
		position: relative;
		}
	
	#container_bottom_index {
		background: transparent url(../__images/00-base/main_content_index_bottom.gif) no-repeat;
		height: 36px;
		}
	
	
	/* ! ---- INDEX (HOME) ---- */
	/* ----------------------------------------------------------------------------- */
		
		#home_character {
			position: absolute;
				left: -35px;
				top: -60px;
			}
		
		#big_news {
			height: 25px;
			margin: 5px 90px 0 0;
			}
		
		#big_news #news_img {
			float: right;
			}
		
		#big_news #news_item {
			color: #EAA211;
			float: right;
			font-size: 1.4em;
			font-weight: bold;
			padding: 3px 5px;
			}
		
		#main_content_index {
			color: #004169;
			font-size: 14px;
			padding: 30px 0 50px 460px;
			width: 380px;
			}
		
		#main_content_index p {
			line-height: 1.5em;
			margin-bottom: 1.5em;
			}


	/* ! ---- NAV (HOME) ---- */
	/* ----------------------------------------------------------------------------- */		
		
		ul#navlist_index {
			height: 57px;
			}
	
		ul#navlist_index li {
			float: left;
			height: 57px;
			}
	
		ul#navlist_index li a {
			display: block;
			height: 57px;
			}
		
		ul#navlist_index li a span {
			display: none;
			}
		
		/* location */
		ul#navlist_index a.location {
			background: transparent url(../__images/01-index/nav/01_location.gif) no-repeat 0 0;
			width: 199px;
			}
		
		ul#navlist_index a:hover.location {
			background: transparent url(../__images/01-index/nav/01_location.gif) no-repeat -199px 0;
			}
		
		/* menu */
		ul#navlist_index a.menu {
			background: transparent url(../__images/01-index/nav/02_menu.gif) no-repeat 0 0;
			width: 127px;
			}
		
		ul#navlist_index a:hover.menu {
			background: transparent url(../__images/01-index/nav/02_menu.gif) no-repeat -127px 0;
			}
			
		/* parties */
		ul#navlist_index a.parties {
			background: transparent url(../__images/01-index/nav/03_parties.gif) no-repeat 0 0;
			width: 143px;
			}
		
		ul#navlist_index a:hover.parties {
			background: transparent url(../__images/01-index/nav/03_parties.gif) no-repeat -143px 0;
			}
		
		/* calendar */
		ul#navlist_index a.calendar {
			background: transparent url(../__images/01-index/nav/04_calendar.gif) no-repeat 0 0;
			width: 166px;
			}
		
		ul#navlist_index a:hover.calendar {
			background: transparent url(../__images/01-index/nav/04_calendar.gif) no-repeat -166px 0;
			}
		
		/* contact */
		ul#navlist_index a.contact {
			background: transparent url(../__images/01-index/nav/05_contact.gif) no-repeat 0 0;
			width: 238px;
			}
		
		ul#navlist_index a:hover.contact {
			background: transparent url(../__images/01-index/nav/05_contact.gif) no-repeat -238px 0;
			}




	/* ! ---- BOTTOM (HOME) ---- */
	/* ----------------------------------------------------------------------------- */	
		
		#bottom_index {
			position: absolute;
				left: 184px;
				bottom:0;
			width: 717px;
			}
		
		#bottom_index #index_socks {
			position: absolute;
				top: 0;
				left: 0;
			}
		
		#bottom_index #index_admission {
			position: absolute;
				top: -1px;
				left: 184px;
			}
		
		#bottom_index #index_hours {
			position: absolute;
				top: 0;
				left: 402px;
			}
		
		#bottom_index #index_host {
			position: absolute;
				top: -1px;
				left: 580px;
			}
		
		#bottom_index #index_host a {
			background: transparent url(../__images/01-index/host_party.gif) no-repeat 0px 1px;
			display: block;
			height: 124px;
			width: 132px;
			}
		
		#bottom_index #index_host a:hover {
			background: transparent url(../__images/01-index/host_party.gif) no-repeat -132px 1px;
			}
		
		
		/* ! ---- CTAs ---- */
		/* ----------------------------------------------------------------------------- */
			
			#cta {
				position: relative;
				}
			
			#cta_top {
				background: url(../__images/01-index/cta_top.png) no-repeat;
				height: 18px;
				width: 440px;
				}
			
			#cta_bottom {
				background: url(../__images/01-index/cta_bottom.png) no-repeat;
				height: 18px;
				margin-bottom: -40px;
				margin-top: -2px;
				width: 440px;
				}
			
			#cta_middle {
				background: url(../__images/01-index/cta_middle.png) repeat-y;
				width: 440px;
				}
			
			#cta h5 {
				display: block;
				line-height: 1.0em;
				font-size: 36px;
				font-weight: bold;
				margin: -2px 0 0;
				padding: 1px 15px 1px 15px;
				}
			
			#cta p {
				line-height: 1.2em;
				margin: 5px 0 0;
				padding: 0 15px;
				}
				
				
				

/* ! ---- FOOTER ---- */
/* ----------------------------------------------------------------------------- */
	
	#footer {
		color: #fff;
		margin: 10px 0 30px;
		padding-left: 90px;
		}


/* ! ---- MISC. ---- */
/* ----------------------------------------------------------------------------- */
	
	.big_brown {
		color: #AF5020;
		font-size: 21px;
		}
	
	.clear {
		clear: both;
		}
	
	.hidden {
		display: none;
		}