@import "links.css";
@import "styles.css";
@import "input.css";
@import "fileinput.css";
@import "cms.css";
@import "fx.css.php";
* {
outline: none;
}
* {
outline: none;
}
::selection		{ background:#ddd; color: #000;  /* Safari and Opera */ }
::-moz-selection  { background:#ddd; color: #000; /* Firefox */ }
img { border: 0px; }
hr {
height: 0px;
border: 0;
border-top: 1px solid #ccc;
}
html,body{  
	margin: auto;  
	margin:0;  
	height: 100%;  
	padding:0 0 0 0;  
	background: url(/img/wood.jpg) #bc7a6b;
	color: #ddd;   
	font-size: 14px;
	font-family: arial, sans serif;
}
#container { 
	background-repeat: repeat-x; 
	text-align: left;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	z-index: 20;
	margin: 0;
}
#coal {
	background: url(/img/coal.png) #444;
	border-bottom: 1px solid #222;
	border-top: 1px solid #fff;
	height: 35px;
	width: 100%;
}
#foot {
	background: url(/img/coal.png) #444;
	border-top: 1px solid #222;
	height: 25px;
	width: 100%;
	position: absolute;
	bottom: 0px;
}
.inside {
	position: relative;
	width: 850px;
	text-align: left;
}
#head {
	height: 100px;
	background: url(/img/whitecoal.jpg) #efefef;
	width: 100%;
}
#content {
	position: relative;
}
#box {
	position: relative;
	width: 600px;
	min-height: 785px;
	background: url(/img/back.jpg) #2b2b2b;	
	border: 1px solid #222;
}
#shadow {
	position: absolute;
	top: -30px;
	left: -50px;
	background: url(/img/shadow.png);	
	height: 535px;
	width: 452px;
}
#food {
	position: absolute;
	top: -16px;
	left: 620px;
}
.food {
	height: 170px;
}
.food img {
	height: 160px;
	width: 240px;
	border: 1px solid #95423f;
}
.item {
	color: #ddd;
	padding: 10px;
}
.item .title {
	float: left;
	width: 500px;
}
.item .serves {
	float: left;
	width: 60px;
	text-align: center;
}
.item .price {
	float: right;
	width: 80px;
	text-align: right;
}
.item.off {
	background: #1f1f1f;
}
.item.real:hover {
	background: #555;
}


/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 240px;
	height: 850px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 240px;
	height: 850px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 240px;
}