/*

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

*/

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

	#006600 - dk green
	#EAA211 - orange
	#AF5020 - brown
	#003D5B - navy blue
	#00B4FF - light 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: 30px 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 {
		background: transparent url(../__images/00-base/main_content_bottom.gif) no-repeat;
		height: 36px;
		}



	/* ! ---- MAIN NAV ---- */
	/* ----------------------------------------------------------------------------- */		
		
		ul#navlist {
			height: 92px;
			}
	
		ul#navlist li {
			float: left;
			height: 92px;
			}
	
		ul#navlist li a {
			display: block;
			height: 92px;
			}
		
		ul#navlist li a span {
			display: none;
			}
		
		/* home */
		ul#navlist a.home {
			background: transparent url(../__images/00-base/typ_nav/01_home.gif) no-repeat 0 0;
			width: 134px;
			}
		
		ul#navlist a:hover.home {
			background: transparent url(../__images/00-base/typ_nav/01_home.gif) no-repeat -134px 0;
			}
		
		/* location */
		ul#navlist a.location {
			background: transparent url(../__images/00-base/typ_nav/02_location.gif) no-repeat 0 0;
			width: 140px;
			}
		
		ul#navlist a:hover.location {
			background: transparent url(../__images/00-base/typ_nav/02_location.gif) no-repeat -140px 0;
			}
		
		ul#navlist a.location_active {
			background: transparent url(../__images/00-base/typ_nav/02_location.gif) no-repeat -280px 0;
			width: 140px;
			}

		/* menu */
		ul#navlist a.menu {
			background: transparent url(../__images/00-base/typ_nav/03_menu.gif) no-repeat 0 0;
			width: 109px;
			}
		
		ul#navlist a:hover.menu {
			background: transparent url(../__images/00-base/typ_nav/03_menu.gif) no-repeat -109px 0;
			}
		
		ul#navlist a.menu_active {
			background: transparent url(../__images/00-base/typ_nav/03_menu.gif) no-repeat -218px 0;
			width: 109px;
			}
		
		/* parties */
		ul#navlist a.parties {
			background: transparent url(../__images/00-base/typ_nav/04_parties.gif) no-repeat 0 0;
			width: 133px;
			}
		
		ul#navlist a:hover.parties {
			background: transparent url(../__images/00-base/typ_nav/04_parties.gif) no-repeat -133px 0;
			}
		
		ul#navlist a.parties_active {
			background: transparent url(../__images/00-base/typ_nav/04_parties.gif) no-repeat -266px 0;
			width: 133px;
			}

		/* calendar */
		ul#navlist a.calendar {
			background: transparent url(../__images/00-base/typ_nav/05_calendar.gif) no-repeat 0 0;
			width: 154px;
			}
		
		ul#navlist a:hover.calendar {
			background: transparent url(../__images/00-base/typ_nav/05_calendar.gif) no-repeat -154px 0;
			}
		
		ul#navlist a.calendar_active {
			background: transparent url(../__images/00-base/typ_nav/05_calendar.gif) no-repeat -308px 0;
			width: 154px;
			}

		/* contact */
		ul#navlist a.contact {
			background: transparent url(../__images/00-base/typ_nav/06_contact.gif) no-repeat 0 0;
			width: 203px;
			}
		
		ul#navlist a:hover.contact {
			background: transparent url(../__images/00-base/typ_nav/06_contact.gif) no-repeat -203px 0;
			}
		
		ul#navlist a.contact_active {
			background: transparent url(../__images/00-base/typ_nav/06_contact.gif) no-repeat -406px 0;
			width: 203px;
			}

	/* ! ---- MAIN CONTENT ---- */
	/* ----------------------------------------------------------------------------- */

		/* ! ---- MAIN CONTENT - LOCATIONS ---- */
		/* ----------------------------------------------------------------------------- */	
			
			#main_content_location {
				background: transparent url(../__images/02-location/title.gif) no-repeat 20px 0;
				}	
			
			#main_content_location #main_content_left {
				color: #003D5B;
				font-size: 13px;
				padding: 30px 0 50px 170px;
				width: 375px;
				}
			
			#main_content_location #main_content_left a {
				color: #AF5020;
				}
			
			#main_content_location #main_content_left a:hover {
				color: #00B4FF;
				}
			
			#main_content_location #main_content_left p {
				line-height: 1.5em;
				margin-bottom: 1.4em;
				}
			
			#main_content_location #main_content_left address {
				font-style: normal;
				line-height: 1.5em;
				margin: 0 0 50px 287px;
				width: 220px;
				}
			
			#main_content_location #main_content_left address em {
				color: #00B4FF;
				font-style: italic;
				}		

			#main_content_location #map {
				position: absolute;
					bottom: -63px;
					left: 160px;
				}
			
			#main_content_location #download a {
				background: transparent url(../__images/02-location/download.gif) no-repeat 0 0;
				height: 107px;
				position: absolute;
					bottom: -62px;
					right: -2px;
				width: 430px;
				}
			
			#main_content_location #download a:hover {
				background: transparent url(../__images/02-location/download.gif) no-repeat -430px 0;
				}
						
			#main_content_location #main_content_right {
				position: absolute;
					top: 0px;
					right: -27px;
				}
			
			#main_content_location #main_content_right img,
			#main_content_location #main_content_right .gallery {
				clear: both;
				display: block;
				float: right;
				}
			
			
			#pricingDetail {
				background: url(../__images/02-location/pricingDetail.png) no-repeat;
				cursor: pointer;
				height: 359px;
				position: absolute;
					bottom: 50px;
					right: 50px;
				width: 421px;
				}
			
			#pricingDetail:hover {	
				cursor: pointer;
				}
			

		/* ! ---- MAIN CONTENT - MENU ---- */
		/* ----------------------------------------------------------------------------- */	

			#main_content_menu {
				background: transparent url(../__images/03-menu/title.gif) no-repeat 720px 0;
				position: relative;
				}
			
			#main_content_menu #main_content_left {
				background: transparent url(../__images/03-menu/menu_lines.gif) no-repeat 143px -12px;
				float: left;
				height: 400px;
				width: 350px;
				z-index: 0;
				}
			
			
			/* ! ---- MAIN CONTENT - MENU_NAV ---- */
			/* ----------------------------------------------------------------------------- */
			
				ul#menu_nav {
					padding: 32px 0 0 17px;
					width: 167px;
					}
			
				ul#menu_nav li {
					width: 167px;
					}
			
				ul#menu_nav li a {
					display: block;
					height: 70px;
					width: 167px;
					}
				
				ul#menu_nav li a span {
					display: none;
					}
				
				/* starters */
				ul#menu_nav a.starters {
					background: transparent url(../__images/03-menu/menu_nav/01_salads.gif) no-repeat 0 0;
					}
				
				ul#menu_nav a:hover.starters {
					background: transparent url(../__images/03-menu/menu_nav/01_salads.gif) no-repeat -167px 0;
					}
				
				ul#menu_nav a.starters_active {
					background: transparent url(../__images/03-menu/menu_nav/01_salads.gif) no-repeat -334px 0;
					}
				
				/* meals */
				ul#menu_nav a.meals {
					background: transparent url(../__images/03-menu/menu_nav/02_sandwiches.gif) no-repeat 0 1px;
					}
				
				ul#menu_nav a:hover.meals {
					background: transparent url(../__images/03-menu/menu_nav/02_sandwiches.gif) no-repeat -167px 1px;
					}
				
				ul#menu_nav a.meals_active {
					background: transparent url(../__images/03-menu/menu_nav/02_sandwiches.gif) no-repeat -334px 1px;
					}
				
				/* desserts */
				ul#menu_nav a.desserts {
					background: transparent url(../__images/03-menu/menu_nav/03_desserts.gif) no-repeat 0 1px;
					}
				
				ul#menu_nav a:hover.desserts {
					background: transparent url(../__images/03-menu/menu_nav/03_desserts.gif) no-repeat -167px 1px;
					}
				
				ul#menu_nav a.desserts_active {
					background: transparent url(../__images/03-menu/menu_nav/03_desserts.gif) no-repeat -334px 1px;
					}
				
				/* drinks */
				ul#menu_nav a.drinks {
					background: transparent url(../__images/03-menu/menu_nav/04_drinks.gif) no-repeat 0 1px;
					}
				
				ul#menu_nav a:hover.drinks {
					background: transparent url(../__images/03-menu/menu_nav/04_drinks.gif) no-repeat -167px 1px;
					}
				
				ul#menu_nav a.drinks_active {
					background: transparent url(../__images/03-menu/menu_nav/04_drinks.gif) no-repeat -334px 1px;
					}
				
				/* kids */
				ul#menu_nav a.kids {
					background: transparent url(../__images/03-menu/menu_nav/05_kids.gif) no-repeat 0 5px;
					}
				
				ul#menu_nav a:hover.kids {
					background: transparent url(../__images/03-menu/menu_nav/05_kids.gif) no-repeat -167px 5px;
					}
				
				ul#menu_nav a.kids_active {
					background: transparent url(../__images/03-menu/menu_nav/05_kids.gif) no-repeat -334px 5px;
					}
						
			#download_menu,
			.drink_specials,
			.drink_specials_2 {
				margin: 0 0 0 -27px;
				}
			
			#download_menu {
				display: none;
				}
				
			#download_menu a {
				background: transparent url(../__images/03-menu/download_pdf.gif) no-repeat 0 0;
				display: block;
				height: 80px;
				width: 277px;
				}
			
			#download_menu a:hover {
				background: transparent url(../__images/03-menu/download_pdf.gif) no-repeat -277px 0;
				}
				
			#main_content_menu #main_content_right {
				color: #003D5B;
				float: left;
				font-size: 13px;
				margin: 50px 0 25px -60px;
				position: relative;
				width: 411px;
				z-index: 1;
				}
			
			#main_content_menu #main_content_right ul {
				line-height: 1.5em;
				margin-bottom: 1.4em;
				}
			
			#main_content_menu #main_content_right ul li {
				padding: 15px 15px 0;
				}
			
			#main_content_menu #main_content_right p {
				margin: 0 15px 0;
				}
			
			#main_content_menu #main_content_right p small {
				font-style: italic;
				}


		/* ! ---- MAIN CONTENT - PARTIES ---- */
		/* ----------------------------------------------------------------------------- */
			
			#main_content_parties {
				background: transparent url(../__images/04-parties/title.gif) no-repeat 740px 0;
				position: relative;
				}
			
			#main_content_parties #main_content_left {
				float: left;
				height: 400px;
				width: 350px;
				}
			
			#main_content_parties #main_content_right {
				color: #003D5B;
				float: left;
				font-size: 13px;
				margin: 50px 0 25px -30px;
				width: 411px;
				}
			
			#main_content_parties #main_content_right a {
				color: #AF5020;
				}
			
			#main_content_parties #main_content_right a:hover {
				color: #00B4FF;
				}
				
			#main_content_parties #main_content_right p {
				line-height: 1.5em;
				margin: 0 15px 1.4em;
				}
			
			#main_content_parties #main_content_right ul {
				margin: -1em 15px 1.4em;
				}
			
			#main_content_parties #main_content_right li {
				list-style-type: disc;
				margin: 0 17px 1.0em;
				}
			
			#play_date {
				margin: 0 0 0 -37px;
				width: 356px;
				}
			
			#play_date_top {
				background: transparent url(../__images/04-parties/coffee_kid.gif) no-repeat;
				height: 587px;
				}
			
			#play_date_middle {
				background: transparent url(../__images/04-parties/play_date_middle.gif) repeat-y;
				height: 148px;
				}
			
			#play_date_middle p.white {
				color: #fff;
				}
			
			#play_date_contact a {
				background: transparent url(../__images/04-parties/contact.gif) no-repeat 0 0;
				display: block;
				height: 37px;
				}
			
			#play_date_contact a:hover {
				background: transparent url(../__images/04-parties/contact.gif) no-repeat -356px 0;
				}
			
			#play_date_bottom {
				background: transparent url(../__images/04-parties/play_date_bottom.gif) no-repeat;
				color: #003D5B;
				font-size: 1.1em;
				font-weight: bold;
				height: 37px;
				text-align: center;
				}
			
			#main_content_parties #main_content_right table {
				margin: -10px 15px 0;
				text-align: right;
				}
			
			#main_content_parties #main_content_right td.copy {
				width: 195px;
				}
			
			#main_content_parties #main_content_right td.check {
				text-align: center;
				width: 65px;
				}
			
			td.blue {
				color: #00B4FF;
				font-weight: bold;
				}
			
			td.brown {
				color: #AF5020;
				font-weight: bold;
				}
			
			td.yellow {
				color: #EAA211;
				font-weight: bold;
				}
				
			#download_party {
				/* display: none; */
				position: absolute;
					left: -38px;
					bottom: 30px;			
				}
			
			#download_party a {
				background: transparent url(../__images/04-parties/download_party.gif) no-repeat 0 0;
				display: block;
				height: 78px;
				width: 356px;
				}
				
			#download_party a:hover {
				background: transparent url(../__images/04-parties/download_party.gif) no-repeat -356px 0;
				}	
				
			
		/* ! ---- MAIN CONTENT - CALENDAR ---- */
		/* ----------------------------------------------------------------------------- */
			
			#main_content_calendar {
				background: transparent url(../__images/05-calendar/titles_new.gif) no-repeat 40px 0;
				position: relative;
				}
			
			#main_content_calendar #main_content_left {
				min-height: 450px;
				padding: 50px 1px 100px 250px;
				position: relative;
				width: 345px;
				z-index: 1;
				}
			
			#main_content_calendar #main_content_left .calendar_entry {
				margin-bottom: 24px;
				}
			
			.calendar_entry .big_brown {
				}
			
			#main_content_calendar #main_content_left p {
				color:#003D5B;
				font-size:13px;
				line-height: 1.5em;
				}
			
			#main_content_calendar #main_content_left p a {
				color: #AF5020;
				}
			
			#main_content_calendar #main_content_left p a:hover {
				color: #EAA211;
				}
				
			#main_content_calendar #main_content_right {
				background: transparent url(../__images/05-calendar/coffee_boy.gif) no-repeat;
				width: 360px;
				height: 324px;
				position: absolute;
					bottom: -125px;
					right: -24px;
				z-index: 0;
				}
			
			#main_content_calendar #main_content_right a {
				background: transparent url(../__images/05-calendar/mailing_list.gif) no-repeat 0 0;
				display: block;
				height: 143px;
				margin-top: -143px;
				}
			
			#main_content_calendar #main_content_right a:hover {
				background: transparent url(../__images/05-calendar/mailing_list.gif) no-repeat -360px 0;
				}
			
			#main_content_calendar #partners {
				position: absolute;
					top: 20px;
					left: 640px;
				}
			
			
		/* ! ---- MAIN CONTENT - CONTACT ---- */
		/* ----------------------------------------------------------------------------- */
			
			#main_content_contact {
				color: #003D5B;
				font-size: 13px;
				position: relative;
				}
			
			#main_content_contact #contact_us {
				position: absolute;
					bottom: -47px;
					left: 40px;
				}
			
			#main_content_contact #main_content_left {
				padding: 45px 1px 120px 310px;
				position: relative;
				width: 300px;
				z-index: 1;
				}
			
			#main_content_contact #main_content_left p {
				line-height: 1.5em;
				margin: 0 15px 1.4em;
				}
			
			#main_content_contact #main_content_left p a {
				color: #00B4FF;
				text-decoration: underline;
				}
			
			#main_content_contact #main_content_left p a:hover {
				color: #003D5B;
				}
			
			#main_content_contact #main_content_right {
				background: transparent url(../__images/06-contact/back_right.gif) no-repeat;
				height: 214px;
				position: absolute;
					top: 0;
					right: -30px;
				margin: 10px 0 0;
				width: 318px;
				}
			
			#main_content_contact #main_content_right .survey {
				background: transparent url(../__images/06-contact/survey_top.gif) no-repeat 0 0;
				display: block;
				height: 128px;
				margin: 220px 0 -1px -1px;
				padding: 1px;
				}
			
			#main_content_contact #main_content_right .survey a.survey_middle {
				background: transparent url(../__images/06-contact/survey_middle.gif) no-repeat 0 0;
				display: block;
				height: 25px;
				margin: 49px 0 0 -1px;
				}			
			
			#main_content_contact #main_content_right .survey a.survey_middle:hover {
				background: transparent url(../__images/06-contact/survey_middle.gif) no-repeat -318px 0;
				}
			
			#main_content_contact #main_content_right .survey a.survey_bottom {
				background: transparent url(../__images/06-contact/survey_bottom.gif) no-repeat 0 0;
				display: block;
				height: 53px;
				margin: 0 0 0 -1px;
				}			
			
			#main_content_contact #main_content_right .survey a.survey_bottom:hover {
				background: transparent url(../__images/06-contact/survey_bottom.gif) no-repeat -318px 0;
				}
			
			#main_content_contact #main_content_right .mailing_list a {
				background: transparent url(../__images/06-contact/mailing_list.gif) no-repeat 0 0;
				display: block;
				height: 141px;
				}
			
			#main_content_contact #main_content_right .mailing_list a:hover {
				background: transparent url(../__images/06-contact/mailing_list.gif) no-repeat -318px 0;
				}
				

		/* ! ---- MAIN CONTENT - MAILING_LIST ---- */
		/* ----------------------------------------------------------------------------- */
				
				#container_top_mail {
					background: transparent url(../__images/07-mailing_list/top.gif) no-repeat;
					height: 179px;
					margin-top: -40px;
					width: 873px;
					}
				
				#container_middle_mail {
					background: transparent url(../__images/07-mailing_list/middle.gif) repeat-y;
					width: 873px;
					}
				
				#container_bottom_mail {
					background: transparent url(../__images/07-mailing_list/bottom.gif) no-repeat;
					height: 75px;
					width: 873px;
					}
				
				#main_content_mail {
					color: #003D5B;
					font-size: 13px;
					position: relative;
					}
				
				#main_content_mail #main_content_left {
					height: 280px;
					padding: 35px 1px 0 -15px;
					position: relative;
					width: 310px;
					z-index: 1;
					}
			
				#main_content_mail #main_content_left p {
					line-height: 1.5em;
					margin: 0 15px 1.4em;
					text-align: center;
					}
				
				#main_content_mail #main_content_left small {
					display: block;
					line-height: 1.2em;
					font-size: .7em;
					text-align: center;
					}
				
				#main_content_mail #coffee_girl {
					position: absolute;
						bottom: -31px;
						left: 255px;
					}
				
				
				#main_content_mail #main_content_right {
					position: absolute;
						bottom: 20px;
						right: 0;
					width: 465px;
					}
				
				#main_content_mail #main_content_right #messages {
					background-color: #f0ebb9;
					border: 4px solid #fff;
					color: #AF5020;
					margin: 0 0 15px 93px;
					padding: 15px;
					width: 250px;
					}
				
				#main_content_mail #main_content_right #messages p {
					font-weight: bold;
					}	
					
				#main_content_mail #main_content_right #messages_sent {
					position: absolute;
						bottom: 225px;
						right: 225px;
					}
				
				#main_content_mail #main_content_right #messages_sent p {
					text-align: center;
					}
					
				#registerform {
					color: #003D5B;
					}
				
				#registerform table td {
					margin: 8px 5px 8px 0;
					}
				
				#registerform td.label {
					display: block;
					font-size: .9em;
					font-weight: bold;
					text-align: right;
					width: 85px;
					}
				
				#registerform td.input input {
					border: none;
					color: #003D5B;
					padding: 5px;
					outline: none;
					width: 330px;
					}
				
				#registerform td.input_city input {
					border: none;
					color: #003D5B;
					padding: 5px;
					outline: none;
					width: 125px;
					}
				
				#registerform td.label_state div {
					font-size: .9em;
					font-weight: bold;
					margin-right: 5px;
					margin-left: 5px;
					text-align: right;
					}
			
				#registerform td.input_state select {
					border: none;
					color: #003D5B;
					padding: 5px;
					width: 50px;
					}
			
				#registerform td.label_zip div {
					font-size: .9em;
					font-weight: bold;
					margin-right: 5px;
					margin-left: 5px;
					text-align: right;
					}
				
				#registerform td.input_zip input {
					border: none;
					color: #003D5B;
					padding: 5px;
					outline: none;
					width: 60px;
					}
				
				#registerform input.send {
					background: transparent url(../__images/07-mailing_list/submit.gif) no-repeat 0 0;
					border: none;
					height: 63px;
					position: absolute;
						bottom: -56px;
						right: -20px;
					outline: none;
					width: 137px;
					}
				
				#registerform input:hover.send {
					background: transparent url(../__images/07-mailing_list/submit.gif) no-repeat -137px 0;
					}
					
				#main_content_mail #go_back a {
					background: transparent url(../__images/07-mailing_list/go_back.gif) no-repeat 0 0;
					display: block;
					position: absolute;
						bottom: -36px;
						right: 120px;
					height: 63px;
					width: 148px; 
					}	
				
				#main_content_mail #go_back a:hover {
					background: transparent url(../__images/07-mailing_list/go_back.gif) no-repeat -148px 0;
					}	
					
				
				
					
					
					
				
/* ! ---- FOOTER ---- */
/* ----------------------------------------------------------------------------- */
	
	#footer_home {
		color: #fff;
		margin: 10px 0 30px;
		padding-left: 90px;
		}
	
	#footer {
		color: #fff;
		margin: 0px 0 30px;
		padding-left: 90px;
		}
	
	#footer_right {
		float: right;
		color: #fff;
		display: block;
		margin: 0px 0 30px;
		padding-right: 90px;
		text-align: right;
		}

/* ! ---- MISC. ---- */
/* ----------------------------------------------------------------------------- */
	
	.big_ltblue {
		color: #00B4FF;
		font-size: 18px;
		}
	
	.big_dkblue {
		line-height: 1.5em;
		font-size: 16px;
		}
		
	.big_brown {
		color: #AF5020;
		font-size: 18px;
		}
	
	.clear {
		clear: both;
		}
	
	.hidden {
		display: none;
		}
	
	.med_brown {
		color: #AF5020;
		font-size: 13px;
		}
	
	.prices {
		color: #00B4FF;
		font-size: 1.0em;
		font-weight: bold;
		}
	
	.prices small {
		color: #003D5B;
		font-style: italic;
		font-weight: normal;
		}
	
	.required {
		color: #AF5020;
		}