@charset "utf-8";

html, body {
	background: #333333;
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	color: #FFFFFF;
}

.bg {
	background-position: top center;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
}
.bg-1 { background-image: url('../images/bg_01.jpg'); }
.bg-2 { background-image: url('../images/bg_02.jpg'); }
.bg-3 { background-image: url('../images/bg_03.jpg'); }
.bg-4 { background-image: url('../images/bg_04.jpg'); }
.bg-5 { background-image: url('../images/bg_05.jpg'); }
.bg-6 { background-image: url('../images/bg_06.jpg'); }
.bg-7 { background-image: url('../images/bg_07.jpg'); }
.bg-8 { background-image: url('../images/bg_08.jpg'); }
.bg-9 { background-image: url('../images/bg_09.jpg'); }

a img { border: 0px; }

/**
 * Container
 */
.CWidth {
	margin: 0 auto;
	position: relative;
	width: 920px;
	z-index: 1;
}

/**
 * Header
 */
#Header {
	background:none;
	margin-bottom: 65px;
	position: relative;
	width: 100%;
	height: 119px;
	line-height: 119px;
	z-index: 1;
}

#Header h1 {
	margin: 0px;
	padding: 0px;
	font-family: 'Lobster', cursive;
	font-size: 73px;
	float: left;
}

#Header ul {
	margin: 0px;
	position: relative;
	top: 46px;
	float: right;
}

#Header ul li {
	margin-right: 5px;
	height: 34px;
	line-height: 34px;
	list-style-type: none;
	float: left;
}

#Header ul li.phone {
	margin-right: 25px;
	font-size: 18px;
	font-weight: 400;
}

#Header ul li img {
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

#Header ul li img:hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}

/**
 * Content
 */
#Content {}

#Content h2 {
	margin: 0px 0px 65px 0px;
	padding: 0px;
	text-align: center;
	font-size: 60px;
	font-weight: 300;
}

#Counter {
	margin: 0px 0px 40px 0px;
	padding: 0px;
	width: 932px;
	height: 220px;
}

#Counter li {
	background: url('../images/Counter.png') no-repeat;
	margin-right: 13px;
	padding-top: 10px;
	width: 220px;
	height: 220px;
	text-align: center;
	font-size: 118px;
	font-weight: 700;
	display: block;
	float: left;
}

#Counter li span {
	position: relative;
	top: -20px;
	font-size: 36px;
	font-weight: 400;
	display: block;
}

#Content h3 {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	display: block;
	clear: both;
}

#Content form {
	margin: 0 auto 40px auto;
	position: relative;
	width: 594px;
	height: 47px;
	display: block;
}

#f-email {
	background: url('../images/InputText.png') no-repeat;
	border: 0px;
	padding: 0px 76px 0px 30px;
	position: relative;
	width: 423px;
	height: 47px;
	line-height: 47px;
	font-family: inherit;
	font-size: 14px;
	color: inherit;
	outline: none;
}

#f-button {
	background: url('../images/InputButton.png') no-repeat;
	border: 0px;
	position: absolute;
	width: 115px;
	height: 47px;
	top: 0px;
	right: 0px;
	line-height: 47px;
	font-family: inherit;
	font-size: 18px;
	color: #111111;
	cursor: pointer;
	outline: none;
	z-index: 1;
}

#Content p.msg {
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 0px;
	margin: 0px;
	padding: 5px 10px;
	position: absolute;
	top: 47px;
	left: 24px;
	right: 24px;
	text-align: left;
	font-size: 14px;
	overflow: hidden;
	display: none;
	clear: both;

	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

#Content p.ok {
	background-color: #808000;
	border-color: #008000;
}

#Content p.warning {
	background-color: #FF9522;
	border-color: #FF8700;
}

#Content p.exists {
	background-color: #FF9522;
	border-color: #FF8700;
}

#Content p.error {
	background-color: #FF3534;
	border-color: #FF0000;
}

#LastTwitter {
	background: url('../images/lasttwitter.png');
	margin: 0 auto 40px auto;
	padding: 12px 32px;
	position: relative;
	width: 570px;
	font-size: 13px;
	overflow: hiiden;

	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

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

#LastTwitter i.Arrow {
	background: url('../images/lasttwitter_arrow.png') no-repeat;
	position: absolute;
	width: 18px;
	height: 11px;
	bottom: -11px;
	left: 30px;
	display: block;
}

#OptionIcon {
	margin-bottom: 20px;
	text-align: center;
}

#OptionIcon a {
	margin: 0px 4px;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#OptionIcon a.active {
	opacity: 1;
	filter: alpha(opacity=100);
}

#OptionIcon a.m {
	background: url('../images/mail.png') no-repeat;
	width: 23px;
	height: 18px;
}

#OptionIcon a.t {
	background: url('../images/twitter.png') no-repeat;
	width: 25px;
	height: 18px;
}

#WindowSlide {
	margin: 0 auto;
	position: relative;
	width: 634px;
	height: 170px;
	display: block;
	overflow: hidden;
}

#Mail {
	position: absolute;
	width: 634px;
	top: 0px;
	left: 0px;
}

#Twitter {
	position: absolute;
	width: 634px;
	top: 0px;
	left: 0px;
	display: none;
}