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

	Screen Style	
*/


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

#wrapper 	{	
	width: 760px; 
	background: #2d342b; 
	margin: 0 auto; 
	min-height: 600px;
	position: relative;
			}

#header		{	
	height: 204px; 
	width: 760px; 
	background-image: url(../images/tsbr-header_full.jpg); 
	background-repeat: no-repeat;
	position: relative;
			}

#navigation {
	height: 204px;
	width: 760px;
}
			
#main		{	
	position: relative;
			}
			
	#left	{	
		float: left;
		height: 287px; 
		width: 75px; 
		background-image: url(../images/tsbr-leftside.jpg); 
		background-repeat: no-repeat;
			}
				
	#center	{	
		float: left; 
		height: 287px; 
		width: 610px; 
		background-image: url(../images/tsbr-chalkboardBground.jpg); 
		background-repeat: no-repeat;
		position: relative;
			}
					
	#right	{	
		float: left; 
		height: 287px; 
		width: 75px; 
		background-image: url(../images/tsbr-rightside.jpg); 
		background-repeat: no-repeat;
			}
			
#footer		{	
	height: 159px; width: 760px; 
	background-color: #000000;
	background-image: url(../images/tsbr-footer.jpg); 
	background-repeat: no-repeat;
	position: relative;
			}

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

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

hr			{	
	display: none;
			}
			
#optimizedForiPhone {
	position: absolute;
	top: 8px;
	left: 20px;
	text-indent: -9000px;
	background-image: url(../images/tsbr-nowForiPhone.gif); 
	height: 19px;
	width: 117px;
	overflow: hidden;
	}
	
#followUs {
	background-repeat: no-repeat;
	position: absolute;
	top: 8px;
	right: 20px;
	text-indent: -9000px;
	background-image: url(../images/tsbr-followUs.gif); 
	height: 21px;
	width: 105px;
	overflow: hidden;
	}
	
#onTwitter {
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 30px;
	text-indent: -9000px;
	background-image: url(../images/tsbr-onTwitter.gif);
	height: 21px;
	width: 20px;
	overflow: hidden; 
}	

#onFacebook {
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -9000px;
	background-image: url(../images/tsbr-onFacebook.gif);
	height: 21px;
	width: 20px;
	overflow: hidden; 
}		
/* ------------- HEADER LOGO  ------------- */

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

#header h1 a {
	display: block;
	width: 156px;
	height: 170px;
	position: absolute;
	top:0px;
	left:302px;
	background: url(../images/tsbr-header_logo-off.jpg) no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}

#header h1 a:active {
    outline: none;
	}

#header h1 a:focus {
    -moz-outline-style: none;
}

#header h1 a:hover {
	background: url(../images/tsbr-header_logo-on.jpg);
	}

#home #header h1 a {
	background: url(../images/tsbr-header_logo-on.jpg);
	}

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

#navigation ul {
	margin: 0;
	padding: 129px 0 0 0;
	list-style: none;
	height: 41px;
	width: 760px;
	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-left: 128px;
	background-image: url(../images/tsbr-header_about-off.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 73px;
	text-indent: -9000px;
	}

#navigation ul li#nav-about a:active {
    outline: none;
	}

#navigation ul li#nav-about a:focus {
    -moz-outline-style: none;
}

#navigation ul li#nav-about a:hover {
	background-image: url(../images/tsbr-header_about-on.jpg);
	height: 46px;
	width: 73px;
	}

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

#navigation ul li#nav-specials a {
	margin-left: 0px;
	background-image: url(../images/tsbr-header_specials-off.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 97px;
	text-indent: -9000px;
	}

#navigation ul li#nav-specials a:active {
    outline: none;
	}

#navigation ul li#nav-specials a:focus {
    -moz-outline-style: none;
}

#navigation ul li#nav-specials a:hover {
	background-image: url(../images/tsbr-header_specials-on.jpg);
	height: 46px;
	width: 97px;
	}

#specials #navigation ul li#nav-specials a {
	background-image: url(../images/tsbr-header_specials-on.jpg);
	}
	
#navigation ul li#nav-menu a {
	margin-left: 160px;
	background-image: url(../images/tsbr-header_menu-off.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 65px;
	text-indent: -9000px;
	}	

#navigation ul li#nav-menu a:active {
    outline: none;
	}

#navigation ul li#nav-menu a:focus {
    -moz-outline-style: none;
}

#navigation ul li#nav-menu a:hover {
	background-image: url(../images/tsbr-header_menu-on.jpg);
	height: 46px;
	width: 65px;
	}	

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

#navigation ul li#nav-contact a {
	margin-left: 1px;
	background-image: url(../images/tsbr-header_contact-off.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 93px;
	text-indent: -9000px;
	}		

#navigation ul li#nav-contact a:active {
    outline: none;
	}

#navigation ul li#nav-contact a:focus {
    -moz-outline-style: none;
}

#navigation ul li#nav-contact a:hover {
	background-image: url(../images/tsbr-header_contact-on.jpg);
	height: 46px;
	width: 93px;
	}

#contact #navigation ul li#nav-contact a {
	background-image: url(../images/tsbr-header_contact-on.jpg);
	}
/* ------------- ALL PAGE  ------------- */

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

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

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

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

#about-body-text {
	margin: 0;
	padding: 0;
	background-image: url(../images/tsbr-center_about.jpg);
	width: 610px; 
	height: 287px;
	text-indent: -99999px;	
	position: relative;
	}

/*
#photosBig {
	} 

#photosSmall {
	display: none;
	}
*/

#about #center #about-body-text #photo1 {
	position: absolute;
	top: 16px;
	left: 468px;
	background: #eeeeee;
	height: 71px;
	width: 112px;
	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;
}	

#visitOtherLocations-link {
	position: absolute;
	top: 9px;
	left: 75px;
	text-indent: -9000px;
	background-image: url(../images/tsbr-visitOtherLocations.jpg);
	background-repeat: no-repeat; 
	height: 52px;
	width: 453px;
	overflow: hidden;
	}

#currentSpecials {
	position: absolute;
	top: 9px;
	left: 153px;
/*	text-indent: -90000px; */
	background-image: url(../images/tsbr-specials.jpg);
	background-repeat: no-repeat; 
	height: 52px;
	width: 453px;
	overflow: hidden;
	text-align: center;
	}
	
#currentSpecials p {
	font-size: 16px;
	font-family: Arial;
	font-weight: normal;
	color: #cdcdcd;
	margin: 10px;
	padding: 10px;

}	

#jaysCatering-link {
	display: block;
	height: 34px;
	width: 137px;
	margin-top: 12px;
	margin-left: 140px;
}

#viccino-link {
	display: block;
	height: 34px;
	width: 60px;
	margin-top: -34px;
	margin-left: 279px;
}

#xs-link {
	display: block;
	height: 34px;
	width: 42px;
	margin-top: -34px;
	margin-left: 339px;
}

#jaysDeli-link {
	display: block;
	height: 34px;
	width: 64px;
	margin-top: -34px;
	margin-left: 382px;
	}


#turpsPress-link {
	position: absolute;
	top: 9px;
	right: 105px;
	text-indent: -9000px;
	background-image: url(../images/tsbr-about-newsReviews.jpg); 
	height: 42px;
	width: 113px;
	overflow: hidden;
	}

#turpsPress-link a {
	display: block;
	height: 34px;
	width: 113px;
	margin-top: 8px;

}
	/* ------------- ABOUT - TURPS PRESS PAGE  ------------- */
	
#turpsPress h2 {
	display: block;
	width: 260px;
	height: 19px;
	margin: 10px;
	background: url(../images/tsbr-turpsPress-h2.jpg) no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}


#turpsPress p {
	line-height: 2em;
	font-size: 0.9em;
	margin-left: 15px;
	margin-right: 15px;
}

#turpsPress a {
	color: #ffffff;
	}

#turpsPress .articleDate {
	font-family: sans-serif;
	font-size: 70%;
	margin-left: 10px;
	color:#ffffff;
}

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

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

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

	#menu-body-text {}

	#menu #center {
		position: relative;
		width: 610px; 
		height: 287px; 
		overflow: auto; 
		padding: 0px;
		}
		
	#menu #center_fade {
		width: 595px;
		height: 62px;	
		z-index: 99;
		position: fixed;
		top: 429px;
		background-image: url("../images/tsbr-menu_chalk-fade.png");
		}	
					
	#menu .top a {
		position: absolute;
		top: 5px;
		right: 30px;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
		font-size: 10px;
		font-family: sans-serif;
		color: #aaaaaa;
		}
		
	#menu .top a:hover {
		color: #888888;
		}		
		
	#menu #footer #downloadPDF {	
		position: absolute;
		top: 15px;
		left: 300px;
		text-indent: -9000px;
		background-image: url(../images/tsbr-menu-downloadMenu.png); 
		height: 26px;
		width: 162px;
		overflow: hidden;
		}	
		
	#menu #footer #downloadPDF a {	
		display: block;
		}


/* -----| ------------- MENU PAGE NAVIGATION -------------*/
		
		#menu-listing-navigation {
			height: 60px;
			width: 575px;
		}
		
		#menu-listing-navigation ul {
			font-family: sans-serif;
			margin: 0;
			padding: 10px;
			list-style: none;
			height: 60px;
			width: 575px;
			overflow: hidden;
		}
		
		#menu-listing-navigation ul a {
			color: #ffffff;
			display: block;
			text-decoration: none;
			padding: 0;
		}
		
		#menu-listing-navigation ul a:hover {
			color: #3c483d;
			}
		
		#menu-listing-navigation ul li {
			float: left;
			margin: 0;
			padding: 0 7px 5px 0;
		}
		
		#menu-listing-navigation ul li#nav-starters a {
			margin: 0;
			background-image: url(../images/tsbr-menu_starters-off.gif);
			height: 17px;
			width: 66px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-starters a:hover {
			background-image: url(../images/tsbr-menu_starters-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-tatermania a {
			margin: 0;
			background-image: url(../images/tsbr-menu_tatermania-off.gif);
			height: 17px;
			width: 82px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-tatermania a:hover {
			background-image: url(../images/tsbr-menu_tatermania-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-salads a {
			margin: 0;
			background-image: url(../images/tsbr-menu_salads-off.gif);
			height: 17px;
			width: 99px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-salads a:hover {
			background-image: url(../images/tsbr-menu_salads-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-chicken a {
			margin: 0;
			background-image: url(../images/tsbr-menu_chicken-off.gif);
			height: 17px;
			width: 103px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-chicken a:hover {
			background-image: url(../images/tsbr-menu_chicken-on.gif);
		}
		
		
		#menu-listing-navigation ul li#nav-burgers a {
			margin: 0;
			background-image: url(../images/tsbr-menu_burgers-off.gif);
			height: 17px;
			width: 60px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-burgers a:hover {
			background-image: url(../images/tsbr-menu_burgers-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-steak a {
			margin: 0;
			background-image: url(../images/tsbr-menu_steak-off.gif);
			height: 17px;
			width: 79px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-steak a:hover {
			background-image: url(../images/tsbr-menu_steak-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-pizza a {
			margin: 0;
			background-image: url(../images/tsbr-menu_pizza-off.gif);
			height: 17px;
			width: 36px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-pizza a:hover {
			background-image: url(../images/tsbr-menu_pizza-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-allstar a {
			margin: 0;
			background-image: url(../images/tsbr-menu_allstar-off.gif);
			height: 17px;
			width: 358px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-allstar a:hover {
			background-image: url(../images/tsbr-menu_allstar-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-pasta a {
			margin: 0;
			background-image: url(../images/tsbr-menu_pasta-off.gif);
			height: 17px;
			width: 40px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-pasta a:hover {
			background-image: url(../images/tsbr-menu_pasta-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-entrees a {
			margin: 0;
			background-image: url(../images/tsbr-menu_entrees-off.gif);
			height: 17px;
			width: 58px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-entrees a:hover {
			background-image: url(../images/tsbr-menu_entrees-on.gif);
		}
		
		#menu-listing-navigation ul li#nav-desserts a {
			margin: 0;
			background-image: url(../images/tsbr-menu_desserts-off.gif);
			height: 17px;
			width: 66px;
			text-indent: -99999px;
		}
		
		#menu-listing-navigation ul li#nav-desserts a:hover {
			background-image: url(../images/tsbr-menu_desserts-on.gif);
		}

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

		#h4starters {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_starters-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 66px;
			text-indent: -99999px;	
		}
		#h4tatermania {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_tatermania-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 82px;
			text-indent: -99999px;	
		}
		#h4salads {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_salads-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 99px;
			text-indent: -99999px;	
		}
		#h4chicken {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_chicken-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 103px;
			text-indent: -99999px;	
		}
		#h4burgers {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_burgers-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 60px;
			text-indent: -99999px;	
		}
		#h4steak {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_steak-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 79px;
			text-indent: -99999px;	
		}
		#h4pizza {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_pizza-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 36px;
			text-indent: -99999px;	
		}
		#h4allstar {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_allstar-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 358px;
			text-indent: -99999px;	
		}
		#h4pasta {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_pasta-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 40px;
			text-indent: -99999px;	
		}
		#h4entrees {
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_entrees-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 58px;
			text-indent: -99999px;	
		}
		#h4desserts {
			position: relative;
			margin: 0;
			padding: 0;
			background-image: url(../images/tsbr-menu_desserts-off.gif);
			background-repeat: no-repeat; 
			height: 17px;
			width: 66px;
			text-indent: -99999px;	
		}
		
/* -----| ------------- MENU PAGE TYPOGRAPHY -------------*/

		#menu h3 {
			color: #74d600;
			}
		
		#menu h4 {
			margin: 15px 0 15px 0;
			font-style: normal; 
			font-weight: normal; 
			font-size: 20px; 
			font-family: sans-serif; 
			margin-left: 15px; 
			color: #d25c28;
			}
			
		#menu .h4section {
			position: relative;	
			}	
		
		#menu h5 {
			font-size: 16px; 
			margin-right: 15px; 
			margin-left: 15px; 
			color: #e7e9e0;
			}
			
		#menu p { 
			padding-bottom: 10px; 
			margin-right: 25px; 
			margin-left: 25px; 
			color: #e7e9e0;
			}
				
	/* ------------- CONTACT PAGE  ------------- */
	
#contact-body-text {
	margin: 0;
	padding: 0;
	background-image: url(../images/tsbr-center_contact.jpg);
	width: 610px; 
	height: 287px;
	text-indent: -99999px;	
	}

#turps_map {
	position: absolute;
	top: 20px;
	left: 235px;
	background: url(../images/tsbr-chalkboardBground.jpg);
	height: 230px;
	width:	350px; 
	}

#map {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif;
	color: black;
	}

#map a {
	color: gray;
	}
	
#iMap {
	}	

#iPhone {
	}	

#iMail {
	}

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


*/