body 
{
	margin: 0;
	padding: 0;
	font-family: "Georgia", "Lucida Sans", sans-serif;
	font-size: 100%;
	background: #333;
	background-image:url(../img/pattern.jpg);
}



#spicy
{
	background-image:url(../img/pepper.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-right:10px;
}

ul
{
	list-style-type:none;
}


/* Header
-------------------------------------------------- */

#header, #footer
{
	width: 940px;
	margin: 0 auto;
	margin-top:20px;
	font-size: .75em;
	/* font-family: "Helvetica Neue", Helvetica, sans-serif; */
	font-family: "Georgia", Georigia, serif;
	background-color: #333;
}

#header h1, #footer h1
{
	color: #fff;
	font-weight: normal;
	margin: 30px 0 3px 0;
	letter-spacing: .04em;
}

#header ul, #footer ul 
{
	list-style: none;
	margin: 0;
	padding: 10px;
}

#header ul li, #footer ul li 
{
	float: left;
	text-align: left;
}

#header ul li a, #footer ul li a
{
	display: block;
	color: #ffff66;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 20px;
}

#header ul li a:hover, #footer ul li a:hover
{
	text-decoration: underline;
	color: #ffcc66;
}


/* Containers
-------------------------------------------------- */

.container
{
	width: 880px;
	height: 400px;
	margin: 30px auto;
	padding: 10px 20px;
	border: 10px solid #fff;
	color: #333;
	font-size: .75em;
	line-height: 2em;
}

.container h2
{
	padding: 5px 10px;
	/*width: 200px;*/
}

.container ul
{
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

.container ul li  	{ margin-bottom: 10px; }
.container a		{ color: #333; }

.container a:hover
{
	background: #fff;
	color: #666;
}

#home		{ background: #15add1; }
#home h2	{ background: #007aa5; }
#chinese		{ background: #fdc700; }
#chinese h2	{ background: #bd9200; }
#japanese	{ background: #c7cd00; }
#japanese h2	{ background: #a4a900; }
#thai		{ background: #f18300; }
#thai	h2	{ background: #bb5f00; }
#gallery		{ background: #98c313; }
#gallery h2	{ background: #6f9a00; }
#directions		{ background: #fff000; }
#directions h2	{ background: #bbb000; }
#contact		{ background: #ba68eb; }
#contact h2	{ background: #9d3fcf; }


/* Footer
-------------------------------------------------- */

/*.footer
{
	width: 940px;
	margin: 0 auto;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-family: "Georgia", Georgia, serif;
	background-color:#333;
}

.footer p
{
	color: #aaa;
	font-size: .75em;
	text-transform: capitalize;
	letter-spacing: .04em;
	margin: 0;
	padding:10px 10px 20px 10px;
}

.footer a
{
	text-decoration: none;
	color: #ffff66;
}

#footer a:hover
{
	text-decoration: underline;
	color: #ffcc66;
}

#footer
{
	width: 940px;
	margin: 0 auto;
	margin-top:20px;
	font-size: .75em;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-family: "Georgia", Georigia, serif;
	background-color: #333;
}

#footer h1
{
	color: #fff;
	font-weight: normal;
	margin: 30px 0 3px 0;
	letter-spacing: .04em;
}


#footer ul 
{
	list-style: none;
	margin: 0;
	padding: 10px;
}

#footer ul li 
{
	float: left;
	text-align: left;
}

#footer ul li a
{
	display: block;
	color: #ffff66;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 20px;
}

#footer ul li a:hover
{
	text-decoration: underline;
	color: #ffcc66;
}*/


/* Self-Clearning Rules 
-------------------------------------------------- */

ul#navigation:after 
{
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

* html ul#navigation 	{ height: 1px; }
ul#navigation 			{ min-height: 1px; }



/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  background:#fff; /* This is the color of said border */
}
.cs_wrapper, .cs_article {
  background:#FFF; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
  background:#333; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
  font-size:200%;
  line-height:1.125em;
}
  .cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  /*font-size:85%; */
  line-height:1.5em;
  color:#777;
}
.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:26%;
  margin:10px 26px 5px 67%;
  text-align:left;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}


/* Lightbox effect 
-------------------------------------------------- */

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}