/* CSS Document */
h1 { font-size: 120%; line-height: 1.3em; margin: 0; padding: 0;}
h2 { font-size: 100%; line-height: 1.3em; margin: 0; padding: 0;}
h3 { font-size: 85%; line-height: 1.3em; margin: 0; padding: 0;}
h4, h5, h6 { font-size: 80%; line-height: 1.3em; margin: 0; padding: 0;}
p,em { font-size: 80%; line-height: 1.5em; margin: 0; padding: 0;}
ul { font-size: 80%; line-height: 1.5em; list-style: none; margin: 0; padding: 0;}
ol {font-size: 80%; line-height: 1.5em;  list-style-type:armenian; margin: 0; padding: 0;}
li { margin: 0; padding: 0;}
dl { font-size: 80%; line-height: 1.5em; margin: 0; padding: 0;}
dt, dd { margin: 0; padding: 0;}
div { margin: 0; padding: 0;}
table { line-height: 1.5em; margin: 0; padding: 0;}
th, td { margin: 0; padding: 0;}
img { border-style: none; margin: 0; padding: 0;}
a { text-decoration:none; }
address{ font-style:normal; font-size:80%; line-height:1.5em; }
b { padding: 5px 0;  }
em { font-style:normal; }

* { margin:0; padding:0 ;}

body {
   margin:0;
   padding:0;
   background:url(../common/bg.gif) repeat-x #545E4B;
  text-align:center;
}

#container {
   width:760px;
   margin:0 auto ;
   padding:0 10px;
   background:url(../common/tbbg.gif) repeat-x #2F3C24;
   color:#333;
   text-align:left;
   _width:780px;
    position:relative;
}

   
#header {
   background:url(../common/headback.gif) no-repeat top right ;
   width:760px; 
   float:left; 
   border-bottom:1px solid #979746;
   margin:0 0 1px 0;
}
#content {
   padding:10px;
   background:#FFF;
}

#left_col {
   float:left;
   padding:10px 0 ;
}
#right_col {
   float:right;
   padding:10px 0 ;
}
#footer {
    clear:both;
	padding:10px 0 3px 0 ;
	margin:0 ;
	background:url(../common/footer_bg.gif) no-repeat left top;
	width:760px;
	border-top:1px solid #787841;
}



/*------------*/
#logo {
   float:left;
   margin:10px 0 10px 20px;

}
#key-visual {
   clear:both;
}
#sub_nav { float:right;background-image:none;padding:15px 0 0 0 ; width:510px;}
#sub_nav p { background:url(../common/sub_logo.gif) no-repeat 0 0 ; text-indent:-99999px;width:170px; height:20px; float:left; margin-top:20px;}
#sub_nav #b_reserve { float:right;}
#sub_nav ul { clear:both; width:350px; float:right;}

#sub_nav li {
   float:left;
   height:30px;
   display:block;
}
#sub_nav li a {
   float:left;
   height:30px;
   display:block;
   text-indent:-9999px;

}


#n-home {
   width:76px;
   background:url(../common/sub_nav.gif) no-repeat 0 0;
}
#n-access {
   width:91px;
   background:url(../common/sub_nav.gif) no-repeat -76px 0;
}
#n-contact {
   width:107px;
   background:url(../common/sub_nav.gif) no-repeat -167px 0 ;
}
#n-blog {
   background:url(../common/sub_nav.gif) no-repeat -274px 0 ;
   width:76px;
}





#nav {
   margin:0 0 0 0 ; padding:0;
   clear:both;
   background:url(../common/global_nav.gif) no-repeat ;
   width:762px;
   height:37px;

}


#nav li {float:left;display:block;height:37px;}
#nav li a {float:left;height:37px;display:block;text-indent:-9999px;}

#n-plan {background:url(../common/global_nav.gif) no-repeat 0 0 ; width:148px;}
a:hover#n-plan {background:url(../common/global_nav.gif) no-repeat 0 -37px ;width:148px;}

#n-spa {background:url(../common/global_nav.gif) no-repeat -149px 0; width:82px;}
a:hover#n-spa,
#spa #n-spa,
#spa2 #n-spa,
#spa3 #n-spa,
#spa4 #n-spa,
#spa5 #n-spa,
#room1 #n-spa {background:url(../common/global_nav.gif) no-repeat -149px -37px;width:82px;}

#n-dinner {background:url(../common/global_nav.gif) no-repeat -230px 0 ;width:84px;}
a:hover#n-dinner,#lunch #n-dinner { background:url(../common/global_nav.gif) no-repeat -230px -37px ;width:84px;}

#n-room {background:url(../common/global_nav.gif) no-repeat -314px 0 ;width:67px;}
a:hover#n-room,#room #n-room { background:url(../common/global_nav.gif) no-repeat -314px -37px ; width:67px;}

#n-garden { background:url(../common/global_nav.gif) no-repeat -511px 0 ; width:64px;}
a:hover#n-garden,#garden #n-garden { background:url(../common/global_nav.gif) no-repeat -511px -37px ; width:64px;}

#n-facilities { background:url(../common/global_nav.gif) no-repeat -576px 0 ; width:96px;}
a:hover#n-facilities,#facilities #n-facilities {   background:url(../common/global_nav.gif) no-repeat -576px -37px ; width:96px;}

#n-sight { background:url(../common/global_nav.gif) no-repeat -672px 0 ;width:90px;}
a:hover#n-sight,#sightseeing #n-sight { background:url(../common/global_nav.gif) no-repeat -672px -37px ; width:90px;}

#n-ceremony { width:130px; background:url(../common/global_nav.gif) no-repeat -381px 0;}
a:hover#n-ceremony,#ceremony #n-ceremony { width:130px; background:url(../common/global_nav.gif) no-repeat -381px -37px;}










  
#footer ul {
    margin:0 15px;
    padding: 3px 0 0 15px ;
	font-size:11px;	
	color:#FFF;
}

#footer li {
    display:inline;
}
#footer li a{
	color:#FFF;
}
#footer li a:hover{text-decoration:underline;}
#footer #bot_nav {
   margin:5px 0 10px;
}
#footer #bot_nav ul {
   float:left;
}
#footer #bot_nav li {
   float:left;

}
#footer #bot_nav p {
   float:right;
}
#footer address {
     float:left;
	 padding:20px 0 20px 30px ;
	 color:#B0B08A;
}
#f_logo {
    float:right;
	margin:15px 50px 0 0 ;

}
.copy {
    clear:both;
    text-align:right;
    color:#CCC;
	border-top:1px solid #979746;
	/*background:#545E4B;*/

}

#footer #foot_txt_nav { float:left; width:420px;}
#footer #foot_txt_nav ul { margin:0; padding:0px;}
#footer .note { color:#FFF; font-size:0.75em; float:right; margin-right:15px; width:310px;}

#footer address { width:500px;}
/*--------------------------
h1 h2 h3
---------------------------*/

h1#caption,h2#caption2,h2#caption {
   text-indent:-9999px;
   height:35px;
    display:block;
    padding:0 10px 0 10px ;
    text-indent:-9999px;
	font-size:xx-small; 
}










/*----------------


clearfix
----------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-table;}
/* Hides from IE-m \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-m */



.hidden {
   display:none;
}
.text-box {
   padding:10px;
}
.next a,.zoom a {
   display:block;
   float:right;
   padding:0 10px 0 0 ;
   width:70px;
   height:30px;
   text-indent:-9999px;
}
.full img {
   margin:8px 0;
}
.next a {
   background:url(../common/next.gif) no-repeat left top;
}
.zoom a{
   background:url(../common/zoom.gif) no-repeat left top;
}
.left {
   float:left;
}
.right {
    float:right;
}
.read {
   padding:10px 15px 15px 80px;
}
.read2{
   padding:30px 15px 30px 10px;
}
.clear {
   clear:both;
   color:#FFF;
   width:100%;
   height:1px;
}
p.clear{ width:1px;}
hr.clear{ border-color:#FFF; border:0; width:1px; height:1px; margin:0; padding:0; }