@charset "UTF-8";
body {
	background:#ffffff;
	margin:0;
	padding:0;
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#084193;
	background:#084193 url(../images/background.jpg) repeat-x top left;
}

a {
	text-decoration:none;
	cursor:pointer;
	outline:none;
	}
	
img {
	border:none;
	outline:none;
	}

form {
	margin:0;
	padding:0;
	}
	
input {
	margin:0;
	padding:0;
	}

/* universal items */
.floatL {
	float:left;
	}

.floatR {
	float:right;
	}
	
.clear {
	clear:both;
	}
.submitBtn {
	margin:0 15px 0 0;
	}
/* styles by frank */
#wrapper {
	margin:0 auto;
	width:1024px;
	height:689px;
	display:block;
	background:url(../images/bg.jpg) no-repeat top left;
	border-left:1px solid #084193;
	border-right:1px solid #084193;
	position:relative;
	}
	
	/* left side items */
	#leftSide {
		width:180px;
		margin:0 0 0 20px;
		display:block;
		}
		
		h1 {
			height:120px;
			width:155px;
			display:block;
			margin:0 0 20px 0;
			}
		/* menu */
		#menu {
			display:block;
			height:160px;
			}
		
			.blueLine {
				border-bottom:2px solid #7fa0c8;
				}
			
			#menu ul {
				list-style:none;
				margin:0;
				padding:0;
				}
				
			#menu ul li {
				float:left;
				width:155px;
				display:block;
				font-size:16px;
				margin:5px 0;
				padding:0 0 3px 0;
				}
			
			#menu ul li a {
				color:#084193;
				}
			
			#menu ul li a:hover {
				background:#f7931e;
				}
				
			#menu ul li a span {
				font-size:10px;
				}
		
		/* restaurant locations */		
		#address {
			margin:8px 0 0 20px;
			font-size:10px;
			text-align:center;
			width:115px;
			}
		
			h2 {
				margin:0;
				padding:0;
				font-size:13px;
				}
			.fixHeight {
				line-height:9px;
				}
				
	/* middle area content order link and flash */
	#middleArea {
		width:230px;
		display:block;
		margin:155px 0 0 0;
		}
		
		#orderNowLink {
			width:160px;
			margin:0 0 105px 0;
			}
			#orderNowLink span {
				display:block;
				height:60px;
				width:200px;
				}
		#twentyFour {
			display:block;
			width:205px;
			height:170px;
			z-index:0;
			position:relative;
			}
			
	/* specials changeing content jquery */
	#specials {
		display:block;
		width:490px;
		height:195px;
		margin:448px 0 0 0;
		}
		#gapSpecials {
			display:block;
			width:17px;
			height:168px;
			}
		#lunch ul li p.line {
			display:block;
			width:100%;
			padding:2px 0;
			margin:7px;
			border-bottom:1px solid #084193;
			font-size:14px;
			font-weight:bold;
			}
		#lunch ul li p.noLine {
			display:block;
			width:100%;
			padding:2px 0;
			margin:7px;
			font-size:14px;
			font-weight:bold;
			}
			#lunch ul li p span.one {
				display:block;
				width:74%;
				}
			#lunch ul li p span.two {
				display:block;
				width:25%;
				}
	 	#online ul li p {
			margin:10% 0 0 0;
			padding:0;
			text-align:center;
			height:165px;
			font-size:18px;
			}
	
	/* footer styles */
	#footer {
		width:100%;
		height:22px;
		padding:8px 0 0 0;
		background:#084193;
		text-align:center;
		color:#FFFFFF;
		font-size:10px;
		}
		#footer a {
			color:#FFFFFF;
			text-decoration:underline;
			}
		#footer a:hover {
			text-decoration:none;
			}

/* Easy Slider */
	/* image replacement, keeps text out of button area */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */				
	#content{
		position:relative;
		}

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider ul, #slider2 ul{ 
		margin:5px 0 0 0;
		}
		
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:233px;
		height:168px;
		display:block;
		overflow:hidden;
		
		}	

	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:80px;
		height:25px;
		position:absolute;
		left:0px;
		top:0px;
		}
	#nextBtn, #nextBtn2{ 
		left:155px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:80px;
		height:77px;
		}	
	#nextBtn a, #nextBtn2 a{ 
		width:80px;	
		}											

/* // Easy Slider */

/* order online */
#orderingBlock {
		display:block;
		width:490px;
		margin:180px 0 10px 0;
		}
		
.orderingWindow {
	display:none;
	height:190px;
	width:330px;
	position:absolute;
	top:125px;
	left:450px;
	background:url(../images/orderingBg.jpg) no-repeat top left;
	padding:60px 35px 0 35px;
	}
	
.orderingWindow h2 {
	font-size:18px;
	margin:0 0 15px 0;
	}
	
.orderingWindow h3 {
	font-size:14px;
	padding:0 5px;
	}
	
.orderingWindow h4 {
	font-size:14px;
	padding:0;
	margin:0 0 8px 0;
	font-weight:normal;
	}	

.orderingWindow a {
	color:#084193;
	}

.orderingWindow a:hover {
	background:#f7931e;
	}
	
.orderingWindow .borderLeft {
	border-right:1px solid #aec1e4;
	}
	
/* Boxy pop up bgs */
#privacyPop {
	background:url(../images/privacyBG.gif) no-repeat top center;
	}
	
#aboutUs {
	background:url(../images/aboutUs.gif) no-repeat top center;
	}
	
/* social media */
#facebook {
	position:absolute;
	display:block;
	height:45px;
	width:42px;
	top:5px;
	left:938px;
	}
	
#twitter {
	position:absolute;
	display:block;
	height:45px;
	width:42px;
	top:5px;
	left:980px;
	}
	
/* back for new location */
a.back {
	background:url(../images/backArrow.gif) no-repeat bottom left;
	padding:0 0 0 18px;
}
a:hover.back {
	background:#f7931e url(../images/backArrow_over.gif) no-repeat bottom left;
	padding:0 0 0 18px;
}