body {margin: 20px;padding: 0;background: url(images/pgbg.gif) top repeat-x #333;font: normal small Arial, Helvetica, sans-serif;color: #000000;}
h1 {}
h4, h5, h6 {margin: 0;padding: 0;text-transform: uppercase;color: #9E6813;}
h2 {margin: 0;padding: 0;text-transform: uppercase;color: #FF3300;}
h3 {margin: 0 0 0 10px;padding: 0;/*text-transform: uppercase;*/color: #9E6813;}
h1, h2, h3 {}
h4, h5, h6 {}
p, ul, ol, blockquote {margin-top: 0;margin-bottom: 0px;}
a {color: #cc0000;}
a:hover {text-decoration: none;}
/*img {border: none;}*/
/* Header */
#tertiary {width: 840px;height: 145px;margin: 0 auto;padding: 0 0 0 0;border: 5px solid #FFFFFF;}
#tertiary h1 {text-align: center;font-size: 3em;color: #fff;}
#tertiary h2 {text-align: center;font-size: 1.4em;}
#tertiary a {text-decoration: none; color: #fff; border:none;}
/* Menu */
#menu {width: 840px;height: 36px;margin: 0 auto;padding: 0;background: #4E4E4E;border: 5px solid #FFFFFF;border-top: 5px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
#menu h2 {display: none;}
#menu ul {margin: 0;padding: 0;list-style: none;}
#menu li {display: inline;}
#menu a {display: block;float: left;width: 84px;height: 26px;padding-top: 10px;text-align: center;text-decoration: none;color: #CCCCCC;}
#menu a:hover, #menu .active a {background: #000000;color: #FFFFFF;}
/* Splash */
#splash {width: 840px;margin: 0 auto;background: #FFFFFF;border-left: 5px solid #FFFFFF;border-right: 5px solid #FFFFFF;}
/* Content */
.maps {width: 770px;margin: 0 auto;background: #FFFFFF;}
#content {width: 840px;margin: 0 auto;background: #FFFFFF;border-width: 2px 5px 0px 5px;border-style: solid;border-color: #fff;}
#content .title {padding: 10px 20px;background: #FFEE8E url(images/img4.gif) repeat-x left bottom;font-size: 1em;text-align: center;}
#content .story {padding: 5px 20px;border: 2px solid #FFEE8E;background: #fff7c3;}
#content .story p {margin: 0px;text-align: center;}
/* Footer */
#footer {width: 840px;height: 33px;margin: 0 auto;/*padding: 5px;*/background: #4E4E4E;border: 5px solid #FFFFFF;border-top: none;}
#footer p {margin: 0;padding: 0;text-align: center;font-size: x-small;color: #CCCCCC;}
#footer a {color: #FFFFFF;}
#demoLinkList {list-style: none;margin: 0;padding: 0;}
#demoLinkList li {float: left;width: 8em;}
#demoLinkList a {display: block;padding: 0.5em;background-color: #8899BB;color: #FFFFFF;text-decoration: none;}
#demoLinkList a:hover {background-color: #CCDDFF;color: #000000;}
#sprites {width: 100%;height: 500px;margin: 100px 0px 0px -20px;background: url(ajaxfiles/sprite_main.gif) center top no-repeat;/*border:1px solid #000;*/position: absolute;}
* html #sprites { display: none;}
#targetArea, #blindArea {clear: both;width: 840px;margin: 0 auto;background: #FFFFFF;border-left: 5px solid #FFFFFF;border-right: 5px solid #FFFFFF;}
.maptargetArea, .mapblindArea {clear: both;width: 770px;margin: 0px auto;background: #FFFFFF;border-left: 5px solid #FFFFFF;border-right: 5px solid #FFFFFF;}
#maptargetArea2, #mapblindArea2 {clear: both;width: 770px;margin: 0px auto;background: #FFFFFF;border-left: 5px solid #FFFFFF;border-right: 5px solid #FFFFFF;}
#copyright {text-align: center; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; margin: 2px 0 0 0;}
.awards {}
/*  start menu items  */
.item_size { text-align: center; float: right; margin: 0 30px 20px 0; font-weight: bold; color: #333; font-size: 11px; font-weight: bold; color: #e10800;}
.item_name {float: left; font-weight: bold; text-decoration: none; margin-left: 15px; font-family: Arial, Helvetica, sans-serif; color: #e10800; font-size: 11px;}
.item_price { text-align: center; float: right; margin-right: 37px; font-weight: bold; color: #333; font-size: 11px;}
.item_price_s {float: right; margin-right: 15px; font-weight: bold; color: #333; font-size: 11px;}
.item_price_spp { text-align: center; float: right; margin-right: 33px; font-weight: bold; color: #333; font-size: 11px;}
.item_desc {float: left; margin: 0 15px 10px 15px; font-size: 11px; text-align: left;}
.item_desc_c {margin: 0 0 10px 15px; font-size: 11px; text-align: center;}
/*  end menu items  */
/* Locations  */
.location {background: #deeaef; height: 113px; width: 152px;float: left; margin: 5px 10px 5px 0px;display: inline; padding: 0px 0px 0px 0px; }
.small_box1 {color: #333;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;font-weight: bold;margin: 0px;padding: 10px 0 0 0; display: block; letter-spacing: -0.02em; text-align:center;}
#locations_ct { margin: 0 0 0 4px; display: block; width: 100%; height: 280px;  }


#info_ct { margin: 0 0 0 0px; display: block; width: 600px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 80%; /* padding-right: -235px; */margin-left: 235px;}
#awards_ct { margin: 0 0 0 4px; display: block; width: 600px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 80%; /* padding-right: -235px;*/ margin-left: 235px;}


#catering_ct { margin: 0 0 0 4px; display: block; width: 100%; height: 380px;  }

#coupons p { text-align: center; }
#coupons p strong { font-size: 16px;}
#coupons p span { color: #ef3d42; font-weight: bold; }

#form { margin: 0 0 0 4px; display: block; width: 90%; height: auto;  }
#maps_ct { margin: 0 0 0 0px; display: block; width: 830px; height: auto; padding: 0 0 0 10px;  }
.maps_frame {background: #fff;border-style: dotted none dotted none; border-width: 2px; border-color: #66CCFF; width: 750px;}
.map_close_button {float: right; text-decoration: underline;}
/* Locations End  */
a.order {font: 11px/12px Arial, Helvetica, sans-serif;text-decoration: underline;letter-spacing: 0.01em;color: #ff3300;font-weight: bold;text-transform: uppercase;}	
a.order:link {font: 11px/12px Arial, Helvetica, sans-serif;text-decoration: none;letter-spacing: 0.01em;color: #ff3300;font-weight: bold;}
a.order:visited {font: 11px/12px Arial, Helvetica, sans-serif;text-decoration: none;letter-spacing: 0.01em;color: #ff9900;font-weight: bold;}
a.order:hover {font: 11px/12px Arial, Helvetica, sans-serif;text-decoration: underline;letter-spacing: 0.01em;color: #d92b00;font-weight: bold;}
a.footer_links:active {font: 11px/12px Arial, Helvetica, sans-serif;text-decoration: underline;letter-spacing: 0.01em;color: #d92b00;font-weight: bold;}
/* start: menu slider parameters  */
		* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		p { text-align: left; margin: 15px 0 }
		p, ul { font-size: 13px; line-height: 1.4em } 
		p a, li a { color: #39c; text-decoration: none }
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		p#cross-links { text-align: center }
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		a:focus { outline:none }
		img { border: 0 }
		.stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px;}
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0;
			position: relative;
			width: 100%;
			border-bottom: 20px #fff solid;
		}
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}
		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #666; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
			background: #fff;
		}
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #ececec;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 13px;
		}
		
		.stripNav a:hover {
			background: #999;
		}
		
		.stripNav a.current {
			background: #666;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("coda/images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("coda/images/arrow-right.gif") no-repeat center;
		}
/* end: menu slider parameters  */