/* CSS Document */
body { margin:0; padding:0; background: url(../images/bgwide.jpg) repeat-y top center #000; font-family:tahoma; color:#a186be; font-weight:normal; font-size:12px; line-height:17px;}
a {color:#a186be; text-decoration:none; outline:none;}
a:hover {color:#8560a9; text-decoration:underline; outline:none;}


/*for Mainlayout*/
#Wrapper {margin:0 auto; padding:0;}
#HeaderIndex { margin:0 auto; padding:0; width:100%; position:relative;}
#HeaderAll { margin:0 auto; padding:0; width:100%; background:url(../images/bgmenu.png) no-repeat top center;} 

.head { margin:0 auto; padding:10px 0 0 0; width:964px;}
.logo { width:300px; float:left; padding:10px 0 0 0;}

.head-banner-about { width:100%; height:150px; position:relative; background:url(../images/banner_about.jpg) no-repeat top center; }
.head-banner-contact { width:100%; height:150px; position:relative; background:url(../images/banner_contact.jpg) no-repeat top center; }
.head-banner-location { width:100%; height:150px; position:relative; background:url(../images/banner_location.jpg) no-repeat top center; }
.head-banner-press { width:100%; height:150px; position:relative; background:url(../images/banner_press.jpg) no-repeat top center; }
.head-banner-rate { width:100%; height:150px; position:relative; background:url(../images/banner_reservation.jpg) no-repeat top center; }
.head-banner-show { width:100%; height:150px; position:relative; background:url(../images/banner_preview_show.jpg) no-repeat top center; }
.head-banner-recom { width:100%; height:150px; position:relative; background:url(../images/banner_recom.jpg) no-repeat top center; }


.menu { width:640px; float:right; margin:72px 0 0 0;}
.menu ul { margin:0; padding:0;}
.menu ul li { margin:0; padding:0 ; list-style:none; display:inline;}

#ContainerMain {margin:0; padding:0; width:100%; background: url(../images/sha_underhead.png) repeat-x top left; height:auto;}
#Underline { background:url(../images/line_under.gif) no-repeat top right;}
#Footer { padding:20px 0; margin:0 auto; width:964px;}
#content-main { margin:0 auto; padding:20px 0 60px 0; width:964px; height:auto;}
#Nav { margin:0; padding:0 0 15px 0; text-align:right;}
.nav { font-size:12px; color:#a186be; font-weight:normal; text-decoration:none; padding:0 3px;}
.nav a {color:#a186be; text-decoration:none;}
.nav a:hover {color:#8560a9; text-decoration: underline;} 
.nav span { color:#8560a9; font-weight:bold; text-decoration:none; } 
#Colcontent { margin:0; padding:0; height:auto;}
#Colcontent p { margin:0; padding:0; font-size:12px; color:#8560a8; font-weight:bold;}
#Colcontent p span { margin:0; padding:0; font-size:12px; color:#a186be; font-weight: normal;}
#Colcontent p span span { margin:0; padding:0; font-size:11px; color:#a186be; font-weight: bold; text-decoration:none;}
#Colcontent p span span a{ color:#a186be; text-decoration:none;}
#Colcontent p span span a:hover{ color:#8560a8;  text-decoration:none;}

#Colleft { margin:0; padding:0 0 0 15px; float: left; width:378px;}
#ColRight { margin:0; padding:0; float: left; width:560px;}

.ClearFloat {clear:both;}

h1 { margin:0; padding:0;}
h2 { margin:0; padding:20px 0 0 22px;}

#mnleft { float:left; margin:0; padding:20px 0 0 0; width:220px;}
#mnleft ul { margin:0; padding:0;}
#mnleft ul li{ margin:0;
 font-size:12px;  padding:2px 0 2px 7px; list-style:none; line-height:normal;}
.mnleft { color:#a186be; text-decoration:none;}
.mnleft a { color:#a186be; text-decoration:none;}
.mnleft a:hover { color:#fff; text-decoration:none;}
.mnleft:hover { color:#fff; text-decoration:none;}

.mnleft_de {background:#8560a9; padding:2px 0 2px 7px; color:#fff; text-decoration:none; font-weight:bold;}
.mnleft_de a { color:#fff; text-decoration:none;}


.bg_map { background:url(../images/bg_map.png) no-repeat top left; padding:0 0 40px 82px;}
.bg_rate { background:url(../images/bg_rate.png) no-repeat top left; padding:0 0 30px 82px;}
.divContentLink { padding:0 22px;}

/*Form*/
.txtbox { font-family: tahoma; font-size:12px; color:#a186be; text-decoration:none; font-weight: normal; background:#000; border:1px solid #000; padding:2px; width:466px;}
.txtarea { font-family: tahoma; font-size:12px; color:#a186be; text-decoration:none; font-weight: normal; background:#000; border:1px solid #000; padding:2px; width:466px; height:68px;}
.txtbox_im { font-family: tahoma; font-size:12px; color:#a186be; text-decoration:none; font-weight: normal; background:#000; border:1px solid #000; padding:2px; width:200px;}

.txt_comment, .txt_comment a { font-size:12px; color:#a186be; text-decoration:none;}
.txt_comment a:hover{ color:#a186be; text-decoration: underline;}
.txt_comment span { color:#cd96fe;} 

.btn { font-size:11px; color:#fff; background:url(../images/btn.gif) no-repeat top center; font-family:tahoma; font-weight:bold; width:56px; border:0px; padding:3px 0; text-transform:uppercase; cursor:pointer;}
.btn:hover { font-size:11px; color:#a186be; background:url(../images/btn.gif) no-repeat top center; font-family:tahoma; font-weight:bold; width:56px; border:0px; padding:3px 0;}

.Guests {border-right:1px solid #a186be; padding:0 7px; }
.Guests_02 { padding:0 0 0 7px; }
.divGuests { width:228px;}
.imgShow { border:4px solid #080808; cursor:pointer;}
.imgShow:hover { border:4px solid #8560a8;}

#page { margin:0 auto; padding:50px 0 0 0; text-align:center;}
.page, .page a { text-align:center; font-size:12px; color:#fff; font-weight: bold; text-decoration:none;}
 { color:#fff; text-decoration:none;}
.page a:hover { color:#8560a8; text-decoration: none;}

.page span { color:#8560a8; text-decoration:underline;}


/*Gallery*/

.divGall {background: url(../images/tab/tab.gif) repeat-x top; margin:15px 0 0 0; width:963px;}
.image {width:76px; padding-left:15px; float:left;}

#number { margin:0; padding:0; float:left; width:350px; ;}
#number ul { margin:0; padding:0;}
#number ul li { margin:0; display:inline; font-size:11px; list-style:none; text-align:center; padding-right:10px;}

.number {font-size:11px; color:#fff; font-size:11px; font-weight: bold;text-decoration:none; padding:6px 8px 0 8px;}
.number a { color:#fff; text-decoration:none;}
.number a:hover { color:#fff; text-decoration:none;}
.number:hover { background:url(../images/over_mn.gif) no-repeat top center; color:#fff; text-decoration:none;}
.number:hover a { color:#fff; text-decoration:none;}

.number_de {color:#fff; font-size:11px; font-weight: bold;text-decoration:none; padding:6px 8px 0 8px; background:url(../images/over_mn.gif) no-repeat top center; }
.number_de a {color:#fff; text-decoration:none; }



.divTopic { padding:8px 15px 8px 0; font-size:12px; list-style:none; text-align: center;color:#fff; font-weight:bold; text-transform:uppercase; }
.bg_gall { background:url(../images/gall/bg_gall.png) no-repeat top left; padding:0 82px 20px 82px; height:379px;}

.line { border-right:1px solid #a186be; width:220px; float:left; padding:0 10px 0 10px;}

#divOur_show { margin:0; padding:0; }
#divOur_show ul  { margin:0; padding:0;}
#divOur_show ul li  {margin:0; font-size:12px;  padding:2px 0 2px 22px; list-style:none; line-height:normal;}


.divOur_show { color:#a186be; text-decoration:none; text-transform:uppercase;}
.divOur_show a { color:#a186be; text-decoration:none;}
.divOur_show a:hover { color:#fff; text-decoration:none;}
.divOur_show:hover { background:#8560a9; padding:2px 0 2px 22px; color:#fff; text-decoration:none;}
.divOur_show:hover a { color:#fff; text-decoration:none;}

.divOur_show_de { background:#8560a9; padding:2px 0 2px 22px; color:#fff; text-decoration:none; font-weight: normal; text-transform:uppercase;}
.divOur_show_de a { color:#fff; text-decoration:none;}
.under {padding:100px 0; text-align:center;}

.print { margin:10px 82px 0 0 ;background:url(../images/print.png) no-repeat top left; padding:3px 0 5px 28px; font-size:12px; color:#8560a9; font-weight:bold; text-decoration: none;}

.print a {  color:#8560a9;text-decoration: none;}
.print a:hover {  color:#8560a9;text-decoration: underline;}
/*End*/

/*for popup alpha*/
.MultiBoxContainer { z-index:2; position:absolute; display:none;}
.MultiBoxLoading { background:url(../images/loading_gall.gif) no-repeat 50% 50%}
.MultiBoxContent { position:relative; width:100%; height:100%; overflow:hidden;}
.MultiBoxClose { position:absolute; width:auto; background:url(../images/close.gif) no-repeat; cursor:pointer; top:5px; left:5px; Behavior: url(iep);width:35px; height:30px;}
/*end*/


/*Popup Friend*/
#columntop {margin:0 auto; padding:20px 0 5px 0; width:470px; height:100px; text-align:center;}

#columnbtm {margin:0 auto; padding:0; width:700px; text-align: center;background-color:}

.TxtBoxCon {font-family: "trebuchet MS", tahoma, arial, sans-serif;; font-size:12px; color:#939393; padding:3px 5px; background:#FFF; width:378px; border:none; margin:1px 0 0 0;}

.btn {filter:alpha(opacity=70); -moz-opacity:1.0; opacity:1.0; margin:5px 0 0 0;}
.btn:hover {filter:alpha(opacity=100); -moz-opacity:0.8; opacity:0.8;}

.txtboxpopup { font-family: tahoma; font-size:12px; color:#a186be; text-decoration:none; font-weight: normal; background:#000; border:1px solid #000; padding:2px; width:466px;}
/*end Popup Friend*/

/*Press*/
#ColRPress {float:right; width:720px;}
.BoxPress {float:left; width:200px; margin:0 15px 20px 10px; overflow:hidden;}
.BoxPress h1 { margin:10px 0 0 0; padding:0; font-size:12px; text-decoration:none; font-weight:normal; color:#8560a8;}
.BoxPress h1 a {color:#8560a8; text-decoration:none;}
.BoxPress h1 a:hover {text-decoration:underline;}
.BoxPress h1 span {color:#a186be; font-size:11px; font-weight:normal;}
/*end press*/



/* MENU DROPDOWN*/
.transMenu { position:absolute; overflow:hidden; top:120px !important; left:0px; margin:0 !important; padding:0 !important;}
.transMenu .content { position:absolute;}
.transMenu .items { z-index:2; position:relative; top:2px; left:0; }
.top.transMenu .items { font-family: CharlemagneStd-Bold, Tahoma, Geneva, sans-serif !important; font-size:10px !important; font-weight: 400 !important;}
.transMenu .item { color:#fff; font-size:10px; cursor:pointer; text-decoration:none; font-weight: normal; text-align:left;}
.transMenu .background { z-index:1; position:absolute; filter:alpha(opacity=100); opacity:1.0; top:0px; left:0; -moz-opacity: 1.0; }
.transMenu .hover.item { color:#32004b; text-decoration: none; filter:alpha(opacity=100); opacity:1.0; -moz-opacity: 1.0;}
/* END */


/*Our Menu*/

ul.ourmenu { width:964px; margin:0; padding:0;}
ul.ourmenu li { width:964px; margin:0; padding:0; list-style:none; display:block;}
ul.ourmenu li a { width:964px; height:60px; margin:0; padding:0; display:block;}
ul.ourmenu li a img {display:block;}

.txt_head_review { font-size:14px; font-weight:bold; color:#7030a0; }
.txt_review { font-size:12px; font-weight:bold; color:#999; padding-bottom:10px; }
.txt_rate { font-size:11px; padding-top:10px; font-style:italic; color:#999; }
.border_btm { padding:15px 0; text-align:justify; color:#a186be; border-bottom:1px solid #a186be; }
.border_btm_none { padding:15px 0; text-align:justify; color:#a186be; }