/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; font-family: Thonburi, "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body,p,td,th,ul,li{ color: #000; font-family: "Lucida Grande", Arial, Tahoma; font-size: 12px; line-height: 15px; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }
p {
margin: 0px 0 0 0;
}
body {background-color:#fff;}
#wrapper { width:940px; margin:0 auto ; padding:55px 0px 0px 0px;}
#header { widows:940px; text-align:center; background-image:url(/quarter/design/header.jpg); height:20px; margin: 0px 0px 10px 0px;}
/**#body { width:940px;}
#body .content { width:437px; float:left;}
#body .content .textlogo { margin-bottom:40px;}
#body .content h1{ color:#7a7c30; margin-bottom:15px; font-weight:bold;}
#body .content p{ color:#666666; font-size:11px; width:427px; margin-bottom:15px;}
#body .content p#team { color:#7a7c30; margin:0px 0px 5px 0px;}
#body .content p#team a{ color:#7a7c30;}
#body .content p#team a:hover{ color:#d5d6be;}
#body .content p#cancel a{ color:#7a7c30;}
#body .content p#cancel a:hover{ color:#d5d6be;}
#body .content a { color:#4c2b11;}
#body .content a:hover { color:#cfc6c0;}**/
#body { width:940px;}
#body .content { width:437px; float:left;}
#body .content .textlogo { margin-bottom:40px;}
#body .content h1{ color:#7a7c30; margin-bottom:15px; font-weight:bold;}
#body .content h1 a{ color:#7a7c30; margin-bottom:5px; font-weight:bold;}
#body .content h1 a:hover{color:#d5d6be;}
#body .content p{ color:#666666; font-size:11px; width:427px; margin-bottom:15px;}
#body .content #team { margin-mbttom:5px;}
#body .content #team a{ color:#7a7c30; }
#body .content #team a:hover{ color:#d5d6be;}
#body .content #cancel {margin-mbttom:5px;}
#body .content #cancel a{ color:#7a7c30;}
#body .content #cancel a:hover{ color:#d5d6be;}
#body .content a { color:#4c2b11;}
#body .content a:hover { color:#cfc6c0;}
#body .content .gallary { width:437px;}
#body .content .gallary img { margin:0px 21px 10px 0px;}
#body .content .gallary a img { border:0px;}
#body .content .promotion { width:412px; background-color:#dfd8bf; background-repeat:repeat-y; padding:7px;}
#body .content .promotion p.frist:first-line { color:#4c2b11; font-size:12px;}
#body .content .promotion ul { margin-bottom:15px; }
#body .content .promotion li { color:#666;}
#body .content .contact { margin:0px 0px 15px 0px; }
#body .content .contact td { vertical-align:top; color:#666; font-size:11px;}
#body .content .contact td input { border:1px solid #d1d1d1; background-color:#f0f0f0;}
#body .content .contact td textarea { border:1px solid #d1d1d1; background-color:#f0f0f0;}
#body .content #boxtable { margin:0px 0px 15px 0px;}
#body .content #boxtable tr.head { background-color:#4a312c; color:#FFFFFF;}
#body .content #boxtable tr.frist { background-color:#e6dbd0;}
#body .content #boxtable tr.second { background-color:#c1a78c;}
#body .content #boxtable tr.head td{color:#fff; height:25px;}
#body .content #boxtable td
{color:#4a312c; text-align:center; height:20px; vertical-align:middle; border-right:1px solid #fff; font-size:11px;}
#body .content .tour { width:437px; margin:0px 0px 15px 0px;}
#body .content .tour .left { width:60px; float:left;}
/*#body .content .tour .right { width:366px; float:left; padding:0px 0px 0px 10px;}*/
#body .content .tour .right {width:366px; float:right; color:#666666; font-size:11px;}
#body .content .tour .right td { vertical-align:top; color:#666666; font-size:11px;}
#body .content .tour .left img { margin-top:4px;}
#body .content .tour .right td img { margin-top:4px;}
#body .sidebar { width: 381px; float:right;}
#web_banner { width:381px; margin-bottom:15px;}
#web_banner a img { border: 0px; }
#body .sidebar #submenu { width:381px;}
#body .sidebar #submenu .left { width:160px; float:left;}
#submenu .left h2 { margin-bottom:10px; }
#submenu .left h2 a{ color:#7f7a21;font-weight:normal; font-size:10px;}
#submenu .left h2 a:hover{ color:#a19d5c;}
#body .sidebar #submenu .right { width:221px; float:left; padding:15px 0px 0px 0px;}
#footer { background-image: url(/quarter/design/footer.jpg); height:15px; padding:25px 0px 0px 0px; text-align:center; color:#d2cfcf;}
#footer a { color:#d2cfcf;}
/***************************************************menu************************************************************/
#nav { width:940px; height:37px; }
#nav .left{ float:left; width:169px; }
#nav .right{ float:right; width:381px; text-align:right; padding-top:8px; height:27px; }
#nav a{ color:#c3ac9a; font-size:10px; margin-left:20px; font-weight:normal; }
#nav a:hover { color:#7f4d26;}
#nav a#m-1 { color:#FFFFFF;}
#nav a#m-2 { color:#FFFFFF;}
#nav a#m-3 { color:#FFFFFF;}
#nav a#m-4 { color:#FFFFFF;}
#nav a#m-5 { color:#FFFFFF;}
#nav a#m-6 { color:#FFFFFF;}
#nav a#m-7 { color:#FFFFFF;}
#nav a:hover#m-1 { color:#d16c52}
#nav a:hover#m-2 { color:#d16c52;}
#nav a:hover#m-3 { color:#d16c52;}
#nav a:hover#m-4 { color:#d16c52;}
#nav a:hover#m-5 { color:#d16c52;}
#nav a:hover#m-6 { color:#d16c52;}
#nav a:hover#m-7 { color:#d16c52;}
#nav a:hover#m-8 { color:#d16c52;}
#nav.m1 a#m-1 { color:#d16c52;}
#nav.m2 a#m-2 { color:#d16c52;}
#nav.m3 a#m-3 { color:#d16c52;}
#nav.m4 a#m-4 { color:#d16c52;}
#nav.m5 a#m-5 { color:#d16c52;}
#nav.m6 a#m-6 { color:#d16c52;}
#nav.m7 a#m-7 { color:#d16c52;}
#nav.m8 a#m-8 { color:#d16c52;}
/*************************************************BUTTON*************************************************************/
#button-send { width: 50px; height:20px; float:left; }
#button-send #sendnav { margin:0; padding:0; }
#button-send #sendnav li { display: inline; }
#button-send #sendnav li a { float: left; height: 0px; padding-top:20px; overflow: hidden; }
#button-send #sendnav li a { background-image: url(/quarter/design/button-send.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#button-send #sendnav li#m-1 a { width: 50px; background-position: 0px 0px; }
/* OVER STATES */
#button-send #sendnav li#m-1 a:hover { width:50px; background-position: 0px -20px; }
/**********button-send*****************************/
#button-offer { width: 89px; height:25px; float:left; margin-bottom:20px;}
#button-offer #offernav { margin:0; padding:0; }
#button-offer #offernav li { display: inline; }
#button-offer #offernav li a { float: left; height: 0px; padding-top:25px; overflow: hidden; }
#button-offer #offernav li a { background-image: url(/quarter/design/button-specail-offer.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#button-offer #offernav li#m-1 a { width: 89px; background-position: 0px 0px; }
/* OVER STATES */
#button-offer #offernav li#m-1 a:hover { width:89px; background-position: 0px -25px; }
/**********button-offer*****************************/
#button-promotion { width: 105px; height:25px; float:left; margin-right:20px; margin-bottom:20px;}
#button-promotion #promotionnav { margin:0; padding:0; }
#button-promotion #promotionnav li { display: inline; }
#button-promotion #promotionnav li a { float: left; height: 0px; padding-top:25px; overflow: hidden; }
#button-promotion #promotionnav li a { background-image: url(/quarter/design/button-specail.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#button-promotion #promotionnav li#m-1 a { width: 105px; background-position: 0px 0px; }
/* OVER STATES */
#button-promotion #promotionnav li#m-1 a:hover { width:105px; background-position: 0px -25px; }
/**********button-send*****************************/
#button-spa { width: 47px; height:12px; float:left; margin-bottom:10px;}
#button-spa #spanav { margin:0; padding:0; }
#button-spa #spanav li { display: inline; }
#button-spa #spanav li a { float: left; height: 0px; padding-top:12px; overflow: hidden; }
#button-spa #spanav li a { background-image: url(/quarter/design/button-spa.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#button-spa #spanav li#m-1 a { width: 47px; background-position: 0px 0px; }
/* OVER STATES */
#button-spa #spanav li#m-1 a:hover { width:47px; background-position: 0px -12px; }
/**********button-send*****************************/
#button-front { width: 91px; height:11px; float:left; margin:0px 45px 0px 5px;}
#button-front #frontnav { margin:0; padding:0; }
#button-front #frontnav li { display: inline; }
#button-front #frontnav li a { float: left; height: 0px; padding-top:11px; overflow: hidden; }
#button-front #frontnav li a { background-image: url(/quarter/design/button-front.jpg) ; background-repeat: no-repeat; }
/* BUTTONS */
#button-front #frontnav li#m-1 a { width: 91px; background-position: 0px 0px; }
/* OVER STATES */
#button-front #frontnav li#m-1 a:hover { width:91px; background-position: 0px -11px; }
/**********button-send*****************************/
#button-next { width: 50px; height:20px; float:left; }
#button-next #nextnav { margin:0; padding:0; }
#button-next #nextnav li { display: inline; }
#button-next #nextnav li a { float: left; height: 0px; padding-top:20px; overflow: hidden; }
#button-next #nextnav li a { background-image: url(/quarter/design/button-next.jpg) ; background-repeat: no-repeat; }
/* BUTTONS */
#button-next #nextnav li#m-1 a { width: 50px; background-position: 0px 0px; }
/* OVER STATES */
#button-next #nextnav li#m-1 a:hover { width:50px; background-position: 0px -20px; }
/**********button-send*****************************/
#button-send { width: 50px; height:20px; float:left; margin-top:10px; }
#button-send #sendnav { margin:0; padding:0; }
#button-send #sendnav li { display: inline; }
#button-send #sendnav li a { float: left; height: 0px; padding-top:20px; overflow: hidden; }
#button-send #sendnav li a { background-image: url(/quarter/design/button-send.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#button-send #sendnav li#m-1 a { width: 50px; background-position: 0px 0px; }
/* OVER STATES */
#button-send #sendnav li#m-1 a:hover { width:50px; background-position: 0px -20px; }
/**********button-send*****************************/
/*************************************END BUTTON**********************************/
/*****************************************************************************/
/*
#submenu { margin:0; padding:0; }
#submenu li { }
#submenu li a { float: left; height: 0px; padding-top:35px; overflow: hidden; }
#submenu li a { background-image: url(/rasananda//quarter/design/menu.jpg);background-repeat: no-repeat; }
/* BUTTONS */
/*#submenu li#m-1 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-2 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-3 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-4 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-5 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-6 a { color:#FFFFFF; font-size:11px;}
/* OVER STATES */
/*#submenu li#m-1 a:hover { color:#0f231f;}
#submenu li#m-2 a:hover { color:#0f231f;}
#submenu li#m-3 a:hover { color:#0f231f;}
#submenu li#m-4 a:hover { color:#0f231f;}
#submenu li#m-5 a:hover { color:#0f231f;}
#submenu li#m-6 a:hover { color:#0f231f;}
#submenu.m1 li#m-1 a { color:#0f231f;}
#submenu.m2 li#m-2 a { color:#0f231f;}
#submenu.m3 li#m-3 a { color:#0f231f;}
#submenu.m4 li#m-4 a { color:#0f231f;}
#submenu.m5 li#m-5 a { color:#0f231f;}
#submenu.m6 li#m-6 a { color:#0f231f;}
*/
/***************************** END MAIN MENUS ******************************/
input.submit { border:1px solid #d7b97b; background-color:#dcc68c; color:#FFFFFF;}
#body .content .contact td select{ border:1px solid #d1d1d1; background-color:#f0f0f0;}
/********************************BLOG**************************************/
#body .content p.date { margin:0px 0px 5px 0px; font-size:10px;}
#body .content h2 { color:#4C2B11; margin-bottom:5px;}
.entry a img { border: 0 none;}
.aligncenter, div.aligncenter { display:block; margin:0 auto;}
.aligncenter a img, div.aligncenter a img{ display:block; margin:0 auto;}
#body .aligncenter, div.aligncenter { display:block; margin:0 auto;}
/*.wp-caption
{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#000000;
margin:0 0 18px;
padding-top:5px;
text-align:center;
}
.wp-caption p.wp-caption-text
{
color:#CCCCCC;
font-size:11px;
line-height:17px;
margin:0;
padding:5px 4px;
}
*/
#slideshow {
position:relative;
height:280px;
}
#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;
}