body { text-align: center; margin: 5em 0 0 0; vertical-align: middle; background: #4d4540 url(../images/bg.jpg) no-repeat fixed bottom right; }

* html #container { 
height: 99%; 
}

a {color: #999;}
a:link {text-decoration: none;}
a:visited {	text-decoration: none;}
a:active {text-decoration: none;}
a img{opacity:50%; border: 0; }
.section a:hover img{opacity:100%;}


#float {float:left; width:100%; padding:0px 5px; height:100%;}
#floatr {float:right; width:50%; padding-left:20px;}
# space {float: left; width:100%; height: 100px; position: relative;}
	
#wrapper { width: 800px; text-align: left; margin: 0 auto }
#header {width:800px; }
#logo {opacity:35%; width: 470px; height: 61px; float:left; background-image:url(../images/logo.jpg);}
#menu {float:right; width:330; height:61px; z-index:100; position:relative;}

.top{
	display:block;
	position:relative;
	z-index:0;
	height:278px;
	margin:0 auto;
	width:800px;
	float:left;
	opacity:30%;
	background-color: #333;
	background-image: url(images/index/index1.jpg);
}
.top:hover {background-color:#000;}

#pic-left {float: left; position:relative; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/about.jpg);}
#pic-left-gallery {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background-color; background:url(../images/side/gallery.jpg);}
#pic-left-contact {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/contact.jpg);}
#pic-left-chestnut {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/oishii1/1.jpg); }
#pic-left-press {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/award.jpg);}
#pic-left-boston {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/room.jpg);}
#pic-left-gift {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/gift.jpg);}
#pic-left-app {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/app.jpg);}
#pic-left-sushi {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/sushi.jpg);}
#pic-left-lunch {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/lunch.jpg);}
#pic-left-special {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/special.jpg);}
#pic-left-dessert {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/dessert.jpg);}
#pic-left-wine {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/cocktail.jpg);}
#pic-left-entree {float: left; width: 219px; height: 278px; border:0; padding:0; margin:0; background:url(../images/side/entree.jpg);}


#right-container {float: left; margin:10px 10px; width:550px; height:253px; position:relative; }
#right-container:hover {background-color: #;}
#story {width:100%; height:23px; float: left; background: url(../images/title-story.png) no-repeat;}
#chestnut {width:100%; height:23px; float: left; background: url(../images/title-chestnuthill.png) no-repeat;}
#press {width:100%; height:23px; float: left; background: url(../images/title-press.png) no-repeat;}
#boston {width:100%; height:23px; float: left; background: url(../images/title-boston.png) no-repeat;}
#gift {width:100%; height:23px; float: left; background: url(../images/title-gift.png) no-repeat;}

.content {padding:0; height: 278px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#ccc; line-height: 14.5px; letter-spacing: 0px;}
.content2 {padding:0; height: 278; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ccc; letter-spacing: 0px;}
.greyb {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666; font-weight:bold ;letter-spacing: 0px;}
.redb {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:# 663300; font-weight:bold ;letter-spacing: 0px;}
.redb a:hover {color:#663300;}

.slideshow-images-visible{opacity:1; }
.slideshow-images-next{opacity:0;}

#mission {float: left; background: url(../images/mission.png) no-repeat; opacity:0.5; width:800px; height:170px; margin-top:20px; }

#gallery {float:left; padding-left: 50px; width:530px; height:320px; background-color: #333;}
#gallery:hover {background-color: #000;}
.section{border-top: 3px solid #3d3d33;	padding: 1.2em 0 0 0;	overflow: auto;	width: 530px;}

.thumbnail{	padding: 3px 3px 8px 3px; background-color: #222; border: 1px solid #2a2a2a; float: left; margin-right: 10px; 	margin-bottom: 5px;	}	


#map {width:550px; height:250px; float: left; background: url(../images/map.png) no-repeat;}
.map a {text-align:right;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#666; background: #663333;}
.map a:hover {text-decoration: underline; color: #999; background: #333;}

#contact {float:left; padding: 10px 20px 25px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#ccc; width:760px;}
.contact-left {float:left; width:32%; padding:0px 0px 0px 15px; border-right:1px dotted #778;}
.contact-left:hover {background-color: #666;}
.contact-right {float:right; width:28%; padding:0px 8px 0px 20px;}
.contact-right:hover {background-color: #666;}

#menuc {float:right; background-color:#333; width:581px; opacity: 50%;}
#menu-title {margin:20px 0px 10px 20px; background-color:#4d4540; width:100%; height:23px; width:561px; float: left; background: url(../images/title-menu.gif) no-repeat;}

#address {float:left; padding: 2px; color:#666; font: 10px arial; weight:100%; position:relative;}
#address1 {float:left; padding: 2px 0px 0px 10px; color:#666; font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif; weight:100%; position:relative; line-height: 140%; line-weight: bold;}

.address a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCC;}
.address a:hover {text-decoration: underline; color: #999;}

#footer {position: fixed; bottom: 0.4em; right: 0.3em; color:#666; font: 9px Verdana; padding:0; margin:0;}


.menu {
	line-height: 110%;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#666666;
	text-align: left;
	font-weight: normal; 
}

.menubold {
	line-height: 200%;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#999;
	text-align: left;
	font-variant: normal;
	text-transform: capitalize; 
}

#menubold {	padding:10px 20px 10px 20px; float:left; width: 540px; backgroung-color:#333;}
#menubold:hover {backgroung-color:#000;}
	
.menu .menuboldlg {
}

.bodybold {float:left; padding-left: 20px; width: 540px;
	line-height: 140%;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color: #414141;
	color:#999; 
}

.tiny {
	line-height: 140%;
	font-size: 9px;
	font-weight: regular;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#666666;
	text-align: right;
}