/* GENERAL //////////////////////////////////////////////////////*/

html {
	margin: 0; padding: 0;
	height: 100%; /* it is important for footer bottom fixed */
	background: #000 url(../img/html.gif) left top repeat-x;
}
body {
	position: relative;
	margin: 0 auto; padding: 0;
	width: 1000px; min-height:100%; _height: 100%; /* it is important for footer bottom fixed */
	font-family: Arial;
	font-size: 1em;
	background: url(../img/body.png) left 13px repeat;
	color: #666;
}


#cache {
	position: absolute;
	top: -1000px;
	width: 1px; height: 1px;
	overflow: hidden;
}

.clear {
	clear: both;
	width: 100%; height: 0;
	line-height: 0;
}

li.clear {
	float: none !important;
	margin: 0 !important; padding: 0 !important;
	width: 100% !important; height: 0 !important; line-height: 0;
	background: none;
	clear: both;
}

a {color: #666;}
a:hover {color: #ccc;}


/* MENU /////////////////////////////////////////////////////////*/

#menu {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 43px;
	background: url(../img/html.gif) left top repeat-x;
	z-index: 5;
}
	#menu .shadow {
		position: absolute;
		left: 0; top: 40px;
		width: 100%; height: 3px;
	}
		#menu .shadow .png {
			width: 100%; height: 3px;
			background: url(../img/menu-shadow.png) left top no-repeat;
		}
		#ie6 #menu .shadow .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/menu-shadow.png');
		}
	#menu ul {
		position: absolute;
		left: 62px; top: 0;
		margin: 0; padding: 0;
		min-height: 43px;
		list-style-type: none;
	}
	#ie6 #menu ul {
		height: 43px;
	}
		#menu li {
			float: left;
			width: 195px;
			text-align: center;
		}
		#menu li.act {
			background: url(../img/menu-li-act.gif) left top repeat-x;
		}
			#menu li.act p {
				background: url(../img/menu-li-act-start.gif) left top no-repeat;
			}
				#menu li.act span {
					background: url(../img/menu-li-act-end.gif) right top no-repeat;
				}
		#menu li.cur {
			background: url(../img/menu-li-cur-rep.gif) left top repeat-x;
		}
		#menu li.in {
			background: url(../img/menu-li-cur-rep.gif) left top repeat-x;
		}
			#menu li a {
				display: block;
				width: 100%; height: 41px; line-height: 38px;
				text-transform: uppercase;
				text-decoration: none;
				text-align: center;
				font-size: 14px;
				background: url(../img/menu-li-start.gif) left top no-repeat;
				color: #999;
				cursor: pointer;
			}
			#menu li a:hover, #menu li.cur a, #menu li.in a {
				color: #fff;
			}
			#menu li p {
				margin: 0;
				width: 100%; height: 41px; line-height: 38px;
				text-transform: uppercase;
				text-align: center;
				font-size: 14px;
				background: url(../img/menu-li-cur-start.gif) left top no-repeat;
				color: #fff;
			}
				#menu li span {
					display: block;
					width: 100%; height: 43px;
					background: url(../img/menu-li-end.gif) right top no-repeat;
				}
				#menu li.cur span {
					background: url(../img/menu-li-cur-end.gif) right top no-repeat;
				}
			#menu ul .none p, #menu ul .none span {
				background: none !important;
			}
			#menu li .cont {
				display: none;
				background: #000 url(../img/menu-cur-cont.gif) left bottom repeat-x;
			}
			#menu li.cur .cont {
				display: block;
			}
			#ie6 #menu li.cur .cont {
				margin-top: -2px;
			}
				#menu li .l-side {
					background: url(../img/menu-cur-cont.gif) left top repeat-y;
				}
				#menu li .r-side {
					padding: 0 1px 20px 1px;
					background: url(../img/menu-cur-cont.gif) right top repeat-y;
				}
					#menu li ul {
						position: relative;
						left: 0;
					}
						#menu li li {
							float: none;
							width: 100%; height: 34px;
							text-transform: none;
							font-size: 14px;
							color: #fff;
						}
						#menu li li.cur, #menu li li.inner {
							line-height: 34px;
							background: url(../img/menu-sub-cur.gif) left top repeat-x;
						}
							#menu li li a {
								text-decoration: underline;
								text-transform: none;
								width: 100%; height: 34px; line-height: 34px;
								background: none;
								color: #fff;
							}
							#menu li li.cur a {
								text-decoration: none;
							}


/* CONTENT //////////////////////////////////////////////////////*/

#content {
	position: relative;
	padding-bottom: 45px;
	min-height: 636px;
	z-index: 2;
}
.corner {
	position: absolute;
	left: 0; top: 0;
	width: 1000px; height: 324px;
	z-index: 1;
}
	.corner .png {
		width: 1000px; height: 324px;
		background: url(../img/corner.png) left top no-repeat;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/corner.png');
	}
#ie6 #content, #ie6 .main-container {
	height: 636px;
}
	#logo {
		position: absolute;
		left: 0; top: 40px;
		width: 100%; height: 132px;
		z-index: 3;
	}
		#logo .png {
			margin: 0 auto;
			width: 812px; height: 132px;
			background: url(../img/logo.png) left top no-repeat;
		}
		#ie6 #logo .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png');
		}
			#logo .png a {
				position: relative;
				display: block;
				width: 812px; height: 132px;
			}
				#logo .png a img {
					width: 812px; height: 132px;
					border: 0;
				}
	#index-info {
		padding: 299px 0 66px 0;
	}
		#index-info .png {
			padding: 140px 190px 0 38px;
			width: 322px; height: 234px;
			background: url(../img/index-content.png) left top no-repeat;
		}
		#ie6 #index-info .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index-content.png');
		}
			#index-info h1 {
				margin: -20px 0 9px 0; padding: 0;
				font-size: 18px;
				font-weight: normal;
				color: #eb0204;
			}
			#index-info p {
				margin: 0;
				line-height: 1.4em;
				font-size: 13px;
				color: #ccc;
			}


/* TEXT /////////////////////////////////////////////////////////*/
#text {
	margin-right: 245px; padding: 284px 0 190px 39px;
}
#text-navigation {
	float: right;
	padding: 380px 0 0 0;
	width: 245px;
}
	#text-navigation ul {
		margin: 0 20px; padding: 0;
		list-style-type: none;
	}
		#text-navigation li {
			margin: 0 0 10px 0; padding: 0;
			font-size: 14px;
			font-style: italic;
			
		}
			#text-navigation li a {
				text-decoration: none;
				color: #fff;
				border-bottom: 1px solid #aaa;
			}
			#text-navigation li a:hover {
				color: #fff;
				border-bottom: 1px solid #fff;
			}
	#text h1 {
		margin: 0 0 58px 6px;
		width: 320px;
		font-weight: normal;
		font-size: 30px;
		color: #fff;
	}
	#text p {
		margin: 28px 0 0 6px;
		line-height: 1.55em;
		font-size: 16px;
		color: #999;
	}
	#text p.link {
		margin: 47px 0 0 0;
	}
		#text p.link a {
			padding: 4px 8px 7px 5px;
			text-decoration: none;
			font-size: 18px;
			background: #000;
			color: #c00;
		}
			#text p.link a span {
				border-bottom: 2px solid #c00;
			}
			#text p.link a:hover span {
				color: #fff;
				border-bottom: 2px solid #000;
			}


/* DIRECTIONS ///////////////////////////////////////////////////*/

#directions {
	position: absolute;
	left: 363px; top: 327px;
}
	#directions .obj1 {
		position: absolute;
		left: 220px; top: 0;
		width: 270px; height: 194px;
	}
		#directions .obj1 .png {
			width: 270px; height: 194px;
			background: url(../img/obj/1.png) left top no-repeat;
		}
		#ie6 #directions .obj1 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/1.png');
		}
	#directions .obj2 {
		position: absolute;
		left: 551px; top: 147px;
		width: 96px; height: 69px;
	}
		#directions .obj2 .png {
			width: 96px; height: 69px;
			background: url(../img/obj/2.png) left top no-repeat;
		}
		#ie6 #directions .obj2 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/2.png');
		}
	#directions .obj3 {
		position: absolute;
		left: 384px; top: 153px;
		width: 213px; height: 154px;
	}
		#directions .obj3 .png {
			width: 213px; height: 154px;
			background: url(../img/obj/3.png) left top no-repeat;
		}
		#ie6 #directions .obj3 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/3.png');
		}
	#directions .obj4 {
		position: absolute;
		left: 112px; top: 112px;
		width: 96px; height: 69px;
	}
		#directions .obj4 .png {
			width: 96px; height: 69px;
			background: url(../img/obj/4.png) left top no-repeat;
		}
		#ie6 #directions .obj4 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/4.png');
		}
	#directions .obj5 {
		position: absolute;
		left: 298px; top: 193px;
		width: 96px; height: 69px;
	}
		#directions .obj5 .png {
			width: 96px; height: 69px;
			background: url(../img/obj/5.png) left top no-repeat;
		}
		#ie6 #directions .obj5 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/5.png');
		}
	#directions .obj6 {
		position: absolute;
		left: 515px; top: 250px;
		width: 111px; height: 79px;
	}
		#directions .obj6 .png {
			width: 111px; height: 79px;
			background: url(../img/obj/6.png) left top no-repeat;
		}
		#ie6 #directions .obj6 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/6.png');
		}
	#directions .obj7 {
		position: absolute;
		left: 0; top: 131px;
		width: 270px; height: 194px;
	}
		#directions .obj7 .png {
			width: 270px; height: 194px;
			background: url(../img/obj/7.png) left top no-repeat;
		}
		#ie6 #directions .obj7 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/7.png');
		}
	#directions .obj8 {
		position: absolute;
		left: 281px; top: 206px;
		width: 270px; height: 194px;
	}
		#directions .obj8 .png {
			width: 270px; height: 194px;
			background: url(../img/obj/8.png) left top no-repeat;
		}
		#ie6 #directions .obj8 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/8.png');
		}
	#directions .obj9 {
		position: absolute;
		left: 137px; top: 311px;
		width: 96px; height: 69px;
	}
		#directions .obj9 .png {
			width: 96px; height: 69px;
			background: url(../img/obj/9.png) left top no-repeat;
		}
		#ie6 #directions .obj9 .png {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/obj/9.png');
		}
			#directions p {
				margin: 0 11px 0 0; padding-top: 71px;
				line-height: 1.7em;
				text-align: right;
				text-transform: uppercase;
				font-size: 14px;
				color: #fff;
			}
				#directions p a {
					position: relative;
					text-decoration: none;
					color: #fff;
				}
				#directions p a:hover {
					border-bottom: 1px solid #fff;
				}
			#directions span {
				display: block;
				margin: 15px 10px 0 10px;
				text-align: center;
				font-size: 12px;
				color: #999;
			}


/* PHOTOS ///////////////////////////////////////////////////////*/

#photos {
	padding: 252px 37px 190px 37px;
}
	#photos h1 {
		margin: 0 0 19px 8px;
		width: 320px; line-height: 1.2em;
		font-weight: normal;
		font-size: 30px;
		color: #fff;
	}
		#photos h1 small {
			display: block;
			font-size: 18px;
			color: #666;
		}
	#photos .list {
		position: relative;
		margin: 0 0 46px 0; padding: 14px 0 0 14px;
		width: 830px;
	}
		#photos .list .cont {
			position: absolute;
			left: 0; top: 0;
			width: 100%; height: 45px;
			color: #fff;
			font-style: italic;
		}

			#ie6 #photos .list .clear, #ie7 #photos .list .clear {
				display: none;
			}
			#photos .list p {
				float: left;
				margin: 0;
				height: 45px; line-height: 45px;
				font-size: 18px;
				background: #000 url(../img/photos-list-rep.gif) left bottom repeat-x;
			}
				#photos .list span {
					float: left;
					display: block;
					padding: 0 14px 0 9px;
					height: 45px; line-height: 40px;
					background: url(../img/photos-list-end.gif) right top no-repeat;
				}
					#photos .list .cont a {
						text-decoration: none;
						color: #fff;
						border-bottom: 2px solid #000;
					}
					#photos .list .cont a:hover {
						color: #c00 !important;
						border-color: #c00 !important;
					}
			#photos .list .pos {
				float: left;
				margin: 0 1px 1px 0;
				width: 198px; height: 142px;
				overflow: hidden;
				border: 1px solid #fff;
			}
				#photos .list .pos img {
					width: 198px;
					border: 0;
				}
	#photos .navi {
		display: none;
		text-align: center;
		font-size: 18px;
		color: #999;
	}
		#photos .navi a {
			margin-right: 20px;
			text-decoration: none;
			color: #fff;
			border-bottom: 2px solid #fff;
		}
		#photos .navi a:hover {
			color: #c00 !important;
			border-color: #c00 !important;
		}
		#photos .navi a.noactive {
			color: #999;
			border: 0;
			cursor: default !important;
		}
		#photos .navi a.noactive:hover {
			color: #999 !important;
			border: 0 !important;
		}
		#photos-virt {
			display: none;
		}


/* POSITION /////////////////////////////////////////////////////*/

#position {
	padding: 252px 0 190px 45px; _padding-bottom: 0;
}
	#position .info {
		float: left;
		width: 430px;
	}
		#position h1 {
			margin: 0 0 2px 0;
			width: 320px; line-height: 1.2em;
			font-weight: normal;
			font-size: 30px;
			color: #fff;
		}
			#position h1 small {
				display: block;
				font-size: 18px;
				color: #666;
			}
		#position p {
			margin: 20px 0 0 0;
			line-height: 1.55em;
			font-size: 15px;
			color: #999;
		}
		#position p.link {
			margin: 36px 0 0 0;
			font-size: 18px;
		}
			#position p.link a {
				text-decoration: none;
				color: #666 !important;
				border-bottom: 2px solid #666;
			}
			#position p.link a:hover {
				color: #fff !important;
				border-color: #fff !important;
			}
	#position .gallery {
		float: right;
		margin: 100px 0 0 0;
		width: 500px;
	}
		#position .gallery h2 {
			margin: 1px 0 13px 0;
			font-size: 18px;
			font-weight: normal;
			color: #666;
		}
		#position .gallery .mainview {
			margin: 0 auto 7px auto;
			width: 500px;
			overflow: hidden;
		}
			#position .gallery .mainview img {
				border: 1px solid #fff;
			}
		#position .gallery .pos {
			float: left;
			margin: 0 1px 1px 0;
			width: 93px; height: 67px;
			overflow: hidden;
			border: 1px solid #fff;
		}
		#position .gallery .pos.cur {
			border: 1px solid #f00;
		}
			#position .gallery .pos span {
				display: none;
			}
			#position .gallery .pos img {
				width: 93px;
				border: 0;
			}
		


/* FOOTER ///////////////////////////////////////////////////////*/

#footer {
	position: absolute;
	left: 40px; bottom: 0;
	width: 900px; height: 45px;
	z-index: 3;
}
#footer p {
	font-size: 0.9em;
	line-height: 1.4em;
	color:#999;
}
#ie6 #footer, #ie7 #footer {
	padding-top: 4px;
}
	#footer span {
		padding-top: 6px;
		font-size: 12px;
		border-top: 1px solid #2e2e2e;
	}
		#footer span a {
			text-decoration: none;
			border-bottom: 1px solid #666;
		}
		#footer span a:hover {
			border-bottom: 1px solid #ccc;
		}