body { background: #585438 url(../img/body_bg.png) center repeat-y; font: 0.8125em/1.6   "Trebuchet MS", "Franklin Gothic Medium", "Palatino Linotype", Verdana, Arial, Tahoma,  "Lucida Sans Unicode", "Trebuchet MS";}
a {text-decoration: none;}
ul {margin: 0 0 0 1em;}
ul li {list-style: disc; }

#container { overflow: hidden; background: url(../img/container_bg.png) repeat-x;}
#wrapper {width: 886px; margin: auto; overflow: hidden;}
.hu #wrapper {background: url(../img/wrapper_hu_bg.jpg) no-repeat;}
.en #wrapper {background: url(../img/wrapper_en_bg.jpg) no-repeat;}

#header {height: 290px;}
#topbar {height: 41px;}
#player {width: 100px; height: 41px;}
p#lang {margin: 0 280px 0 0; float: right; font-weight: bold; padding-top: 5px;}
p#lang a {color: #797660;}
p#lang a:hover {color: #585438;}
p#lang .active_lang {display: none;}
p#reg {margin: 0;}
#header h1 {width: 281px; height: 182px; background: url(../img/yimsiam_logo.gif) no-repeat; float: right; margin: 0 0 0 0;}
#header h1 span {display: none;}

#header address {display: none;}

a#maplink {position: relative; top: 27px; left: 460px; padding: 0 7px; background: #fff;  font-size:1.1em;  color: #585438;  border: 1px solid #c7c5b2; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: .7; filter: alpha(opacity = 70);}
a:hover#maplink {opacity: 1; filter: alpha(opacity = 100); }

ul#nav {width: 580px; height: 144px; float: left; margin: 0 0 0 25px; background: url(../img/nav_pics_bg.jpg) 0 0 no-repeat;}
ul#nav li {display: block; float: left; width: 145px; height: 144px; list-style: none;}
ul#nav li a span {display: none;}
ul#nav li a {display: block; width: 145px; height: 34px; padding: 110px 0 0 0; }

.hu ul#nav li a#nav_about  {background: url(../img/nav_hu_bg.gif) 0 0 no-repeat;}
.hu ul#nav li a:hover#nav_about  {background: url(../img/nav_hu_bg.gif) 0 -144px no-repeat;}
.hu ul#nav li a#nav_massage  {background: url(../img/nav_hu_bg.gif) -145px 0 no-repeat;}
.hu ul#nav li a:hover#nav_massage  {background: url(../img/nav_hu_bg.gif) -145px -144px no-repeat;}
.hu ul#nav li a#nav_prices  {background: url(../img/nav_hu_bg.gif) -290px 0 no-repeat;}
.hu ul#nav li a:hover#nav_prices  {background: url(../img/nav_hu_bg.gif) -290px -144px no-repeat;}
.hu ul#nav li a#nav_special_offers  {background: url(../img/nav_hu_bg.gif) -435px 0 no-repeat;}
.hu ul#nav li a:hover#nav_special_offers  {background: url(../img/nav_hu_bg.gif) -435px -144px no-repeat;}

.en ul#nav li a#nav_about  {background: url(../img/nav_en_bg.gif) 0 0 no-repeat;}
.en ul#nav li a:hover#nav_about  {background: url(../img/nav_en_bg.gif) 0 -144px no-repeat;}
.en ul#nav li a#nav_massage  {background: url(../img/nav_en_bg.gif) -145px 0 no-repeat;}
.en ul#nav li a:hover#nav_massage  {background: url(../img/nav_en_bg.gif) -145px -144px no-repeat;}
.en ul#nav li a#nav_prices  {background: url(../img/nav_en_bg.gif) -290px 0 no-repeat;}
.en ul#nav li a:hover#nav_prices  {background: url(../img/nav_en_bg.gif) -290px -144px no-repeat;}
.en ul#nav li a#nav_special_offers  {background: url(../img/nav_en_bg.gif) -435px 0 no-repeat;}
.en ul#nav li a:hover#nav_special_offers  {background: url(../img/nav_en_bg.gif) -435px -144px no-repeat;}

#main {padding: 0 0 20px 34px; min-height: 630px;}
.content {float: left; width: 575px; margin: 0 20px 0 0; padding: 20px 0 0 0;}
h2 {font-size: 1.8462em; margin: 0 0 .5em 0; line-height: 1.2em;}
h3 {font-size: 1.3846em; margin: 0 0 .5em 0;}
h4 {font-weight: bold; margin: 0 0 .5em 0;}
p {margin: .5em 0 1em 0;}
div.content img {border: 1px solid #fff;}
.video {padding: 0 0 0 30px;}

#sidebar {width: 255px; float: left;}
.banner {margin: 0 0 30px 0;}
.banner img {display: block; margin: auto;}
div#footer {width: 886px; height: 60px; margin: auto; color: #e0ddb5; background: #585438; clear: both;}
div#footer address {font-size: 0.8462em; text-align: center;width: 630px;}
div#footer a {color: #fff;}

div#map_frame {width: 400px; height: 400px; border: 2px solid #fff; margin: auto;}
table {border-collapse: collapse;}
table.pricelist {width: 560px; clear: both; margin: 0 0 10px 0;}
table.pricelist p {padding: .5em .2em;; margin: 0;}
table.pricelist td {padding: .5em .2em; border-bottom: 1px solid #4f4b2e;}
table.pricelist td.type { vertical-align: middle; text-align: center; font-size:1.3846em;}
table.pricelist td.extra {vertical-align: top;}
table.pricelist td.price {text-align: right;}

img.fltr {float: right; margin: 0 0 1em 1em;}
img.fltl {float: left; margin: 0 1em 0 0;}

.hide {display: none;}
.clear {clear: both;}
.img_cntr {text-align:center;}
.pics img {margin-right: 15px; margin-bottom: 10px;}
.mrgn_top {margin-top: 2em;}
/*.img_cntr img {display: block; margin: auto;}*/

.discount {width: 540px; background: #fff; opacity: 0.5; filter: alpha(opacity = 50); padding: 7px 7px 7px 7px; margin: 0 0 20px 0; color: #000;}
.discount h2 {font-size: 18px; margin: 0; color: #990000;}

.discount p {margin: 0 0 .4em 0; line-height: 18px;}
.discount ul {margin: 6px 0 6px 0;}
.discount ul li {margin: 0 0 0 2em; list-style: disc;}
.discount span {font-size: 18px; color: #990000;}
.discount strong {color: #990000; font-weight: bold;}

#sidebar h4 {margin-left: 10px; color: #4f4b2e;}
.links {margin: 0 0 20px 20px;}
.links li {list-style: none; width: 170px; margin: 0 0 10px 0; /*position: relative;*/}
.links li a {display: block;  opacity: .8; filter: alpha(opacity = 80);}
.links li a.active {display: block; color: #fff; opacity: 1; filter: alpha(opacity = 100);}
.links span.link_text {display: block; padding: 5px; line-height: 1.2em; text-align: center; color: #fff;  background: url(../img/logo_list_item_bg.png) bottom no-repeat; color: #fff; /*cursor:pointer;*/}
.links .logo {/*position: absolute; width: 170px; top:0; left: -180px; z-index: 1000;*/ display: block; background: #fff; padding: 4px 0;}
.links .logo img {display: block; margin: auto;}