/* common settings */
html,body {
	margin:0;
	padding:0;
	line-height:1;
	height:100%;
	width:100%;
}
body {
	font-family:"Times New Roman", Times, serif;
	background:#f8f1de;
	color:#9a6a28;
	font-size:0.9em;
	position:relative;
	overflow:hidden;
	_overflow:visible;
}
table {padding:0; border-collapse:collapse;}
table td {padding:0;border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul,ol,li,ul li,ol li,h1,h2,h3,h4,h5,h6,
pre,form,div,
body,html,
p,a,blockquote,fieldset,input{margin:0;padding:0;}
ul,ol{list-style:none;}
li,dd,blockquote{margin-left:1em;}
a img,:link img,:visited img{border:none;}
fieldset{border:solid 0 transparent;}
input,select,textarea{font-size:100%;}
textarea{font-family:Arial, Helvetica, sans-serif;}
iframe {overflow:auto;}

.clean {clear:both; font-size:0; line-height:0; height:0px;}
.no {display:none;}
.nobr {white-space:nowrap;}
.fleft {float:left;}
.fright {float:right;}

a {text-decoration:underline; color:#db5f74; outline:none;}
a:hover {color:#9a6a28;}
img {border:0;}
* {outline:none;}

/* outer */
.outer {
	height:100%;
	width:100%;
	display:table;
	*display:block;
	background:url(/common/images/bg-day.jpg) center center no-repeat;
}
.inner {
	display:table-cell;
	vertical-align:middle;
	*margin-top:expression(((outer.offsetHeight/2)-parseInt(offsetHeight)/2)<0 ? "0" : (outer.offsetHeight/2)-(parseInt(offsetHeight)/2) +'px');
}
.wrapper {
	width:954px;
	height:678px;
	margin:auto;
	position:relative;
}

/* day */
.morning {background-image:url(/common/images/bg-morning.jpg);}
.evening {background-image:url(/common/images/bg-evening.jpg);}
.night {background-image:url(/common/images/bg-night.jpg);}
.index-page .outer {background-image:url(/common/images/index-bg-day.jpg);}
.index-page .morning {background-image:url(/common/images/index-bg-morning.jpg);}
.index-page .evening {background-image:url(/common/images/index-bg-evening.jpg);}
.index-page .night {background-image:url(/common/images/index-bg-night.jpg);}

/* logo */
#logo, #logo a, #logo em {
	width:239px;
	height:72px;
	position:absolute;
	display:block;
}
#logo {
	left:70px;
	top:51px;
	overflow:hidden;
	text-indent:-5000px;
}
#logo a {
	overflow:hidden;
	position:relative;
}
#logo em {
	top:0;
	left:0;
	background:url(/common/images/logo.png) 0 0 no-repeat;
}
#logo a em {
	cursor:pointer;
}
.feedback {
	display:block;
	position:absolute;
	text-indent:-5000px;
	overflow:hidden;
	width:30px;
	height:30px;
	left:473px;
	top:8px;
}
a.lng-switch {
	position:absolute;
	left:522px;
	top:11px;
	line-height:1.2;
	text-decoration:none;
	color:white;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
a.lng-switch:hover {
	text-decoration:underline;
	color:white;
}

/* menu */
.menu {
	position:absolute;
	left:353px;
	top:128px;
	font-size:1.25em;
	color:#debf85;
	width:500px;
	line-height:22px;
}
.menu li {
	float:left;
	padding:0 11px;
	background:url(/common/images/menu-sep.gif) 0 4px no-repeat;
	white-space:nowrap;
}
.menu li:first-child, .menu li.first-child, .menu li.two-line {
	padding-left:0;
	background:none;
}
.menu li.two-line {
	clear:left;
}
* html .menu li {
	z-index: expression(
		runtimeStyle.zIndex = 1,
		this == parentNode.firstChild ? (className = "first-child") : 0
	);
}
.menu li a {
	color:white;
	text-decoration:none;
}
.menu li a:hover {
	text-decoration:underline;
	_color:white;
}
.menu li a.active, .menu li .active {
	color:#debf85;
}
.menu li a.active:hover {
	_color:#debf85;
}

/* footer */
.footer {
	position:absolute;
	width:230px;
	height:80px;
	left:228px;
	top:540px;
	padding:0 0 0 230px;
	font-size:0.9em;
	color:#736a5c;
}
.footer #logo-zdi {
	display:block;
	position:absolute;
	left:0;
	top:3px;
	width:178px;
	height:42px;
	background:url(/common/images/logo-zdi.png) 0 0 no-repeat;
	_cursor:pointer;
}
.footer a {
	color:#db5f74;
}
.footer a:hover {
	color:#9a6a28;
}
.footer p {
	margin-bottom:12px;
}
.footer p.copyright {
	font-size:0.85em;
}
.footer p.author {
	position:absolute;
	left:0;
	top:52px;
	height:15px;
	margin:0;
	line-height:1;
	white-space:nowrap;
}

/* day */
.day-list {
	position:absolute;
	right:2px;
	top:0;
	width:150px;
	height:31px;
}
.day-list li {
	display:block;
	position:relative;
	float:right;
	width:31px;
	height:31px;
}
.day-list li.morning, .day-list li.evening, .day-list li.evening, .day-list li.night {background:none;}
.day-list li.evening {margin-left:2px;}
.day-list li.day {margin-left:7px;}
.day-list li a {
	display:block;
	width:31px;
	height:31px;
}

/* content */
h1, .h1 {
	color:#c65165;
	font-size:1.65em;
	font-weight:normal;
	position:relative;
	left:85px;
	top:158px;
	width:250px;
}
.content {
	position:absolute;
	left:86px;
	top:196px;
	width:780px;
	height:290px;
	padding:0 10px 0 0;
	line-height:1.2;
	overflow:auto;
}
.content h4 {
	font-size:1.1em;
	line-height:1.1;
	color:#741122;
}
.content p, .content ul, .content ol {
	margin-bottom:13px;
}
.content a {
	color:#db5f74;
}
.content a:hover {
	color:#9a6a28;
}
.content ul {
	line-height:1.2;
	margin-left:1.7em;
	list-style:disc;
}
.content ol {
	line-height:1.2;
	margin-left:1.7em;
	list-style:decimal;
}

/* contacts */
.content-contacts {
	top:180px;
	height:70px;
	overflow:hidden;
}
.content-contacts h3 {
	color:#741122;
	font-size:1.2em;
}
.hr-dot {
	background:url(/common/images/hr-dot.gif) 0 bottom repeat-x;
	padding-bottom:9px;
	margin-bottom:1px;
}
.hr-dot address {
	font-style:normal;
	display:block;
}
.hr-dot a:hover {
	color:#9a6a28;
}

.gallery-contacts {
	position:absolute;
	left:78px;
	top:245px;
	width:805px;
	height:260px;
	line-height:1.1;
	overflow:hidden;
}
.gallery-contacts h3 {
	color:#741122;
	font-size:1.2em;
	margin-left:8px;
}
.gallery-inline-out {
	overflow:auto;
	height:235px;
}
.content ul.gallery-inline {
	display:block;
	width:auto;
	white-space:nowrap;
	line-height:1;
	margin:0;
	list-style:none;
}
.gallery-inline li {
	display:block;
	float:left;
	padding:0 12px 0 0;
}
.gallery-inline li .photo {
	background:url(/common/images/frame-contact.png) 0 0 no-repeat;
	width:149px;
	height:186px;
	line-height:183px;
	text-align:center;
	*padding-top:16px;
	*height:170px;
}
.gallery-inline li .photo a {
	position: relative;
}
.gallery-inline li .photo img {
	vertical-align:middle;
}
.gallery-inline li .name {
	text-align:center;
	color:#9a6a28;
	font-weight:bold;
	line-height:1;
}
.gallery-inline li .post {
	text-align:center;
	color:#746a5d;
	font-size:0.9em;
	line-height:1;
}
.gallery-inline li .inline-desc {
	padding:2px 10px 0 10px;
	width:620px;
}

/* gallery */
.content-gallery {
	left:80px;
	width:786px;
}
.content ul.gallery-list {
	line-height:1;
	margin:0;
	list-style:none;
}
.gallery-list li {
	padding-top:10px;
}
.gallery-list li:first-child, .gallery-list li.first-child {
	padding-top:0;
}
* html .gallery-list li {
	z-index: expression(
		runtimeStyle.zIndex = 1,
		this == parentNode.firstChild ? (className = "first-child") : 0
	);
}
.gallery-list .photo {
	background:url(/common/images/frame-gallery.png) 0 0 no-repeat;
	width:246px;
	height:196px;
	line-height:191px;
	text-align:center;
	*padding-top:20px;
	*height:176px;
	float:left;
}
.gallery-list .photo a {
	position:relative;
}
.gallery-list .photo img {
	vertical-align:middle;
}
.gallery-list .desc {
	padding-left:250px;
}
.gallery-list .desc .date {
	color:#741122;
	font-weight:bold;
}

/* gallery-in */
.content-gallery-in {
	left:96px;
	width:769px;
	height:272px;
}
.content ul.gallery-list-in {
	line-height:1;
	margin:0;
	list-style:none;
}
.gallery-list-in li {
	width:350px;
	padding:0 5px 10px 0;
	float:left;
}
.gallery-list-in .photo {
	background:url(/common/images/frame-gallery-in.png) 0 0 no-repeat;
	width:140px;
	height:125px;
	line-height:120px;
	text-align:center;
	*padding-top:21px;
	*height:104px;
	float:left;
}
.gallery-list-in .photo a {
	position:relative;
}
.gallery-list-in .photo img {
	vertical-align:middle;
}
.gallery-list-in .desc {
	padding:5px 0 0 146px;
}
.gallery-list-in .desc .date {
	color:#741122;
	font-weight:bold;
}
a.gallery-back {
	position:absolute;
	left:105px;
	top:478px;
	line-height:1.2;
}

/* plan */
.content-plan {
	height:296px;
	left:78px;
	top:192px;
	width:792px;
}
.content-plan p {
	margin-left:7px;
}
.content-plan .column {
	float:left;
	width:390px;
}
.content-plan .column h4 {
	margin-left:10px;
}
.content-plan .photo, .content .photo-frame {
	background:url(/common/images/frame-plan.png) 0 0 no-repeat;
	width:382px;
	height:283px;
	line-height:280px;
	text-align:center;
	*padding-top:19px;
	*height:264px;
	float:left;
}
.content .photo-frame {
	margin:0 7px 0 -8px;
}
.content-plan .photo a, .content .photo-frame a {
	position:relative;
}
.content-plan .photo img, .content .photo-frame img {
	vertical-align:middle;
}

/* newslist */
.content-newslist {
}
.content-newslist ul.newslist {
	line-height:1.1;
	margin:0;
	list-style:none;
}
.newslist li {
	position:relative;
	padding:14px 0 12px 0;
	background:url(/common/images/hr-dot.gif) 0 0 repeat-x;
}
.newslist li:first-child, .newslist li.first-child {
	padding-top:0;
	background:none;
}
* html .newslist li {
	z-index: expression(
		runtimeStyle.zIndex = 1,
		this == parentNode.firstChild ? (className = "first-child") : 0
	);
}
.newslist li .date {
	width:65px;
	height:34px;
	position:absolute;
	left:0;
	top:14px;
}
.newslist li:first-child .date, .newslist li.first-child .date {
	top:0;
	_left:-81px;
	_top:20px;
}
.newslist li .date em, .content-newsdesc .date em {
	display:block;
	float:left;
	width:26px;
	height:34px;
	background:url(/common/images/date-bg.png) 0 0 no-repeat;
	padding-left:5px;
	line-height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	/*font-weight:bold;*/
	font-style:normal;
	color:black;
	margin-right:1px;
}
.newslist li h3 {
	margin:0 0 0 81px;
	font-size:1.1em;
	color:#741122;
}
.newslist li h3 a {
	color:#741122;
	text-decoration:none;
}
.newslist li h3 a:hover {
	text-decoration:underline;
	color:#741122;
}
.newslist li p {
	margin:0 0 0 81px;
}

/* news-desc */
.news-archive {
	position:absolute;
	left:227px;
	top:497px;
	line-height:1.2;
	color:#c65165;
	z-index:3;
}
.news-archive a {
	color:#c65165;
}
.news-archive a:hover {
	color:#9a6a28;
}

.content-newsdesc {
	padding-right:0;
	width:810px;
	height:290px;
}
.content-newsdesc .date {
	width:70px;
	height:34px;
	position:absolute;
	left:0;
	top:0;
}
.content-newsdesc .desc {
	margin:0 0 0 81px;
	padding:0 10px 0 7px;
	height:275px;
	width:692px;
}
.content-newsdesc .desc h2 {
	color:#741122;
	font-size:1.1em;
	margin-bottom:5px;
}
.content-newsdesc .desc .photo {
	background:url(/common/images/frame-gallery.png) 0 0 no-repeat;
	width:246px;
	height:196px;
	line-height:191px;
	text-align:center;
	*padding-top:20px;
	*height:176px;
	float:left;
	margin:0 2px 0 -7px;
	z-index:2;
}
.content-newsdesc .desc .photo a {
	position:relative;
}
.content-newsdesc .desc .photo img {
	vertical-align:middle;
}
a.news-all {
	position:absolute;
	left:174px;
	top:480px;
	line-height:1.2;
	color:#c65165;
	z-index:3;
}
a.news-all:hover {
	color:#9a6a28;
}

/* index */
.index-desc {
	width:330px;
}
.index-news {
	position:absolute;
	left:470px;
	top:192px;
	width:430px;
	height:295px;
	line-height:1.2;
	overflow:hidden;
}
.index-news .content-newslist {
	position:relative;
	left:0;
	top:0;
	width:398px;
	height:233px;
	padding:0 10px 0 0;
	margin-bottom:5px;
	line-height:1.2;
	overflow:auto;
}
.index-news h2 {
	color:#c65165;
	font-size:1.65em;
	font-weight:normal;
	position:relative;
	margin-bottom:10px;
	_margin-bottom:0;
}
.index-news .newslist li h3, .index-news .newslist li p {
	margin-left:73px;
}
.index-news h2 a {
	text-decoration:none;
}
.index-news h2 a:hover {
	text-decoration:underline;
}
.index-news a.news-all {
	position:relative;
	left:73px;
	top:0;
}

a.button {
	display:block;
	width:120px;
	height:24px;
	line-height:24px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	background:#c65164;
	text-align:center;
	font-size:0.85em;
	text-decoration:none;
	margin-top:15px;
}
a.button:hover {
	text-decoration:underline;
	color:white;
}

a.counter {
	display:block;
	width:31px;
	height:31px;
	position:absolute;
	left:5px;
	bottom:97px;
	_bottom:94px;
}
