@charset "UTF-8";

html { height: 101%; /* prevent page jumping */ }

body {
	margin: 0px;
	background: #fff url(../images/bg_body.jpg) repeat-x;
	font-family: tahoma; 
	font-size: 11px;
	color: #5e5d5a;
}

a, a:hover, a:visited {
	color: #5e5d5a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

.clear { clear: both }

#main {
	margin: 0px auto;
	width: 1000px;
}

#top {
	width: 1000px;
	height: 62px;
	background: url(../images/top.jpg) no-repeat;
}

#menu, #logo {
	overflow: hidden;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
}

#menu ul li {
  float: left;
  height: 55px;
  background-repeat: no-repeat;
  background-position: top left;
}

#menu ul li a {
	display: block;
	height: 55px;
}

#menu ul li#open {
	width: 344px;
	background-image: url(../images/menu/left.jpg);
}

#menu ul li#aboutus a { width: 74px; background-image: url(../images/menu/aboutus_out.jpg) }
#menu ul li#aboutus a:hover, #menu ul li#aboutus a.active { background-image: url(../images/menu/aboutus_over.jpg) }

#menu ul li#plan a { width: 89px; background-image: url(../images/menu/plan_out.jpg) }
#menu ul li#plan a:hover, #menu ul li#plan a.active { background-image: url(../images/menu/plan_over.jpg) }

#menu ul li#gallery a { width: 99px; background-image: url(../images/menu/gallery_out.jpg) }
#menu ul li#gallery a:hover, #menu ul li#gallery a.active { background-image: url(../images/menu/gallery_over.jpg) }

#menu ul li#news a { width: 141px; background-image: url(../images/menu/news_out.jpg) }
#menu ul li#news a:hover, #menu ul li#news a.active { background-image: url(../images/menu/news_over.jpg) }

#menu ul li#contact a { width: 113px; background-image: url(../images/menu/contact_out.jpg) }
#menu ul li#contact a:hover, #menu ul li#contact a.active { background-image: url(../images/menu/contact_over.jpg) }

#menu ul li#close {
	width: 140px;
	background-image: url(../images/menu/right.jpg);
}

#logo div {
	background-repeat: no-repeat;
	float: left;
	height: 288px;
}

#logo-l {
	width: 59px;
	background: url(../images/logo/left.jpg);
}

#logo-c {
	width: 807px;
}

#logo-c div {
	position: absolute;
	width: 807px;
}

#logo-c1 { background-image: url(../images/logo/c1.jpg) }
#logo-c2 { background-image: url(../images/logo/c2.jpg) }
#logo-c3 { background-image: url(../images/logo/c3.jpg) }

#logo-r {
	width: 134px;
	background: url(../images/logo/right.jpg);	
}

#content-main {
	margin: 0px 144px 20px 60px;
	position: relative;
	overflow: hidden;
}

#content-page {
	padding: 0px 144px 20px 60px;
	overflow: hidden;
	background: transparent url(../images/main-bg.jpg) no-repeat center top;
}

#content-inner {
	position: relative;	
	margin-top: 20px;
}

#footer {
  margin: 0px 144px 0px 60px;
}

#footer-image {
  width: 797px;
  height: 33px;
  background: url(../images/footer.jpg) no-repeat;
  position: relative;
  color: #000;
}

#footer-text {
  position: absolute;
  left: 280px;
  top: 9px;
  z-index: 1;
}

#footer-shadow {
  position: absolute;
  left: 281px;
  top: 10px;
  z-index: 0;
  color: #bbb;
  opacity: 0.8;
  filter:alpha(opacity=80)
}

#footer-author {
  text-align: center;
}
#footer-logo{	text-align: center; 	margin-top: 15px; 	margin-bottom: 15px;}


.content-header {
	height: 33px;
}

.content-title, .content-header div {
	height: 14px;
}

.content-header, .content-title, .content-header div {
	background-repeat: no-repeat;
	background-position: top left;	
}


.content-header div {
	float: left;
}

div#title-aboutus {
	background-image: url(../images/home/top.jpg);
}

div#title-archive {
	margin-left: 10px;
	width: 84px;
	background-image: url(../images/home/archive.png);
}

div#title-plan {
	width: 122px;
	background-image: url(../images/plan.png);
}

div#title-gallery {
	width: 63px;
	background-image: url(../images/gallery.png);	
}

div#title-news {
	width: 177px;
	background-image: url(../images/news.png);	
}

div#title-contact {
	width: 510px;
	background-image: url(../images/contact.png);
}

div#title-logo {
	width: 200px;
	background-image: url(../images/logo.png);
}



#main-news {
	float: left;
	width: 480px;
}

#main-news .news-data {
	width: 280px;
}

#main-news .news-archive ul li a {
	line-height: 20px;
}

#main-news .news-archive ul li a span { display: inline-block; width: 360px }
#main-news .news-archive ul li a span+span { font-weight: bold; width: auto }


#main-changes {
	float: right;
	text-align: right;
}

#changes-image {
	width: 279px;
	height: 187px;	
	border: 4px solid #fff;
	position: relative;
}

#changes-image img {
	width: 279px;
	height: 187px;
	position: absolute;
	left: 0;
}

#changes-more a {
	display: block;
	float: right;
	margin: 5px 20px 0 0;
	width: 65px;
	height: 17px;
	background: transparent url(../images/more-photos.png) no-repeat top left;
}




#history-content {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	color: #000;
	line-height: 20px;
}

#history-content div {
	padding: 5px;
}

.red { color: #f22 }
.underline { text-decoration: underline }

#history-content ul {
	margin: 26px 0;
}

#history-content ul li {
	line-height: 40px;
	padding-left: 20px;
}

#history-content div#history-head {
	background: url(../images/aboutus-image.png) no-repeat 450px 0;
	padding: 10px 0 0 50px;
	height: 283px;
}


#plan-container {
	
}

#swf-plan {
	position: relative;
	left: 0;
	top: 0;
}

div.plan {
	margin: 40px auto;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}



#gallery-images {
	margin: 10px 0 10px 24px;
	width: 100%;
}

.gallery-image {
	float: left;
	width: 130px;
	height: 90px;
	margin: 0 18px 10px 0;
	padding: 5px;
	background: transparent url(../images/gallery-image-bg.png) no-repeat top left;
}


#news-container {
	margin: 10px 0 0 30px;
}

.news-item {
	margin-bottom: 20px;
}

.news-image {
	float: left;
	width: 126px;
	height: 113px;
	padding: 6px 0 0 6px;
	background: transparent url(../images/news-image-bg.png) no-repeat top left;
}

.news-data {
	float: left;
	margin-left: 30px;
	width: 600px;
}

.news-title {
	margin: 12px 0;
}

.news-title span {
	color: #E09603;
	font-weight: bold;
}

.news-content {
	line-height: 20px;
	text-indent: 40px;
	text-align: justify;
}

.news-back {
	margin-top: 20px;
}


#paginator {
	width: 100%;
	text-align: right;
}




#contact-info {
	color: #986511;
	margin-bottom: 20px;
	overflow: hidden;
}

#contact-info div {
	float: left;
}

#contact-note {
	width: 490px;
	padding-left: 20px;
}

#contact-logo {
	width: 280px;
}

#contact-logo a {
	margin: 0 auto;
	display: block;
}

#contact-logo a#emblemat {
	width: 178px;
	height: 189px;
	background: url(../images/emblemat-mini.png) no-repeat top left;
}

#contact-logo a#zoom {
	width: 51px;
	height: 17px;
	background: url(../images/zoom.png) no-repeat top left;
	float: right;
}

#gmaps {
  position: absolute;
  left: 280px; 
  top: 100px;
}

#zumi {
  position: absolute;
  left: 280px; 
  top: 130px;
}

#google {
	width: 760px;
	margin: 0 auto;
	padding: 1px;
	height: 450px;
	border: 2px dotted #986511;
}

#after-google { 
	text-align: center;
	width: 100%;
	margin: 10px 0;
}