body{
	background-color:c0c0c0;
	text-align:left;
	margin:0px;
}

#container {
	margin: 0px auto;
	text-align:center;
	width:830px;
	height:800px;
	border:1px solid black;
}
#top_bar {
	width:100%;
	height: 30px;
	margin:0px;
	background: #e2d29e ;
	border-bottom:1px solid white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#044A06;
}
#top_bar .left {
	font-size:16px;
	color:#1C661E;
	padding:5px;
	float: left;
	font-weight:bold;
}
#top_bar .right {
	font-size:16px;
	color:#1C661E;
	padding:5px;
	float: right;
	font-weight:bold;
}
#board_area {
	width:100%;
	height:170px;
	background: #a3c286 ;
}
#fish_board {
	width:350px;
	height:168px;
	margin:0px;
	padding:0px;
	float:left;
	background: transparent url(imgs/fried_fish.gif) center center no-repeat;
}
#name_board {
	width: 478px;
	height:100%;
	margin:0px;
	padding:0px;
	float:right;
	position:relative;
	background: transparent url(imgs/curry_garden_board.gif) top left no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF9900;
}
#name_board h1{
	font-size:24px;
	text-indent: -16000px;
}
#name_board h3{
	font-size:16px;
	text-indent: -2000px;
}

.tabcontainer{
	position:absolute;
	left:5px;
	top:148px;
	text-align:center;
	width:470px;

}
#yellow_sep {
	width:100%;
	height:6px;
	background: #c4b685;
	margin:0px;
	padding:0px;
	font-size:2px;
}

#green_sep {
	width:100%;
	height:6px;
	background: #769559;
	margin:0px;
	padding:0px;
	font-size:2px; /* IE6 fix */
	border-bottom: 1px solid white;
	
}
#content_area {
	height:548px;
	width:100%;
	background-color:#5c733b;
	margin:0px;
	padding:0px;
	border-bottom: 1px solid white;
}
#offer_area {
	width:350px;
	height:100%;
	/*background-color:#fceab0;*/
	float:left;
	position:relative;
	overflow:hidden;
	text-align:center;
}

#offer_header {
	width:310px;
	height:30px;
	margin:20px 20px 0px 20px;
	padding-top:10px;
	padding-bottom:5px;
	background:#FAF3A5; /*url(imgs/special_offer.gif) left center no-repeat;*/
	border-bottom:2px solid #990000;
	border-right:3px solid #FFCC33;	
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:0.3em;
	vertical-align:middle;
}
#offer_content {
	width:310px;
	margin:0px 20px 0px 20px;
	padding:0px;
	background:#FAF3A5 ;
	border-bottom:2px solid #990000;
	border-right:3px solid #FFCC33;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;

}

#offer_content p {
	padding: 5px;
	font-family: Verdana, Helvetica,Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#990000;
	letter-spacing:0.1em;
	line-height:1.3em;
	text-align: left;
}
#offer_content p img{
	padding: 0px; 
	width: 110px;
	height: 40px;
	margin-right: 5px;
	float:left;
}

#mixed_area {
	width: 453px;
	height:508px;
	margin:20px 10px 20px 5px;
	padding:0px;
	float:right;
	position:relative;
	overflow-y:scroll;
	background-color:#F2E9A2;
	color:#990000;
	text-align:center;
}
#mixed_area p {
	text-align:justify;
	padding:5px 10px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.90em;
	letter-spacing:0.14em;
	font-style:normal;
	line-height:1.4em;
	
}
#mixed_area .heading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing: 0.3em;
	padding: 3px 5px 2px 5px;
	color:#990000;
	text-align:center;
}

#mixed_area .subheading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	letter-spacing: 0.2em;
	padding: 3px 5px 3px 5px;
	color:#990000;
	text-align:left;
}
table {
	collapse: collapse;
	border:1px solid #003300;
	border-collapse:collapse;
}
td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color: tranparent;
	color:#660000;
	border:1px solid #003300;
	text-align:center;
}
.serial {
	text-align:right;
	padding:3px 5px 3px 0px;
	vertical-align:top;
}
.itemname {
	font-size:12px;
	text-align:left;
	vertical-align:top;
	padding-left: 5px;
	text-transform:uppercase;
	font-weight:bold;
	color:#990000;
}
.itemdesc {
	font-size:10px;
	text-transform:none;	
	color:#660000;
	font-weight:normal;
}
.price {
	text-align:right;
	padding-right:5px;
	vertical-align:top;
}
.grpname {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.3em;
	text-align:center;
	background-color:#FCE494;
	text-transform:uppercase;
}
.grpdesc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:10px;
	line-height:1.5em;
	font-weight:normal;
	text-align: none;
	background-color:#FCE494;
	padding:3px 10px;
	letter-spacing:0.1em;
	float:left;
}
#map {
	text-align:center;
	width:400px;
	height: 450px;
	margin-left:15px;
}
.spoffer_head
{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2empx;
	font-weight:bold;
	width:85%;
	padding-left: 25px;
	margin-left: 10px;
	background:url(imgs/heart_bullet.gif) left top no-repeat;
	display:block;
	border: 1px solid red;
}

.spoffer_desc
{
	text-align: justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	width:85%;
	padding-left: 25px;
	padding-right: 10px;
}
.spoffer_ul {
	text-align: left;
	padding-left: 25px;
	
}
.spoffer_li {
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	padding-right:10px;
	
	list-style:circle;
}

