/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a {text-decoration:none;}

/* Now, the real styles */

@font-face { font-family: 'Lucida Console'; src: url('Lucida-Console.ttf'); } 

body {
	background: #c2eaff url(images/bg.png) repeat-x;
	font-family: 'Lucida Console', Courier, Arial, San-serif;
	position: relative;
	z-index: 0;
}

h2 {
	font-size: 16px;
	line-height: 20px;
	padding-top: 30px;	
	font-weight: normal;
}

a { 
	color:#f9d53f;
	text-decoration: underline;
}

p {
	font-size:12px;
	margin-bottom: 10px;
}

ul {
	font-family: Lucida Console, Courrier, Ariel, San-serif;
	font-size: 12px;

}

a:hover {
	text-decoration: none;	
}

#container {
	width: 980px;	
	margin: 0 auto;
}

/* Header and Navigation Styles */
#header {
	float:left;
	width: 734px;
	height: 105px;
	background: url(images/header-bg.png);
	display: block;
}

#header ul {
	float: left;
	display: inline;
	margin: 25px 0 0 84px;	
}

#header ul li {
	float: left;
	display: inline;
	list-style: none;
}

#header ul li a {
	height: 51px;
	display: block;
}

#header ul li a#menus {
	width: 74px;
	background: url(images/header-menus.png);
}

#header ul li a#menus:hover {
	background: url(images/header-menus-hover.png);
}

#header ul li a#gallery {
	width: 97px;
	background: url(images/header-gallery.png);
}

#header ul li a#gallery:hover {
	background: url(images/header-gallery-hover.png);
}

#header ul li a#location {
	width: 102px;
	background: url(images/header-location.png);
}

#header ul li a#location:hover {
	background: url(images/header-location-hover.png);
}

#header ul li a#about {
	width: 84px;
	background: url(images/header-about.png);
}

#header ul li a#about:hover {
	background: url(images/header-about-hover.png);
}

#header ul li a#skybar {
	width: 98px;
	background: url(images/header-skybar.png);
}

#header ul li a#skybar:hover {
	background: url(images/header-skybar-hover.png);
} 

#header ul li a#giftcards {
	width: 122px;
	background: url(images/header-giftcards.png) center center;
}

#header ul li a#giftcards:hover {
	background: url(images/header-giftcards-hover.png) center center;
}

#gc-balance {
	position: absolute;
	top: 61px;
	left:50%;
	display:none;
	margin: 0 0 0 -37px;	
}

/* Sidebar Styles */

#sidebar {
	width: 226px;
	float:right;
	margin: 0 0 0 20px;
}

#sidebar h2 {
	padding-top: 0px;	
}

#sidebar p {
	margin-bottom: 0px;
	line-height: 14px;	
}

#hot-sidebar {
	position: absolute;
	top:0px;
	left: 50%;
	margin: 0 0 0 305px;
	z-index:5;	
	width: 156px;
	height: 100%;
}

.sidebar-below-rocket {
	background: url(images/sidebar-bg.png) repeat-y;	
	margin:0 25px 0 35px;
	text-align: center;
	color: #c8e6fa;
}

#sidebar-stretcher {
	background: url(images/sidebar-bg.png) repeat-y;	
	position: absolute;
	top: 570px;
	left: 50%;
	width: 166px;
	margin: 0 0 0 299px;
	z-index: -1;
}

#sidebar p {
	font-color:#adafb2;
	
}

#sidebar h2 {
	font-size:17px;
	color:#d7e683;
	// margin:15px 0 0 0;
	
}

.sidebar-divider {
	margin: 20px 0 20px 0;
}

#sidebar .sidebar-photo{
	margin:10px 0 12px 0;

}

#sidebar-content {
}



/* end sidebar styles */


#nav-gift {
	position: absolute;
	top:88px;
	left:50%;
	margin-left:-40px;

}

#nav-gift a {
	margin: 0 0 0 12px;
}

#second-nav-left{
}


#second-nav-right{
	margin-top:28px;
	float: right;
	text-align:right;
	color: #383b3f;
}

#second-nav #address p {
	font-size: 11px;	
}

#map-res-social {
	margin:0;
	padding:0;
}

.star {
	margin-right:10px;
}

.location-page p {
	font-size: 12px;
}

.location-list {
}


.location-list ul li {
	list-style-image: url(images/star.png);
	margin-left: 98px;
	margin-right: 80px;
}

/* Index Styles */

.foodbg-1 {
	position:absolute;
	top: 79px;
	left: 50%;
	margin: 0 0 0 -25px;	
}

.foodbg-2 {
	position:absolute;
	top: 50px;
	left: 50%;
	margin: 0 0 0 -70px;	
}

.foodbg-3 {
	position:absolute;
	top: 78px;
	left: 50%;
	margin: 0 0 0 -15px;	
}

.foodbg-giftcard {
	position:absolute;
	top: 74px;
	left: 50%;
	margin: 0 0 0 -42px;	
}

/*Menu Styles */

#menu-area {
	background: #ffc6b0 url(images/menu-bg.jpg) no-repeat;
	width: 644px;
	margin-left:57px;
	margin-top:40px;		
	padding-bottom: 40px;		
	-webkit-box-shadow: -3px 5px 7px #abc0cb;
	-moz-box-shadow: -3px 5px 7px #abc0cb;
	-box-shadow: -3px 5px 7px #abc0cb;
}

#menu-type, #meal-type {
	width: 550px;
	padding: 30px 0px 10px 0;
	margin: 0 74px 0px 45px;
}

#menu-type a, #meal-type a {
	color: #ff6f28;
	text-decoration: underline;
	background:url(images/work-pdf.png) no-repeat;
	padding:15px 0 15px 45px;
	margin: 10px 0 0 0;
	text-align:center;
}

#menu-type a:hover, #meal-type a:hover {
	text-decoration: none;	
}

/* #menu-type a:active, #meal-type a:active {
	color: #383b3f;
	text-decoration: none;
	margin-left: 50px;
} */

ul#menu-type li,  ul#meal-type li, ul#menu-nav li {
	list-style: none;
	float: left;
	display: inline;
	font-size: 18px;
	margin-left: 50px;
	color:#635049;
}
ul#menu-nav {
	list-style: none;
	float: left;
	display: inline;
	font-size: 18px;
	margin-left: 50px;
	color:#635049;
}

.ItemName   {
	list-style: none;
	float: left;
	display: inline;
	font-size: 18px;
	margin-left: 50px;
	color:#635049;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

ul#active-menu	{
	color:#635049;
	display:inline;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.Price  {
	list-style: none;
	float: left;
	display: inline;
	font-size: 18px;
	margin-left: 50px;
	color:#635049;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.SectionName   {
	list-style: none;
	font-weight:bold;
	float: left;
	display: inline;
	font-size: 18px;
	margin-left: 50px;
	color:#635049;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#menu-area table#menu-actual {
	width: 500px;
	margin: 0 70px 20px 70px;
	color: #383b3f;	
	vertical-align: top;
}

#menu-area table#menu-actual tr th {
	font-size: 22px;
	text-transform: uppercase;
}

#menu-area table#menu-actual tr td h2 {
	font-size: 17px;
	text-transform: uppercase;
	margin: 0;
	padding: 0px;	
}

#menu-area table#menu-actual tr td {
	font-size: 14px;	
	vertical-align: top;
	padding: 10px 0px;	
}

#menu-area table#menu-actual tr td.price {
	text-align: right;
	font-size: 17px;
}

/*Work styles */


#work-content h2 {
	font-size: 20px;
	text-align: center;
	padding-top: 36px;
	padding-bottom: 21px;
}


a.pdf {
	background:url(images/work-pdf.png) no-repeat;
	padding:15px 0 15px 45px;
	margin: 0px 0px 36px -260px;
}


#work-content p {
	text-align: center;
}

#work-content {
	margin-top: 300px;
}

#benefits-work {
	margin-top: 30px;
}


#benefits-work h2 {
	font-size: 25px;
	color: white;
	margin:10px 0 13px 0;
}

#benefits-work p {
	color: white;
	font-size: 12px;
	line-height: 22px;
}



/*Skybar styles*/

.content-margin {
	margin-left:120px;
	width:580px;

}

.content-margin-index {
	margin-left:120px;
	width:580px;
	display: inline;
}


#content-index {
	float:left;
	margin-top:575px;
	
}

#benefits h2 {
	font-size: 16px;
	margin:0 0 13px 0;
}

#benefits p {
}

.onethird {
	float:left;
	display: inline;
	width:172px;
	height:172px;
	text-align: center;
	margin:0 32px 28px 0;
	color: white;
}

.onethird p {
	width: 142px;
	padding: 0 15px;	
}

.onethird-image {
	float:left;
	display: inline;
	width:172px;
	height:172px;
	margin:0 32px 28px 0;
	color: white;
}

.twothird {
	float: left;
	display: inline;
	width:375px;
	height:172px;
	text-align: center;
	margin:0 32px 0 0;
	color: white;	
}

.twothird p {
	width: 345px;
	padding: 0 15px;	
}

.full {
	width:579px;
	padding-bottom:30px;
	color: white;
}

.full p {
	width: 519px;
	padding: 0 30px;	
}

.last {
	margin:0 0 28px 0;
}

.bottom {
	margin-bottom: 0px;
}

/* Benefits */
	
.dark-green {
	background: #5f8639;
}


/*same color for full box */
		
.skybar-blue {
	background: #c8e6fa;
}

.skybar-blue h2, .skybar-blue p {
	color: #135db7;	
}

.light-green {
	background: #82ac41;
	color:#ffffff;
}


.blue {
	background: #598ab5;
	color:#ffffff;
}

.beige {
	background: #ebd096;
	color: #000000;
}

.yellow{
	background: #f9d53f;
	color: black;
}

.work-green{
	background: #82ac41;
}


.sidebar-green{
	background: #d7e683;
	color: #383b3f;
}

.sidebar-green a {
	color: #5f8639;
}

.black {
	background:#383b3f;
}

/*end content styles */



/*Gallery styles*/
#container #gallery-page {
	margin:28px 0 0 105px;
}


/*About styles*/
#about-content {
	margin:400px 0 0 0;

}

#skewers { 
	background:url(images/about-skewers.jpg);
	width:172px;
	height:172px; 
}


/*Footer Styles */

#footer-bar {
	width:575px;
	margin-left:128px;
}
#footer-bar-menu {
	width:575px;
	margin-left:325px;
}

#footer ul {
	margin-top:28px;
	float:left;
	display: inline;
	background: url(images/footer.png) no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 569px;
}

#footer ul li {
	display:inline;
	list-style: none;
}

.first-link {
	padding-left:39px;
}

#footer ul li a {
	color:#f9d53f;
	text-decoration: underline;
	padding-right:39px;
}

#footer ul li a:hover {
	text-decoration: none;
}

#footer-logo {
	clear:both;
	margin-left:340px;
}
#footer-logo-menu {
	clear:both;
	margin-left:-200px;
	padding-bottom: 40px;
}




/* Tray Styles */

#tray-background {
	position: absolute;
	top: 25px;
	left: 50%;
	z-index:-1;
	margin: 0 0 0 -620px;
}

#content-tray {
	position: absolute;
	top: -5px;
	left: 50%;
	z-index: -1;
	margin: 0 0 0 -560px;	
}

#tray {
	
}

#tray #tray-bg-shadow {
	position: absolute;
	top: 100px;
	left: 50%;
	margin: 0 0 0 -470px;
	z-index: 2;	
}

#tray #tray-bg {
	position: absolute;
	top: 141px;
	left: 50%;
	margin: 0 0 0 -400px;
	z-index: 3;	
}

#tray #tray-burger {
	position: absolute;
	top: 65px;
	left: 50%;
	margin: 0 0 0 -35px;
	z-index: 4;	
}


#tray #tray-logo {
	position:absolute;
	top:210px;
	left:50%;
	margin:0 0 0 -335px;
	z-index: 4;
}

#tray #tray-logo-tag {
	position:absolute;
	top:325px;
	left:50%;
	margin:0 0 0 -312px;
	font-family: Lucida Console;
	font-size:16px;
	z-index:4;
	color:#383b3f;
}

#tray #tray-fork {
	position:absolute;
	top:350px;
	left:50%;
	z-index:6;
	margin:0 0 0 -615px;
}


/* Tray buttons - Bottom modules */

#tray .tray-button {
	position:absolute;
	top:500px;
	left:50%;
	z-index: 4;
}


#tray #tray-reservations {
	margin:0 0 0 -360px;
}

#tray #tray-menu {
	margin:0 0 0 -150px;
}

#tray #tray-map {
	margin:0 0 0 -84px;
}

#tray #tray-facebook {
	margin:0 0 0 120px;
}

#tray #tray-twitter {
	margin:0 0 0 80px;
}

/* End tray buttons -- Bottom modules */


/* Tray text -- Bottom modules */
#tray {
	color:#505255;
	line-height: 14px;	
}

#tray .tray-top {
	position: absolute;
	left: 50%;
	top:480px;
	z-index: 5;
}

#tray p.tray-bottom {
	position: absolute;
	left:50%;
	top:545px;
	font-family: Lucida Console;
	font-size: 12px;
	line-height: 14px;
	z-index:5;
	text-align: center;
}

	
		/*Note: I'm giving this id a unique position because it has 2 lines of text */
#tray #tray-yes-you {
	margin:0 0 0 -325px;
	position: absolute;
	left: 50%;
	top:470px;
	z-index: 5;
}

#tray #tray-number {
	margin: 0 0 0 -130px
}

#tray #support {
	margin:0 0 0 72px;
}


#tray #tray-online {
	margin:0 0 0 -322px;
}

#tray #tray-address {
	margin:0 0 0 -135px;
}

#tray #tray-support {
	margin:0 0 0 78px;
	
	
}
	/*End text below and above the buttons */
	


/* Misc Styles */
#hide {
	display: none;	
}

.larger {
	font-size:19px;	
}

.skewers {
	background: url(images/about-skewers.jpg);	
}

.shortcake {
	background: url(images/about-shortcake.jpg);	
}

.skybarchic {
	background: url(images/skybar-woman.jpg);		
}

.skybarship {
	background: url(images/skybar-ship.jpg);		
}

.location-map {
	background: url(images/location-map.jpg);		
}

.location-cars {
	background: url(images/location-cars.jpg);		
}

.work-dance {
	background: url(images/work-dance.jpg);
}

.work-dolls {
	background: url(images/work-dolls.jpg);
}