/*
	Turp's Sports Bar and Restaurant
	www.turpsonline.com
	jason steele
	
	iPhone Style
*/


/* ------------- LAYOUT  ------------- */
*			{	
	margin: 0; 
	padding: 0;
			}
			
body		{	
	background: #000000; }

#wrapper 	{	
	width: 320px;
	min-height: 480px;
	background: #2d342b; 
	margin: 0 auto; 
			}

#header		{	
	height: 120px; 
	width: 320px; 
	background-image: url(../images/i/tsbr-header_full.png); 
	background-repeat: no-repeat;
	position: relative;
			}

#navigation {
	height: 30px;
	width: 320px;
}


		
#main		{	
	position: relative;
			}
			
	#left	{	
		display: none;
			}
				
	#center	{	
		height: 287px; 
		width: 320px; 
		background: #2d342b; 
		
			}
					
	#right	{	
		display: none;
			}
			
#footer		{	
	display: none;
			}

/* ------------- GENERAL SITE HELPERS  ------------- */


.clear 		{
	clear: both;
			}
			
.hide 		{
	display: none;
			}

hr			{	
	display: none;
			}
			
#optimizedForiPhone {
	display: none;
	}			
#followUs {
	display: none;
	}
	
#onTwitter {
	display: none;
}	

#onFacebook {
	display: none;
}		

/* ------------- HEADER LOGO  ------------- */

#header h1 {
	margin: 0;
	padding: 0;	
	}

#header h1 a {
	display: block;
	width: 116px;
	height: 90px;
	position: absolute;
	top:0px;
	left:106px;
	background: url(../images/i/tsbr-header_logo.png) no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}

#header h1 a:hover {
	display: block;
	width: 116px;
	height: 90px;
	position: absolute;
	top:0px;
	left:106px;
	background: url(../images/i/tsbr-header_logo.png) no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}

#home #header h1 a {
	background: url(../images/i/tsbr-header_logo.png) no-repeat;
	}

/* ------------- HEADER NAVIGATION  ------------- */

#navigation ul {
	margin: 0;
	padding: 90px 0 0 0;
	list-style: none;
	height: 30px;
	width: 320px;
	overflow: hidden;
}

#navigation ul a {
	display: block;
	text-decoration: none;
	padding: 0;
}

#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul li#nav-about a {
	margin: 0px;
	background-image: url(../images/i/tsbr-header_about.png);
	height: 30px;
	width: 74px;
	text-indent: -9000px;
	}

#navigation ul li#nav-about a:hover {
	margin: 0px;
	background-image: url(../images/i/tsbr-header_about.png);
	height: 30px;
	width: 74px;
	text-indent: -9000px;
	}

#about #navigation ul li#nav-about a {
	background-image: url(../images/i/tsbr-header_about-on.png);
	}

#navigation ul li#nav-specials a {
	margin: 0px;
	background-image: url(../images/i/tsbr-header_specials.png);
	height: 30px;
	width: 86px;
	text-indent: -9000px;
	}

#navigation ul li#nav-specials a:hover {
	margin: 0px;
	background-image: url(../images/i/tsbr-header_specials.png);
	height: 30px;
	width: 86px;
	text-indent: -9000px;
	}

#specials #navigation ul li#nav-specials a {
	background-image: url(../images/i/tsbr-header_specials-on.png);
	}
	
#navigation ul li#nav-menu a {
	margin: 0px;
	background-image: url(../images/i/tsbr-header_menu.png);
	height: 30px;
	width: 71px;
	text-indent: -9000px;
	}	

#navigation ul li#nav-menu a:hover {
	margin: 0px;
	background-image: url(../images/i/tsbr-header_menu.png);
	height: 30px;
	width: 71px;
	text-indent: -9000px;
	}	

#menu #navigation ul li#nav-menu a {
	background-image: url(../images/i/tsbr-header_menu-on.png);
	}

#navigation ul li#nav-contact a {
	margin: 0px;
	background-image: url(../images/i/tsbr-header_contact.png);
	height: 30px;
	width: 89px;
	text-indent: -9000px;
	}		

#navigation ul li#nav-contact a:hover {
	margin: 0px;
	background-image: url(../images/i/tsbr-header_contact.png);
	height: 30px;
	width: 89px;
	text-indent: -9000px;
	}

#contact #navigation ul li#nav-contact a {
	background-image: url(../images/i/tsbr-header_contact-on.png);
	}

/* ------------- ALL PAGE  ------------- */

#home, #about, #specials, #menu, #contact {
	color: #ffffff;
	}

/* ------------- PAGE SPECIFIC  ------------- */
	/* ------------- HOME PAGE  ------------- */

#home-body-text {
	margin: 0;
	padding: 0;
	background-image: url(../images/i/tsbr-center_home.jpg);
	width: 320px; 
	height: 360px;
	text-indent: -99999px;	
	}

	/* ------------- ABOUT PAGE  ------------- */

#about-body-text {
	margin: 0;
	padding: 0;
	background-image: url(../images/i/tsbr-center_about.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	width: 320px; 
	height: 400px;
	text-indent: -99999px;	
	position: relative;
	}

#photosBig {
	display: none;
	}

#photosSmall {
	}

#photo1_b {
	position: absolute;
	top: 298px;
	left: 20px;
	background: #eeeeee;
	height: 72px;
	width: 72px;
	border: none;
	}

#photo2_b {
	position: absolute;
	top: 298px;
	left: 124px;
	background: #eeeeee;
	height: 72px;
	width: 72px;
	border: none;
	}
		
#photo3_b {
	position: absolute;
	top: 298px;
	left: 227px;
	background: #eeeeee;
	height: 72px;
	width: 72px;
	border: none;
	}

#about #center #about-body-text #photo2 {
	position: absolute;
	top: 102px;
	left: 468px;
	background: #eeeeee;
	height: 71px;
	width: 112px;
	border: none;
	}	
	
#about #center #about-body-text #photo3 {
	position: absolute;
	top: 186px;
	left: 468px;
	background: #eeeeee;
	height: 71px;
	width: 112px;
	border: none;
}	

	/* ------------- SPECIALS PAGE  ------------- */

#specials-body-text {
	margin: 0;
	padding: 0;
	background-image: url(../images/i/tsbr-center_specials.jpg);
	width: 320px; 
	height: 400px;
	text-indent: -99999px;	
	}

	/* ------------- MENU PAGE  ------------- */

	#menu-body-text {}

	#menu #center {
		background-image: url(../images/i/tsbr-center_menu.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		position: relative;
		width: 320px;
		height: 100%;
		overflow: auto; 
		padding: 0px;
		}
		
	#menu #center_fade {
		display: none;
		}	
					
	#menu .top a {
		display: none;
		}
		
	#menu .top a:hover {
		display: none;
		}		
		
	#menu #footer #downloadPDF {	
		display: none;
		}


/* -----| ------------- MENU PAGE NAVIGATION -------------*/

		#menu-listing-navigation {
			height: 75px;
			width: 300px;
			padding-top: 30px;
		}
		
		#menu-listing-navigation ul {
			font-weight: bold;
			font-family: sans-serif;
			margin: 0;
			padding: 10px;
			list-style: none;
			height: 75px;
			width: 300px;
			overflow: hidden;
			text-transform: uppercase;
			font-size: 11px;
		}
		
		#menu-listing-navigation ul a {
			color: #d25c28;
			display: block;
			text-decoration: none;
			padding: 0 10px 4px 0;
		}
		
		#menu-listing-navigation ul a:hover {
			color: #d25c28;
			}
		
		#menu-listing-navigation ul li {
			float: left;
			margin: 0;
			padding: 0;
		}
		
		#menu-listing-navigation ul li#nav-starters a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
			}
		
		#menu-listing-navigation ul li#nav-starters a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-tatermania a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-tatermania a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-salads a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-salads a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-chicken a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-chicken a:hover {
			background-image: none;
		}		
		
		#menu-listing-navigation ul li#nav-burgers a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-burgers a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-steak a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-steak a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-pizza a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-pizza a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-allstar a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-allstar a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-pasta a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-pasta a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-entrees a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-entrees a:hover {
			background-image: none;
		}
		
		#menu-listing-navigation ul li#nav-desserts a {
			margin: 0; background-image: none; height: 100%; width: 100%; text-indent: 0px;
		}
		
		#menu-listing-navigation ul li#nav-desserts a:hover {
			background-image: none;
		}

/* -----| ------------- MENU PAGE H4 TITLES -------------*/

		#h4starters, #h4tatermania, #h4salads, #h4chicken, #h4burgers, #h4steak, #h4pizza, #h4allstar, #h4pasta, #h4entrees, #h4desserts {
			margin: 0;
			padding: 0;
			background-image: none;
			height: 100%;
			width: 100%;
			text-indent: 0px;	
		}
		
/* -----| ------------- MENU PAGE TYPOGRAPHY -------------*/

		#menu h3 {
			}
		
		#menu h4 {
			margin: 0;
			padding: 10px 15px 10px 12px;
			text-transform: uppercase; 
			font-weight: bold; 
			font-size: 15px; 
			font-family: sans-serif; 
			color: #d25c28;
			}
			
		#menu .h4section {
			position: relative;	
			}	
		
		#menu h5 {
			font-size: 14px; 
			margin-right: 15px; 
			margin-left: 15px; 
			color: #e7e9e0;
			}
			
		#menu p { 
			font-size: 12px; 
			padding-bottom: 10px; 
			margin-right: 25px; 
			margin-left: 25px; 
			color: #e7e9e0;
			}
				
	/* ------------- CONTACT PAGE  ------------- */

#contact-body-text {
	margin: 0;
	padding: 0;
	background-image: url(../images/i/tsbr-center_contact.jpg);
	width: 320px; 
	height: 360px;
	text-indent: -99999px;	
	}

#turps_map {
	display: none;
	}

#map {
	display: none;
}

#map a {
	color: gray;
	}
	
#iMap {
	position: absolute;
	height: 54px;
	width: 225px;
	top: 70px;
	left: 50px;
	}	

#iPhone {
	position: absolute;
	height: 46px;
	width: 225px;
	top: 124px;
	left: 50px;
	}	

#iMail {
	position: absolute;
	height: 49px;
	width: 225px;
	top: 170px;
	left: 50px;
	}	

#iMap a, #iPhone a, #iMail a {
	display: block;
	height: 100%;
	width: 100%;
}
	

/* ------------- unUSED  ------------- */
/*
.address	{ 
	text-align: center;
			}
			
.address a	{ 
	color: #FEFEFE;
			}


*/