﻿/***************************************************/
/*  All information on the www.roadtripwyoming.com
		is protected by Copyright © 
		Hachi -Japanese Sushi & Robata -  */
/***************************************************/

body {
		margin:0;
		padding:0;
		color:#222222;
		font: normal 13px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana;
		background: url(images/Bg.gif) repeat;}
		
/* Float */
.floatLf{ float:left;}
.floatRt{ float:right;}	

table 	{
		border-collapse:collapse;
		border-spacing:0;}
  
img {border:0;}

p{ line-height:16px;}

ul li { list-style-type:none;}

/* Links */
a:link{
		font-size:100%;
		font-weight:inherit;
		font-style:inherit;
		color:#000;
		font-family: Lucida Sans Unicode;
		text-decoration:none;}
	
a:active {text-decoration:none; color:#000; font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana;}
a:visited {text-decoration:none; color:#000; font-size:100%;font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana;}
a:hover {text-decoration: none; color:#000; font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana;}	

.noUnderlineLink:link, .noUnderlineLink:active, .noUnderlineLink:visited{text-decoration:none;	}
.noUnderlineLink:hover{text-decoration:underline;}

/******************************/
/* Heading                   */
/******************************/

/*  Hachi */
h1 {
		font: normal 25px  Arial;
		margin:0; 
		display:none;
		padding:0;}	

/*  Title Heading */
h2 	{
		margin:0 0 10px 0;
		padding:5px 0 3px 10px;
		color:#fff;
		white-space:nowrap;
		word-spacing:3px;
		text-transform:uppercase;
		background:url(images/titleBg.gif) no-repeat;
		background-position:left top;
		font: normal 20px  Times New Roman;} 
				
/*  Title Heading */
h3 	{	margin:0 0 5px 0;
		color:#000;
		white-space:nowrap;
		font: normal 18px  Times New Roman;
		width:50%;
		padding: 0;}
		

.hachi 	{	
		margin:0;
		color:#000;
		font: bold 14px  Times New Roman;
		padding: 0;}
/******************************/
/*  Layout                   */
/*****************************/	
#Frame {
		width:990px;
		position:relative;
		margin: 20px auto;}
	
#inside {
		padding: 15px;
		float:left;
		background-color:white;
		border:1px solid black;}
	
/*----------------
   Right Content
-----------------*/	
/* IE7.0 */
#Content	{
		padding:20px 30px 20px 35px; 
		width:580px;
		float:right;
		background-color:#efeeec;
		margin:0 15px 0 10px;}	

#ContentIndex	{
		padding:20px 40px 20px 15px; 
		width:580px;
		float:right;
		background-color:#efeeec;
		margin:0 15px 0 10px;}			
#Content p	{ 
		line-height:18px;
		width:570px;}		

/***********************************/
/*  Header						   */
/***********************************/
#LfColumn {
		width:283px;
		float:left;}
	
/*-------
    Logo
---------*/
.logo{
		margin:0;
		width:200px;
		float:left;
		padding: 15px 0 0 0;}	
		
.manpuku{
		margin:0;
		width:200px;
		float:left;
		padding: 10px 0 0 0;}			
	
/*----------------
    Navigation
-----------------*/
.mainNavi{
		margin:0 10px 0 0;
		padding: 35px 0 25px 15px;
		background:url(images/naviVline.jpg) no-repeat;
		background-position:right top;
		float: left;}

.mainNavi li{
		margin: 0;
		width:199px;
		padding: 10px 0 10px 45px;
		text-transform:uppercase;  
		background:url(images/naveLine.jpg) no-repeat;
		color:black;
		word-spacing:1px;
		list-style-type: none;}		

.mainNavi a {color:black; font: normal 18px Times New Roman;} 

.mainNavi a:hover {color:#b85528;}

		
/******************************/
/*  Footer                  */
/******************************/
#Footer{
		margin:0;
		padding:0;
		font-size:11px;
		float:left;
		text-decoration: none;}
    
#Footer li{
		padding:0 5px;
		float:left;
		margin:0;} 
 
.copyright{ padding-left:300px; }

  
/******************************/
/* Reservation                */
/******************************/	
.reserveTitle{ 
		margin: 3px 0 25px 3px;
		color:#b85528;
		text-transform:uppercase;}
		
#Reservation { 
		float:left;
		width:577px;
		height:430px;
		background-position:bottom;
		background:url(images/reservationBg.jpg) no-repeat bottom right;}
	
.ReservationText{
		float:left;
		line-height:18px;
		font-size:12px;
		padding-bottom:20px;
		width:300px;}	

.reservationNumber{ 
	width:586px;
		margin-left:-10px;
		float:left;
		height:180px;
		margin-top:15px;
		background-position:left top;
		background:url(images/reservationPhoneBg.jpg) no-repeat;}
		
.reservationNumber p{ 
		 font-size:14px;
		 width:210px;
		 font: normal 19px  Times New Roman;
		 padding:20px 0 0 30px; }	
		 
 /******************************/
/*  Sushi                     */
/*****************************/	
.phoneNumberSushi{ 
		width:580px;
		margin-left:-10px;
		margin-top:10px;
		float:left;
		height:180px;
		background-position:left top;
		background:url(images/reservationSushi.jpg) no-repeat;}
		
.phoneNumberSushi p{ 
		 font-size:14px;
		 width:210px;
		 font-style:italic;
		 font: normal 19px  Times New Roman;
		 padding:25px 0 0 30px; }	
		 
 /******************************/
/*  Robata                     */
/*****************************/	
.phoneNumber_robata{
		width:580px;
		float:left;
		margin-top:30px;
		height:180px;
		background-position:left top;
		background:url(images/reservationRobata.jpg) no-repeat;}
		
.phoneNumber_robata p{ 
		 font-size:14px;
		 font: normal 19px  Times New Roman;
		 padding:25px 0 0 30px; }			 
		   
/******************************/
/*  Menu                     */
/*****************************/	
	
		
.phoneNumber_menu{ 
		width:586px;
		margin-left:-10px;
		float:left;
		height:180px;
		background-position:left top;
		background:url(images/menuBg.jpg) no-repeat;}	
				
.phoneNumber p, .phoneNumber_menu p{ 
		 font-size:14px;
		 width:220px;
		 font-style:italic;
		 font: normal 19px  Times New Roman;
		padding:30px 0 35px 30px; }		

.phoneMesage{
		font: bold 19px  Times New Roman;
		margin-bottom:18px;
		 line-height:22px; padding:25px 0 0 30px; 
		font-style:italic;} 
		
.phoneCall{
		margin:28px 0 0 95px;
		display:inline;
		font-style:italic;
		float:left;} 
				
/****************/
/*  Special		*/
/****************/

/* Special Menu */

#SpecialBox{
		background:url(images/specialBg.gif) no-repeat;
		margin-left:-15px;
		width:638px;
		float:left;}

.specialTitle{ 
		margin: 15px 0 5px 25px;
		color:#b85528;
		text-transform:uppercase;}
		
.special{
		margin:0 0 15px 0;
		display:inline;
		padding:5px 0 15px 23px;
		float:left;}
    
.special li{
		float:left;
		margin:0;
		width:170px;
		text-align:center;
		padding:0 15px 0 5px;}  
		 
.special img{ float:left;} 

.price{
		color:#b85528;
		font-size:18px;}   

/****************/
/*    Menu   	*/
/****************/
.menuTitle{ 
		margin: 15px 0 8px 20px;
		white-space:nowrap;
		text-transform:uppercase;}
		
/* menu List */
#MenuBox{
		margin:15px 0;
		width:260px;
		background:url(images/menuListBg.jpg) no-repeat;
		background-position:top left;
		float:left;}
		
/* menu List */
#MenuBox2{
		margin:15px 0;
		width:260px;
		background:url(images/menuListBg02.jpg) no-repeat;
		background-position:top left;
		float:left;}		
		
.menuListSushi{
		margin: 0 0 15px 10px;
		display:inline;
		width:250px;
		float:left;	
		padding:20px 0;}
		
.menuListSushi td  {
	border-bottom:1px solid #bfb18a;
	margin:10px;
	font-size:10px;
	text-align:left;
	padding:3px 20px 3px 20px;}	
	
.menuListSushi th  {
		border-bottom:1px solid #bfb18a;
		margin:10px;
		text-align:left;
		margin:0 5px;
		font-weight:normal;
		font-size:11px;
		padding:3px 20px 3px 20px;}

.menuList{
		margin: 0 0 15px 10px;
		display:inline;
		width:230px;
		float:left;	
		padding:10px 0;}
		
.menuList td  {
	border-bottom:1px solid #bfb18a;
	margin:10px;
	font-size:10px;
	text-align:left;
	padding:3px 20px 3px 20px;}	
	
.menuList th  {
		border-bottom:1px solid #bfb18a;
		margin:10px;
		text-align:left;
		margin:0 5px;
		font-weight:normal;
		font-size:11px;
		padding:3px 20px 3px 20px;}	
		
.menuList a, .menuListSushi a{ 
		font-size:11px;
		margin:5px 0;
		float:right; 
		background:url(images/arrow_red.gif) no-repeat;
		background-position:right center;
		padding-right:10px;
		text-decoration:underline;
		color:#b85528;}			
		
.menuList_right{ margin-right:70px; float:left;}
		
.welcome
{ width:300px;
	}
	
/******************************/
/* Our Chef                  */
/******************************/
#Chef{ 
	float:left;
	width:577px;
	background-position:bottom;
	background:url(images/directionBg.jpg) no-repeat bottom left;}
	


 .Chef01
        {
            background: url(images/chef01Bg.jpg) no-repeat bottom left;
            width:568px;
            float:left;
        }
           .Chef02
        {
            background: url(images/chef02Bg.jpg) no-repeat bottom left;
            width:568px;
            float:left;
        }
           .Chef03
        {
            background: url(images/chef03Bg.jpg) no-repeat bottom left;
            width:568px;
            float:left;
        }
        .ChefText
        {
            float: right;
            line-height:18px;
            padding:10px 0 15px 0; 
            width:350px;
        }
        .chefQuestion
        {
            margin: 0 0 0 15px;
            padding:10px;
            background-color:White;
            width:320px;
        }
        .chefQuestion li
        {
            margin: 0;
            padding: 3px;
        }
        .answer
        {
            font-weight: bold;
            margin-bottom: 5px;
            border-bottom:1px dotted #999;
            margin-left: 50px;
        }
/******************************/
/* Menu		                  */
/******************************/

/* menu List */
#AppBox{
		
		margin:15px 0 15px 0;
		width:260px;
		height:174px;
		background:url(images/apptizeBg.jpg) no-repeat;
		background-position:bottom left;
		float:left;}

#Menu{ 
	float:left;
	width:577px;
	margin:15px 0;
	background-position:bottom;
	background:url(images/menuBg.jpg) no-repeat bottom right;}
	
.menuTable{
		margin: -5px 0 15px 10px;
		display:inline;
		width:240px;
		float:left;	
		padding: 0;}
    
.menuTable td  {
	border-bottom:1px solid #bfb18a;
	margin:0px 0 10px 10px;
	font-size:11px;
	text-align:left;
	padding:0px 15px 0px 5px;}	
	
.menuTable th  {
		border-bottom:1px solid #bfb18a;
		margin:10px 0;
		text-align:left;
		margin:0 5px;
		font-weight:normal;
		font-size:11px;
		padding:1px 5px 0 5px;}		
		
.menuTable  a{ text-decoration:underline;}	

.menuTable  a:hover{ text-decoration:none;}	

			
	
/******************************/
/* Direction                  */
/******************************/	
.BusinessHours{ 
	width:310px;
	border-top:1px dotted #000;
	 margin:5px 0 0 0;
	 float:left;
	 display:block;}	

.BusinessHours th {
 margin-left :25px;
 text-align:left; 
	width:100px;
   padding:8px 0;
  vertical-align:top;}

.BusinessHours td {
  padding:8px 0;
  width:200px;
 margin-right :25px; 
  vertical-align:top;}	


#Direction{ 
	float:left;
	width:577px;
	background-position:bottom;
	background:url(images/directionBg.jpg) no-repeat bottom right;}
	
.direction
	{ width:300px;
	 margin:0;
	 float:left;}	
	
.direction th {
  padding:8px 10px 8px 0;
  white-space:nowrap;
  vertical-align:top;
  text-align:left;
  margin-right:10px;
  font: bold 14px  Times New Roman;
  border-bottom:1px dotted #000;}	
  
.direction td {
  padding:8px 0;
 margin-left :10px; 
  vertical-align:top;
  border-bottom:1px dotted #000;}	
  
.direction td a{
                color:#b30f0e; 
				text-decoration:underline;} 
				
.direction td a:hover{
                color:#b30f0e; 
				text-decoration:none;} 				
                
.direction_img {
	margin-bottom:10px;
	padding:5px; 
	border:1px solid #898989;} 	
	
	
#Company{ 
	float:left;
	width:577px;
	background-position:bottom;
	background:url(images/companyBg.jpg) no-repeat bottom right;}	