*, html, body, div, img, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, :focus {margin: 0; padding: 0; border: 0; outline: 0; background: transparent; outline: none; text-decoration: none; list-style: none;}

html {background:#aa1267;}
body {display: table; min-height: 105px; width: 100%; background: url(../images/bg_top.png) repeat-x; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; color: #333;}
h2 {font-size: 25px; margin-bottom: 10px; color: #e96515}
h3, h3 a {font-size: 20px; color: #636c01; margin-bottom: 5px;}
h4, h6 {font-size: 15px; margin-bottom: 5px; color: #e68648;}
h5 {font-size: 12px; color: #333}
#wrapper {width: 938px; height: 200px; background: transparent; margin: 0 auto; position: relative;}
#header {width: 100%; background: url(../images/ordernow.png) top right no-repeat;}
#logo {width: 403px; height: 100px; margin-left: 30px; background: url(../images/logo_thaifood4you.png); text-indent: -999999px;}
#nav {height: 50px; position: absolute; right: 5px; top:67px; z-index: 100;}
#nav li.font {display: block; float: left; text-decoration: none;}
#nav a, #nav a:visited {display: block; padding: 7px; color: #666; font-size: 14px; font-weight: bold; text-decoration: none;}
#nav a:hover {background: #b8ca5d; -moz-border-radius: 5px; -webkit-border-radius:5px;}
#nav li.active a {color: #ff6600; text-decoration: none;}
#maincontent {width: 938px; padding: 0 21px; position: relative; background:url(../images/bg_content.png);}
#maincontent img.main-image {width: 634px; margin:20px 148px 15px 148px; border: 10px solid white;}
#wrap-content {background: #f8f8f8; margin: 0px; padding-bottom: 20px;}
#ordernow {display: none;}
.indent {text-indent: -99999px;}
.clear {clear: both;}
#footer {width: 938px; height: 112px; padding-top: 50px;color: #ccc;  background: url(../images/bg_footer.png); position: relative;}
#left {width: 45%; float: left; text-align: right;}
#right {width: 45%; float: right; text-align: left; position: relative;}
a#small-logo {display: block; width: 197px; height: 53px; position: absolute; top:-33px; right: 75px; text-indent: -99999px;}
#copyright {float: right; margin: 2px 0px 5px 0; font-size: 11px;}
#copyright a, #copyright a:visited {color: #333; text-decoration: none;}
#copyright a:hover {color: white;}
#divider {width: 5px; height: 110px; position: absolute; left: 466px; top: 25px; background: white url(../images/divide_foot.jpg);}


/*----HOME----*/

#slide {width: 938px; height: 474px;overflow: hidden; }
.slider {float: left; position: relative}
.description {width: 260px; padding: 20px; position: absolute; top: 122px; left: 0px; background:url(../images/transpBlack.png); }
.description h3, .description h6 {color: white;}
#content-home {width: 670px; margin: 30px 150px;}
#section {padding: 15px 0 0 40px;; background: url(../images/page_line.png) top no-repeat;}
.four {width: 260px; float: left; margin:0px 39px 0 0;}
.feature-img {width: 250px; height: 148px; padding: 5px; background:url(../images/some_bg.png); margin-bottom: 7px;}


/*----MAIN----*/
#title {width: 100%; height: 57px; padding-top: 30px; background: url(../images/tab_greenhead.jpg) bottom repeat-x;}
#title h2 {padding: 17px 0 0; color: white; margin-left: 50px;}
#summary {max-width: 250px; float: right; margin: 70px 0 0;}
#summary h3 {font-size: 20px; font-style: italic; text-align: center; color: gray; font-weight: 100;}

/*----MENU----*/
#foodslide {width: 874px; height: 190px; padding: 0 15px; margin: 15px; overflow: hidden;}
li.image {width: 129px; float: left; margin: 0 15px 70px 0; text-align: center;}
li.image img {width: 129px; height: 124px; margin-bottom: -10px;}
#foodslide li.last {margin-top: -15px;}

#nav-menu {width: 25%; margin:0 0 15px 50px; font-size: 25px; height: 500px; float: left;}
#nav-menu ul {margin-top: 20px; font-size: 18px;}
#nav-menu li {display: block; border-bottom: 1px solid #666; margin: 0 0 -15px 0; padding-bottom: 3px;}
#nav-menu a {display: block; color: #333;  padding: 5px 10px;}
#nav-menu a:hover, #nav-menu li.active a {background: #e3f0c6;}
#content-menu {width: 60%; float: right; margin:0 50px 15px 0; }
#content-menu h3 a {display: block; font-size: 25px; margin-bottom: 15px; color: olive}
#content-menu h4, #content-menu h5,#content-menu h6 {display:block; height: 20px; margin: 0px; font-size: 13px;}
#content-menu h4 {font-size: 16px; font-weight: bold;}
#content-menu h5 {width: 90%;}
#content-menu h6 {display: block; float: right; margin-top: -20px;}
#content-menu p {line-height: 10px;}
h3.our-menu {display: none;}

  
/*----CONTACT----*/
#content-contact {width: 816px; margin: 15px 60px;}
#content-contact h3 {display: block; margin-bottom: 20px; color: #333;}
#form {width: 350px; float: left; position: relative;}
#map {width: 400px; float: right;}
#contactform {width: 350px; border: none; font-size: 14px; text-align: left;}
label span {font-size: 13px;}
#contactform input {width: 100%; height: 15px; padding: 7px; margin: 5px 0px 10px 0px; border:1px solid silver; font-size:13px; background-color: #e3f0c6;}
#contactform textarea {width: 100%; padding: 7px; margin-top: 10px; border:1px solid silver; height:150px; font-size:13px; background-color: #e3f0c6;}
input#cfContact {width:150px; height: 40px;font-size: 14px; padding: 0px; border: 1px silver solid; cursor: pointer; clear: both; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;}
.shadow, #map iframe, input:focus, textarea:focus, input#cfContact:hover {-moz-box-shadow: 0 0 1em #888; -webkit-box-shadow: 0 0 1em #888;box-shadow: 0 0 1em #888;}