@charset "utf-8";

html, body {
	background: url('../image/BG.png');
	margin: 0px;
	padding: 0px;
	font: normal 12px Arial;
	color: #666666;
}

a {
	text-decoration: none;
	color: #000000;
}

a img {
	border: none;
}

p {
	margin: 0px;
	padding: 0px;
}

/**
 * Container
 */
#Container {
	position: relative;
	/*overflow: hidden;*/
}

.ContainerWidth {
	margin: 0 auto;
	width: 931px;
}

/**
 * Header
 */
#Header {
	position: relative;
	height: 169px;
}

#LogoLink {
	position: absolute;
	top: 66px;
	left: 1px;
}

/**
 * Menu
 */
#Menu {
	background: url('../image/Menu.png') repeat-x;
	/*padding: 0px 10px;*/
	position: absolute;
	height: 68px;
	line-height: 68px;
	top: 0px;
	right: 0px;
}

#Menu .Item {
	position: relative;
	float: left;
}

#Menu .Item a {
	padding: 0px 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-family: "Titillium400wt";
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	float: left;
}

#Menu a.first { padding-left: 30px; }
#Menu a.last { padding-right: 30px; }

#Menu a.active, #Menu .Item:hover a.Link {
	background: url('../image/MenuHover.png') repeat-x;
}

#Menu .Item .SubMenu {
	background: #3F798C;
	padding: 5px 0px;
	position: absolute;
	min-width: 100%;
	top: 100%;
	left: 0px;
	overflow: hidden;
	display: none;
	z-index: 100;
}

#Menu .Item .SubMenu a {
	line-height: 32px;
	display: block;
	white-space: nowrap;
	float: none;
}

#Menu .Item .SubMenu a:hover {
	text-decoration: underline;
}

#Menu .Item:hover .SubMenu {
	display: block;
}

/**
 * SlideBox
 */
#SlideBox {
	margin-bottom: 60px;
	position: relative;
	width: 100%;
	height: 286px;
}

#SlideBoxWindow {
	position: relative;
	width: 100%;
	height: 286px;
	overflow: hidden;
}

#SlideBoxField {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 286px;
}

.SlideBoxItem {
	background: #676767;
	position: relative;
	width: 100%;
	height: 286px;
	overflow: hidden;
}

.SlideBoxItem .Preview {
	position: relative;
	z-index: 1;
}

.SlideBoxItem .Data {
	background: url('../image/SlideBoxData.png') no-repeat;
	padding-left: 35px;
	padding-right: 31px;
	position: absolute;
	width: 280px;
	height: 286px;
	top: 0px;
	right: 0px;
	z-index: 2;
}

.SlideBoxItem .Data b {
	margin-top: 44px;
	font-family: "Titillium600wt";
	font-size: 20px;
	font-style: normal;
	display: block;
}

.SlideBoxItem .Data p {
	margin-top: 20px;
	line-height: 22px;
	font-family: "Titillium400wt";
	font-size: 14px;
	font-style: normal;
	display: block;
}

.SlideBoxItem .Data b, .SlideBoxItem .Data p {
	color: #FFFFFF;
}

.SlideBoxItem .Data a.more {
	background: url('../image/SlideBoxMore.png') no-repeat;
	margin-top: 15px;
	padding-left: 15px;
	width: 141px;
	height: 44px;
	line-height: 40px;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-family: "Titillium600wt";
	font-size: 14px;
	color: #484848;
	display: block;
	float: right;
}

#SlideBoxPage {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 5;
}

#SlideBoxPage a {
	background: url('../image/SlideBoxPage.png') no-repeat;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
	font-family: "Titillium400wt";
	font-size: 14px;
	color: #191919;
	display: block;
	float: left;
	outline: none;
}

#SlideBoxPage a.active {
	color: #FFFFFF;
}

/**
 * Content
 */
#Content {
	margin: 0 auto 60px auto;
	width: 888px;
	min-height: 200px;
	overflow: hidden;
}

#Content .Caption {
	margin-bottom: 30px;
	font-family: "Titillium600wt";
	font-size: 20px;
	color: #3D778A;
}

#Content p {
	line-height: 20px;
	font-family: "Titillium400wt";
	font-size: 14px;
	color: #666666;
}

/**
 * Home
 */
.HomeBox {
	width: 245px;
	float: left;
}

.HomeBoxSep {
	width: 76px;
	height: 50px;
	float: left;
}

/**
 * Gallery
 */
#Gallery {
	width: 920px;
}

#Gallery .Image {
	background: #F3F3F3;
	border: solid 1px #D2D2D2;
	margin-right: 14px;
	margin-bottom: 14px;
	padding: 8px;
	width: 193px;
	height: 130px;
	display: block;
	float: left;
}

#Gallery .Image .Field {
	width: 193px;
	height: 130px;
	overflow: hidden;
}

#Gallery .Image:hover {
	background: #DEDEDE;
	border: solid 1px #D5D5D5;
}

/**
 * Footer
 */
#Footer {
	background: url('../image/Footer.png') no-repeat;
	margin-bottom: 10px;
	padding: 0px 20px;
	height: 74px;
	line-height: 74px;
	font-family: "Titillium400wt";
	font-size: 14px;
	color: #4A4A4A;
}

#FooterCopy {
	float: left;
}

#FooterCopy span {
	padding-right: 5px;
	position: relative;
	top: 2px;
	font-size: 20px;
	float: left;
}

#FooterCopy a {
	color: #367286;
}

#FooterMenu {
	float: right;
}

#FooterMenu span {
	padding: 0px 5px;
}