/* CSS Document */

/*  Eric meyer reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, q {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	/*font-size: 100%;*/
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background:#D9D9FF;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end of Meyers reset*/

/*---------------------------clearfix hack ---------------------------------------------*/

.clearfix:after {
    content: ".";
	clear: both;
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*---------------------------------end clearfix hack--------------------------------*/

/*-------------------------------COMMON CLASSES*/    

.floatLeft{
float:left;}

.floatRight {
float:right;
}

.clear {
clear:both;
}

.test {
border:1px dotted red;
}

/*TYPOGRAPHY*/

/*set 1em to equal 10px for ease of use*/
body {
color:#fafafa;
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*HEADINGS*/


h1 {
color:#473119;
font-size:1.3em;
font-weight:bold;
}


h2{
border-bottom:3px solid #FF9999;
 color:#473119;
 font-weight:normal;
 font-size:2.5em;
line-height:2;
padding-botton:2px;


}
/*ELEMENTS*/
a{
text-decoration:none;
}

p {
padding-top:5px;
line-height:1.5em;
}

/*-----------------------LAYOUT -------------------------------------------------*/

body {
background:#271B0D;
color:#1E1E1E;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#containAll {
font-size:1.2em;
margin:auto;
width:865px;
background:#Fafafa;
}


#header {
background:	#473119 url(images/brown.jpg) repeat-x;
height:141px;
}

   #headerBorder{
   background:#715639 url(images/upperGrad.jpg) repeat-x;
   height:12px;
   width:100%;
    }
	
	.logo{
	 background:transparent;
	float:left;
font-size:1.2em;
color:#fafafa;
	margin:20px 0 0 20px;

	}

#mainContain {
min-height:360px;
width:815px;

}

#menuPage #mainContain{

width:850px;
}

#index #mainContain, #contact #mainContain{
background:	url(images/chopstick2.jpg) no-repeat bottom right;
padding:25px 25px 0 25px;

}



	#content{
	float:left;
	min-height:303px; !important 
		}
	
	#index #content{
	background: url(images/slice_images.jpg) no-repeat;
	}
	
		#content p, 	#content h1, 	#content blockquote, #content q {
		margin-left:250px;
		padding-top:12px;
		width:365px;		
		}
	 /*needed for ie6 */
	#content blockquote, #content q{
	padding-bottom:5px;
	

	}
	 	

	#sideBar{
	float:right;
	width:170px;	
	text-align:center;	
	}
	
	
	#sideBar label, .sideBarLabel {
	display:block;
	padding:20px 0 5px 0;
	font-size:1.3em;
	font-weight:bold;
	/*font-family:"Times New Roman", Times, serif;*/
	}
	
	#linesUp{
	background:	url(images/pink.jpg) no-repeat top;
	background:		url(images/doubleLine.gif) no-repeat top;
	display:block;	
	margin:auto;
	padding-top:20px;
	}	
	
	#linesDown{
	background:	url(images/pink.jpg) no-repeat bottom;
	background:		url(images/doubleLine.gif) no-repeat bottom;
	padding-bottom:20px;
	display:block;		
	}
	
	
#index #footerBorder,#contact #footerBorder {
height:150px;
background: #473119 url(images/bamboo2.jpg) no-repeat top;
}

#index #footerBorder p, #contact #footerBorder p {
	padding-top:120px;
	color:#fafafa;
	}
	
#footerBorder{
height:50px;
background: #473119 ;
}

	 #footerBorder p {
	 padding-top:20px;
	color:#fafafa;
	text-align:center;
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
/*--------------------------------------MAIN -NAV -----------------------------*/
#nav{
float:right;
list-style:none;
position:relative;
top:110px;
right:20px;

}

#nav li {
list-style: none;
margin-left:10px;
color:#715639;
}  

#nav li, #nav a{
display:block;
font-size:1.2em;
display:inline;

}

#nav a{
color:#8e6948;
margin-right:10px;
}

#nav a:hover{
color:#fafafa;
}


/*MENU NAVIGATION*/


#menuNav{
float:left;
width:180px;
padding:20px;
background:white;
}


#menuNav a{
color:#5C2E8B;
}
#menuNav ul {
width:185px;
background: url(images/menuSliced.jpg) no-repeat;
list-style:none;
 padding-top:80px;
 font-size:2.5em;
 line-height:2;
 color:#473119;
}


.active{
border-bottom:1px solid #FF9999;
padding-bottom:2px;
}


#menuNav li{
padding-bottom:2px;
border-bottom:3px solid #Fafafa;
}
#menuNav li:hover{
border-bottom:3px solid #FF9999;

}

#sushiMenu{
float:left;
width:424px;
background:transparent url(images/shadowRight.png) repeat-y top left;

}

.show{
display:block;

}

.show h3, .show ul {
margin:10px;
}

.hide {
display:none;
}


#sushiMenu dt {
padding:5px;
width:100px;
float:left;


} 

#sushiMenu dd{
margin-left:110px;
padding:5px;

}
.first {
border-top:1px solid pink;
}

#menuPage #sideBar{
margin-top:50px;
margin-top:20px;
width:190px;
}
	

.shawdowRight{
background:transparent url(images/shadowLeft.png) repeat-y top right;
padding:20px;
min-height:323px ;
}


		#shawdowRight p{
		
		font-size:1.3em;
		padding:2px 0 10px 0;
		margin:0;
		}
		
		#shawdowRight ul{
		line-height:2;
		}


.menuOverlapHeaderL, .menuOverlapHeaderR{
background: white url(images/menuTopLeft.jpg) repeat-x bottom left;
height:12px;
}

.menuOverlapHeaderL{
float:left;
width:220px;

}

.menuOverlapHeaderR{
float:right;
width:221px;
}

/*------------------------------CONTACT-----------------------*/
#contact #content {
background: url(images/girl.jpg) no-repeat top left;
width:450px;

}
.inputBox{
width:180px;
}

#myform, #errors {
background-color:transparent;
padding-left:250px;
}

#errors {
color:#ff9999;
font-size:1.3em;
}


#myform label{
display:block;
padding:10px 0 5px 0;
width:180px;
}

#myform fieldset{
padding-bottom:10px;
}

#nameerror, #emailerror, #subjecterror, #commenterror{
color:#FF9999;
font-weight:bold;
font-size:17px;
padding-left:5px;
display:none;
width:10px;
}

.overhangL, .overhangR{
height:5px;
background:white;
display:block;
width:220px;
}

.overhangR{
width:221px;
}

#phpMessage{
padding:0 0 0 100px;;
width:275px;
}

.button{
cursor:pointer;
padding:3px;
}

legend{
display:none;
}