@charset "UTF-8";
/* CSS Document */
/******************************************************************************************
/**** GENERAL ******************************************************************************************
******************************************************************************************/
html {
	width:100%;
	height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#D8A474;
	
/*	background:url(../images/sushihana-home-background.jpg) top center no-repeat;
	background-color:#000;	
*/	
}
p {
	margin-bottom:15px;
}
strong {
	font-weight:bold;
}
/******************************************************************************************
/**** LINKS ******************************************************************************************
******************************************************************************************/

/******************************************************************************************
/**** NAVIGATION ******************************************************************************************
******************************************************************************************/
ul#main-navigation {
	display:block;
	position:relative;
	padding-top:90px;
	height:27px;
	text-align:left;
	z-index:25;
	zoom:1;
}
ul#main-navigation  li{
	display:inline;
	position:relative;
	text-align:left;
	zoom:1;
}
ul#main-navigation  li a{
	display:block;
	position:relative;
	float:left;
	text-align:left;
	zoom:1;
}

ul#sub-navigation-list {
	display:block;
	position:relative;
	left: 40px;
	top: -720px;
	padding-top:0px;
	text-align:left;
}

ul#sub-navigation-list a{
	color: #fcdb78;
	font-size: 13px;
	line-height: 2.0em;
	list-style-type: none;
	letter-spacing: .15em;
	font-weight:bold;
	text-decoration: none;
}

ul#sub-navigation-list a:hover{
	text-decoration: underline;
}

ul#sub-navigation-list a#itemselected {
	font-weight:none;
	text-decoration: underline;
	display:block;
}

/******************************************************************************************
/**** LAYOUT ******************************************************************************************
******************************************************************************************/
#wrapper {
	display:block;
	position:relative;
	margin:auto;
	width:900px;
	text-align:center;
}

#contact {
	display:block;
	position:absolute;
	top:65px;
	left:500px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 0.1em;
	z-index:25;
}

#header {
	display:block;
	position:relative;
	text-align:left;
	z-index:20;
	zoom:1;
}

#content {
	display:block;
	position:relative;
	text-align:left;
	color: #680b05;	
	font-size:13px;
	line-height:20px;
	zoom:1;
}

#content-outer-color {
	border:1px solid #3D110E;
}
#content-inner-color {
	display:block;
	position:relative;
	border:1px solid #CE7E1F;
	min-height:476px;
	zoom:1;
}
#fade {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:476px; /*change this height to match the needed fade image height -- should be total needed index page height*/
	z-index:10;
	zoom:1;
}

#slideshow-items {
	position:relative;
	top:0;
	left:0;
	height:300px;
}

#middle {
	display:block;
	position:absolute;
	top:200px;  /*change this top to match the needed middle text start height*/
	left:0;
}
#bottom {
	display:block;
	position:absolute;
	top:328px; /*change this top to match the needed bottom text start height*/
	left:0;
	z-index:20;
}
#pre-load {
	display:none;
}

/******************************************************************************************
/**** STYLES ******************************************************************************************
******************************************************************************************/
/**** fade image list ******************************************/
#fade ul {
	display:block;
	position:relative;
	zoom:1;
}
#fade ul li {
	display:block;
	position:relative;
	zoom:1;
}

/**** main layout styles ******************************************/

#home-text {
	color: #e3ac7c;
	font-size:14px;
	line-height:21px;
	padding: 0;
	margin-top: 0;
}

#content .padding {
	background:#fae5af;
	padding-top: 30px;
	padding-right: 45px;
	padding-bottom: 30px;
	padding-left: 300px;
}

/*#content-text {
	background:url('../images/bg-repeat.png') repeat-y;
}*/

#content-left-image {
	display:block;
	position:relative;
	float: left;
	zoom: 1;
}

.content-topic-image {
	display:block;
	position:relative;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content h1 {
	color: #a01b10;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	letter-spacing: 0.15em;
	padding: 0;
	margin-top: 0.7em;
	margin-bottom: 0;
}

#content h2 {
	color: #680b05;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	letter-spacing: .03em;
	padding: 0;
	margin-top: 0.3em;
	margin-bottom: 0.05em;
}

#menu-text p {
	color: #680b05;
	font-size:12px;
	line-height:14px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#special-event-text p {
	color: #680b05;
	font-size:13px;
	line-height:1.2em;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#special-event-text h2 {
	color: #680b05;
	font-size:13px;
	font-weight:bold;
	line-height:1.3em;
	padding: 0;
	margin-top:13px;
	margin-bottom: 0;
}

#special-event-text h3 {
	color: #a01b10;
	font-size:13px;
	line-height:1.3em;
	font-style:italic;
	font-weight:bold;
	padding: 0;
	margin-top:3px;
	margin-bottom: 3px;
}

#content-text p {
	color: #680b05;
	font-size:13px;
	line-height:18px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

#content-text th {
	color: #a01b10;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	letter-spacing: 0.02em;
	padding: 0;
	margin-top: 2.0em;
	margin-bottom: 0;
}

#content-text td {
	font-size:13px;
	line-height:16px;
}

#content-text .alignright {
	text-align: right;
}

#content-text .indent {
	text-indent: 15px;
}

#content-text ul {
	list-style-type:disc;
	list-style-position: outside;
	margin-left:30px;
}

#reviews-table td {
	vertical-align:top;
	font-style:italic;
	padding-bottom:20px;
	
}

#indent-text {
	display:block;
	margin-left:20px;
	margin-top:10px;
}

#content a {
	color: #a01b10;
	font-weight:bold;
	text-decoration:underline;
}

#content a:hover{
	text-decoration: underline;
	color: #FF0000;
}

/**** end main layout styles ******************************************/

#content #bottom .padding {
	padding:22px 30px 30px 30px;
	background:none;
}
/******************************************************************************************
/**** FORMS ******************************************************************************************
******************************************************************************************/


/******************************************************************************************
/**** MISC ******************************************************************************************
******************************************************************************************/
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */
.clearing {
	display:block;
	position:relative;
	width:100%;
	clear:both;
	height:0px;
	line-height:1px;
	overflow:hidden;
}
