/* @group Layout */


html {
	text-align: center;
	height: 100%;
	}

body {
	width: 100%;
	text-align: left;
	background: #342009 url(../images/site/bg_site.jpg) repeat-x center top;
	}

#masthead, #site.nav, #featured_wrap, #banner, #breadcrumbs, #content, .page.footer {
	margin: 0 auto;
	width: 900px;
	overflow: hidden; /* float clearing */
	}

#masthead {
	text-align: center;
	background: #171717;
	}
	
#branding {
	width:100%;
	height: 180px;
	margin: 0 auto;
	overflow: hidden; /* float clearing */
	}
	
#branding.detail {
	width:100%;
	height: 100px;
	margin: 0 auto;
	overflow: hidden; /* float clearing */
	}

#content {
	background: #fff url(../images/site/bg_page.jpg) repeat-y center top;
	}

#content #article {
	float: left;
	width: 560px;
	padding: 30px;
	}
	
#content #article #review {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 20px;
}

#content #column-right #sidehead {
	border-bottom: 1px solid #d2d2d2;
	padding: 35px 20px 15px 20px;
}

#content #column-right {
	float: left;
	width: 280px;
	}

#hours.nav li {
	float: left;
	color: #171717;
	}

#hours.nav br {
	line-height: 20px;
	}


#foot_wrap {
	width: 100%;
	height: 330px;
	padding-bottom: 10px;
	background: #342009 url(../images/site/bg_footer.jpg) no-repeat center top;
	}
	
#foot {
	width: 900px;
	height: 330px;
	margin: 0 auto;
	}

#foot #about {
	margin-left: 340px;
	padding-top: 10px;
	padding-right: 200px;
}

#foot #address {
	margin-left: 340px;
	margin-top: 65px;
	padding-right: 200px;
}

#site.nav {
	overflow: hidden;
	height: 75px;
	}

#site.nav li {
	float: left;
	}

#feature.nav {
	overflow: hidden;
	height: 180px;
	}

#feature.nav li {
	float: left;
	}

/* #site.nav .highlight and .hover classes are for jQuery fade effects */

#site.nav a, #site.nav a .hover {
	display: block;
	height: 75px;
	background: transparent url(../images/site/bg_nav_site.jpg) 0 0 no-repeat;
	}

#site.nav #logo a, #site.nav #logo a .hover {
	display: block;
	height: 75px;
	background: transparent url(../images/site/bg_nav_site.jpg) 0 0 no-repeat;
	}

#site.nav #logo #nav_home {
	width: 69px;
	background-position: 0 0;
	}

#site.nav #logo #nav_home.current, #site.nav #logo .highlight #nav_home:hover, #site.nav #logo #nav_home .hover {
	background-position: 0 -75px;
	}

#site.nav #nav_menu {
	width: 58px;
	background-position: -69px 0;
	}

#site.nav .highlight #nav_menu:hover, #site.nav #nav_menu .hover, #site.nav #nav_menu.current {
	background-position: -69px -75px;
	}

#site.nav #nav_hours {
	width:  180px;
	background-position: -127px 0;
	}

#site.nav .highlight #nav_hours:hover, #site.nav #nav_hours .hover, #site.nav #nav_hours.current {
	background-position: -127px -75px;
	}
	
#site.nav #nav_reviews {
	width: 80px;
	background-position: -307px 0;
	}

#site.nav .highlight #nav_reviews:hover, #site.nav #nav_reviews .hover, #site.nav #nav_reviews.current {
	background-position: -307px -75px;
	}
	
#site.nav #nav_directions {
	width: 105px;
	background-position: -387px 0;
	}

#site.nav .highlight #nav_directions:hover, #site.nav #nav_directions .hover, #site.nav #nav_directions.current {
	background-position: -387px -75px;
	}
	
#site.nav #nav_reservations {
	width: 128px;
	background-position: -492px 0;
	}

#site.nav .highlight #nav_reservations:hover, #site.nav #nav_reservations .hover, #site.nav #nav_reservations.current {
	background-position: -492px -75px;
	}

#site.nav #nav_haadthai {
	width: 280px;
	background-position: -620px 0;
	}

#site.nav .highlight #nav_haadthai:hover, #site.nav #nav_haadthai .hover, #site.nav #nav_haadthai.current {
	background-position: -620px -75px;
	}

#local.nav {
	margin-top: 0;
	padding-bottom: 70px;
	}

#local.nav li {
	float: left;
	margin-right: 20px;
	}

#local.nav li a {
	line-height: 18px;
	}

#thumbnail.nav {
	float: left; 
	width: 900px;
	padding: 0;
	}

#thumbnail.nav li {
	float: left;
	margin-right: 20px;
	margin-top: 15px;
	padding-bottom: 20px;
	}

#content #article #entry .post {
	margin-bottom: 50px;
}

#content #article #entry p {
	text-transform: none;
	font-size: 12px;
}

#content #article #entry ul {
	margin-bottom: 12px;
}

#content #article #entry li {
	float: left;
}

#content #article #menuhead {
	width: 560px;
	height: 30px;
	margin-top: 30px;
	border-bottom: 1px solid #f3f3f3;
}

#content #article #menuhead li {
	float: right;
	display: block;
	width: 60px;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
}

#content #article #entry .item ul {
	float: left;
	display: inline;
	margin: 0 auto;
	margin-top: 30px;
}

#content #article #entry .item li {
	width: 60px;
	text-align: left;
	margin: 0 auto;
}

#content #article #entry li {
	float: left;
	margin: 0 auto;
	text-align: right;
}

#content #article #entry li.spicy {
	background: transparent url(../images/site/bg_spicy.jpg) 0 0 no-repeat;
}

#content #article #entry li.price {
	text-align: right;
}

#content #article #entry li.description {
	text-align: left;
	width: 380px;
	color: #e39e04;
}

.name {
	font-size: 14px;
	font-family: Georgia, Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	color: #171717;
	text-transform: none;
}

#content #article #entry li.last {
	float: left;
	margin: 0 auto;
	width: 413px;
	text-align: left;
	padding-left: 15px;
	border-right: none;
}

#sitemap.nav {
	width: 970px;
	overflow: hidden;
	background: transparent url(../images/bg_footer.jpg) left top no-repeat;
	}

#sitemap.nav .section {
	float: left;
	width: 194px;
	margin-bottom: 2em;
	}

/* Footer Styles */

.page.footer {
	padding-bottom: 20px;
	}

.page.footer li {
	margin: 1em 0;
	}

.page.footer #meta.nav {
	float: left; 
	width: 900px;
	padding: 0;
	line-height: 3em;
	}

.page.footer #meta.nav li {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	height: 16px;
	border-left: 1px solid #835607;
	}

.page.footer #meta.nav li.first {
	display: inline;
	padding-left: 0px;
	padding-right: 5px;
	height: 16px;
	border-left: none;
	}

/* @end */

/* @group Utility */

.text_hide {
	display: block;
	text-indent: -9999px;
	}

.text_remove {
	display: block;
	position: absolute;
	top: -9999px;
	}
	
.author {
	font-style: italic;
}

.date {
	font-size: 10px;
	color: #999999;
	font-weight: 600;
	text-transform: uppercase;
}

.day {
	font-size: 10px;
	color: #999999;
	font-weight: 600;
	text-transform: uppercase;
}

/* @end */

/* @group Typography */

body {
	font-size: 11px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #999999;
	}

#body_wrap h1 {
	color: #c16905;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 20px;
	text-transform: uppercase;
	}

#content #column-right #sidehead h2 {
	color: #2e2e2e;
	font-weight: 600;
	font-size: 18px;
	line-height: 12px;
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	text-transform: uppercase;
	}

#content #column-right h4, h5, h6 {
	color: #2e2e2e;
	}
	
#content #article h2 { /* Faded */
	font-size: 14px;
	font-family: Georgia, Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #171717;
}

#content #article h3 {
	font-size: 12px;
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #999999;
}

#content #article.full p {
	margin-top: -5px;
	}
	
#content #article p {
	font-size: 12px;
	color: #000;
	margin-top: 10px;
	}
	
#content #article #form p {
	margin-top: 20px;
	padding-bottom: 0px;
	border-bottom: 0px;
	}

#content #article p.footnote {
	font-size: 11px; 
    font-family: "Helvetica", Arial, Lucida Grande, Verdana, Lucida, sans-serif;
    font-weight: 200;
    font-style: italic;
    line-height: 14px;
	color: #999999;
	border-top: 1px solid #dfdfdf;
	padding-top: 10px;
	margin-top: 10px;
}

#thumbnail.nav li p {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #2d2d2d;
	padding-top: 15px;
	line-height: 14px;
	}

#thumbnail.nav li p span, #project.nav li span {
	float: left;
	display: block;
	width: 60px;
	font-size: 10px;
	font-family: Georgia, Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	color: #cccccc;
	text-transform: uppercase;
}

#thumbnail.nav li a {
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	}

#thumbnail.nav li a:hover {
	text-decoration: underline;
	}
	
#content #article #list.nav {
	border-top: 1px solid #dfdfdf;
}

#content #article #list.nav li {
	float: left;
	padding: 30px 0 30px 0;
	width: 630px;
	border-bottom: 1px solid #dfdfdf;
	}

#content #article #list.nav li p {
	margin: 0 auto;
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #2d2d2d;
	border-bottom: none;
	}

#content #article #list.nav li p.section {
	padding-top: 20px;
	text-decoration: none;
	color: #999999;
	font-weight: 200;
	text-transform: uppercase;
}

#project.nav li {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #2d2d2d;
	padding-top: 15px;
	line-height: 14px;
}

#content #article #entry li {
	font-size: 10px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #a1a1a1;
	text-transform: uppercase;
}

#content #column-right h2 {
	font-size: 24px;
	font-weight: 200;
	padding-bottom: 5px;
	text-transform: uppercase;
	}

#content #column-right h2.testimonial {
	border-bottom: 0;
	}

#content #column-right ul {
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 40px;
	}

#content #column-right li {
	position:relative;
	font-size: 10px; 
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	line-height: 11px;
	padding: 15px 0 15px 25px;
	}

#content #column-right li.current, #content #column-right li.current a {
	font-size: 11px;
	font-weight: 600;
	color: #c16905;
	background-color: #fff;
	}
	
#content #column-right li a {
	color: #171717;
	}

#content #column-right li a:hover {
	text-decoration: underline;
	}

#content #column-right #quote li {
	font-size: 18px; 
    font-family: Georgia, Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	font-style: italic;
	line-height: 22px;
	color: #5b5b5b;
	border-top: 8px solid #dfdfdf;
	padding: 15px 15px 15px 20px;
	background: transparent url(../images/bg_quotebox.jpg) repeat-y left top;
}

#content #column-right #quote .author {
	font-size: 11px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #b4b3b3;
	text-transform: uppercase;
}

#content #column-right #quote li.close {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	font-style: normal;
	border: 0;
	background: transparent url(../images/bg_quoteclose.jpg) no-repeat left top;
	text-align: right;
	text-transform: uppercase;
}

#content #column-right #advertisement {
	padding: 20px 0 30px 0;
}

#content #column-right #text {
	padding-bottom: 20px;
	border-bottom: 1px solid #d8d8d8;
}

#content #column-right #text a:hover {
	text-decoration: underline;
}

#body_wrap p, #body_wrap ul, #foot_wrap p, #foot_wrap ul {
	font-size: 1.2em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; 	
	}

#body_wrap a:link, #body_wrap a:visited {
	color: #13a3ce;
	text-decoration: none;
	}

#body_wrap a:hover, #body_wrap a:active {
	color: #3a809d;
	text-decoration: underline;
	}

#local.nav li a {
	color: #2d2d2d;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	}

#local.nav li.first {
	width: 35px;
	height: 18px;
	border-right: 1px solid #cfcfcf;
	padding: 0;
	background-image: none;
	/*background: transparent url(../images/icn_i2ihome.jpg) no-repeat;*/
	}

#local.nav li.first a {
	width: 19px;
	height: 17px;
	background: transparent url(../images/icn_i2ihome.jpg) no-repeat;
	}

#local.nav li.first a:hover, #local.nav li.first a:active {
	background-image: url(../images/icn_i2ihome_hover.jpg);
	}
	
#local.nav li a.section {
	color: #bbbbbb;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	padding-right: 20px;
	border-right: 1px solid #cfcfcf;
	}

.aside blockquote {
	background: transparent url(../images/bg_quote_aside.jpg) no-repeat left top;
	color: #fff;
	padding: 28px 20px 20px 26px;
	margin-top: 1.8em;
	height: 228px;
	}

.aside blockquote cite { display: block; font-size: 1.1em; font-style: normal; font-weight: 700; margin-top: 1.2em;}

.aside blockquote cite span.title { font-size: .85em; font-style: italic; font-weight: 500;}

#about p {
	font-size: 13px; 
    font-family: "Helvetica", Arial, Lucida Grande, Verdana, Lucida, sans-serif;
    font-weight: 200;
    line-height: 24px;
	color: #000;
}

#address p {
	font-size: 18px; 
    font-family: "Helvetica", Arial, Lucida Grande, Verdana, Lucida, sans-serif;
    font-weight: 200;
    line-height: 24px;
	color: #000;
	margin: 0 auto;
}

.footlight {
	color: #ffcf7e;
	font-weight: 600;
}

.page.footer li {
	font-size: 9px;
	color: #835607;
	text-transform: uppercase;
}

.page.footer #meta.nav a {
	font-size: 9px;
	font-weight: 400;
	color: #977132;
	text-transform: uppercase;
	text-decoration: none;
	}

.page.footer #meta.nav a:hover, .page.footer #meta.nav a:active {
	color: #977132;
	text-decoration: underline;
	}

.page.footer #copyright ul {
	float: left;
	margin: 0 auto;
	font-size: 10px;
	color: #666666;
	text-transform: uppercase;
	padding: 30px 0 30px 0;
	}

.page.footer #copyright li {
	float: left;
	border-right: 1px solid #666666;
	margin-left: 10px;
	padding-right: 10px;
	}

.page.footer #copyright li.first {
	margin-left: 0px;
	}
	
.page.footer #copyright li.last {
	border-right: none;
	}

/* @end */

/* @group Forms */

/* @group Contact Forms */

input:focus, textarea:focus {	
	background: #fcfcf1;
	}

input[type="text"] {
	font-size: 12px;
	color: #9d9c9c;
	width: 230px;
	height: 50px;
	border: 0px;
	}

input[type="image"] {
	width: 70px;
	height: 30px;
	}

select {
	font-size: 12px;
	width: 260px;
	color: #666;
	}

label, legend {	
	display: block;
	margin-bottom: .3em;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #999999;
	}

label .note {
	color: #cecdcd;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	}

label.error {
	color: #b20c20;
	}

#content #article #contactform p {
	margin-top: 20px;
}

#content #article #contactform {
	float: left;
	width: 540px;
	margin-top: 30px;
}

#content #article #contactform input {
	color: #9d9c9c;
	font-weight: 200;
	padding: 10px;
	width: 540px;
	height: 15px;
	border: 1px solid #dfdfdf;
}

#content #article #contactform #field_phone, #content #article #contactform #field_size {
	float: left;
	margin-right: 0;
	display: inline;
}

#content #article #contactform #field_email, #content #article #contactform #field_time {
	float: left;
	margin-left: 15px;
	display: inline;
}

#content #article #contactform #phone, #content #article #contactform #email {
	width: 240px;
}


#content #article #contactform #field_date{
	clear: left;
}

#content #article #contactform #message {
	color: #9d9c9c;
	font-weight: 200;
	padding: 10px;
	width: 540px;
	border: 1px solid #dfdfdf;
}

#content #article #contactform input.checkbox {
	float: left;
	width: auto;
	margin-top: 0;
	margin-right: 8px;
	}
	
#content #article #contactform label.checkbox {
	width: auto;
	}

#content #article #contactform #send {
	width: 149px;
	height: 37px;
	padding: 0px;
	border: 0px;
}

/* @end */

/* @group Site Search */

#searchtext {
	width: 198px;
	height: 22px;
	line-height: 22px;
	vertical-align: top;
	padding-left: 8px;
	}

/* @end */

/* @end */

/* @group Easy Slider */

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:435px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}	
/* @end */