/*  

Theme Name: Silk Thai
Theme URI: http://
Description: 
Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com

*/

/* RESET */
html { height:100%; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }


/* LAYOUT */
.clear { clear: both; }

/* Selection */
::selection {
	background: #7b1813; /* Safari */
	}
::-moz-selection {
	background: #7b1813; /* Firefox */
}

/* TYPE */
body { font: 75% 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #f2f2f2; text-align: center; height:100%;  }

input, textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 100%; } 

p { font: 110% 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #c2c2c2; }

a { text-decoration:none; color:#fff; }

a:hover { text-decoration:underline; }

a:visited {text-decoration:none;  }

a:hover img { border-color:#fff;   }

.big-title { font-weight: bold; font-size: 250%; color: #f2f2f2; letter-spacing:0.05em; }
.md-title { font-weight: bold; font-size: 150%; color: #f2f2f2; letter-spacing:0.05em; }
.c-title { font-weight: bold; font-size: 160%; color: #f2f2f2; letter-spacing:0.05em; line-height:1.6em; }
.lg-price { font-weight: normal; margin-left:12px; }
.info { color:#9e9e9e; font-size:105%; margin:5px 0 5px 0; }
.intro-text { margin-top:10px; }
.bold { font-weight:bold; color:#f2f2f2; }
.sm-text {font-size:85%; }
.rev-text { font-size:110%; position:relative; top:30px; height:118px; overflow:hidden; }
.per-text { font-size:110%; position:absolute; float:right; right:0; bottom:0;  text-align:right; }
.price { color: #f2f2f2; font-weight:normal; margin-left:18px; font-size:95%; }
h3 { color: #f2f2f2; font-weight: bold; font-size:115%; letter-spacing:0.03em;  text-transform:capitalize; margin:20px 0 0 0;  }
h4 { color: #aeaeae; font-size:98%; text-transform:lowercase;  }
h5 { color: #f2f2f2; font-size:95%; text-transform:lowercase; margin:10px 0 0 0; }
.des { color: #aeaeae; font-size:100%; text-transform:capitalize;  }
.menu-title { color: #fff; font-weight: bold; font-size:135%; text-transform:capitalize; line-height:2em;  }
a.menu-title { margin-bottom:10px;}
a:hover.menu-title  {text-decoration:none;  }
.hot { width:32px; height:16px; margin:0 15px 0 10px; position:relative; bottom:-3px; }
.car { width:32px; height:16px; margin:0 4px 0 0; position:relative; bottom:-3px; }
.rg-info { text-align:right; }
.cg { margin:25px 0 25px 0; color: #f2f2f2; font-weight: bold; font-size:115%; line-height:1.45em; }

table { width:400px; margin:6px 0 6px 0; }


/* Background images */

body.home { background: #26190e url(../images/bg_home.jpg) center top fixed no-repeat; }

/* container */

#container { width:960px; text-align: left; margin-left:auto; margin-right:auto;   }

/* header */

#header { width: 960px; height: 190px; margin: 0 auto; position:relative;  }
#logo a { background:url(../images/logo.png) no-repeat; width: 295px; height: 130px; position: absolute; text-indent: -900em; left:0; top:0; overflow:hidden;  }
#logo a:hover { background:url(../images/logo_hover.png) no-repeat;   }


/* Navigation */
#navigation { width: 960px; height: 46px; position:absolute; bottom:0; border-top:1px dotted #adadad; border-bottom:1px dotted #adadad;   }
#navigation #nav { margin: 0; padding:12px 0; }
#navigation #nav li { display: inline; }
#navigation #nav li a {  color:#808080; font-size:125%; padding:20px 56px 20px 56px; }
#navigation #nav li a:hover {  background:url(../images/img_buddha.png) 20px no-repeat; color:#fff; text-decoration:none !important;    }
#navigation #nav li.current { background:url(../images/img_buddha.png) 20px no-repeat; padding:20px 0 20px 0;  } 
#navigation #nav li.current a { color:#fff;  } 
#navigation #nav li.current a:hover { cursor:default !important; background:none; color:#fff; text-decoration:none !important; }


/* content */

#content { width: 960px; height: auto; margin: 0 auto; position: relative; }

#intro {  width:321px; height:249px; position:relative; float:left; left:0; margin:25px 0 25px 0;  }

.divider { width:960px; height:1px; border-top:1px dotted #adadad; margin:0; }

.section {  width:300px; height:210px; position:relative; float:left; left:0; margin:25px 0 25px 0; overflow:hidden;  }
.md-section {  width:280px; height:210px; position:relative; float:left; left:5px; margin:25px 0 25px 0; overflow:hidden;  }
.rg-section {  width:280px; height:210px; position:relative; float:right; right:0; margin:25px 0 25px 0; overflow:hidden;  }
.rg-border { padding:0 24px 0 0; border-right:1px dotted #adadad; }
.md-border { padding:0 28px 0 16px; border-right:1px dotted #adadad; }
.sm-img  { position:relative; border: 2px solid #bebebe; margin:0 0 10px 0;  }
a.btn-read  { background:url(../images/btn_read.png) no-repeat; width:88px; height:28px; text-indent:-999em; position:relative; }
a:hover.btn-read  { background:url(../images/btn_read_hover.png) no-repeat; width:88px; height:28px;  }
.spi {float:right; right:-5px; top:-26px; }

.open-quote { background:url(../images/quote_open.png) no-repeat; width:40px; height:40px; position:absolute; float:left; left:-9px; top:-12px; }
.close-quote { background:url(../images/quote_close.png) no-repeat; width:40px; height:40px; position:absolute; float:right;right:-9px; bottom:34px; }

#sub-menu {  width:320px; height:auto; position:relative; float:right; right:0;  margin:25px 0 25px 0;  }
#sub-content { width:640px; height:auto; position:relative; float:left; left:0; margin:25px 0 25px 0;   }
.menu-img { position:relative; border: 2px solid #bebebe; margin:26px 0 -12px 0;  }

#sub-menu ul { float:right; right:0; position:relative; margin:0 0 30px 0;  }
#sub-menu ul li  { text-align:right; }
#sub-menu ul li a { font-size:110%; font-weight:bold; line-height:2em; text-transform:capitalize;  }
#sub-menu ul li a:hover { text-decoration:underline;  }

#map { width:636px; height:auto; position:relative; float:left; left:0; margin:5px 0 5px 0; border: 2px solid #bebebe;   }


/* slideshow */
#slideshow-section {  width:619px; height:249px; position:relative; float:right; right:0; margin:25px 0 25px 0;   }
#slideshow { position:relative; border: 2px solid #bebebe;   }
.pics { width:615px; height:245px;  padding:0; margin:0; overflow: hidden;  }
.pics img { width:615px ; height:245px;  }




/* footer */

#footer { width: 960px; height: 45px; margin: 0 auto; position: relative; border-top:1px dotted #adadad; }
.fr { position: relative; float:right; right:0;  }
.fl, .fr { top:6px; font-size: 78%; color:#989898; }
.fl { position: relative; float:left; left:0;  }