@charset "utf-8";
body {
	font-family: helvetica, helvetica neue, arial, sans-serif;
	font-size: small;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	background-color: white;
	position: relative;
}

a:link, a:visited { text-decoration: underline; }
a:active, a:hover { text-decoration: none; }

#container { position: relative; width: 960px; margin: 20px auto; }

#nav {
	display: block;
	position: absolute;
	top: 360px;
	left: 0;
	width: 160px;
	margin: 10px;
	padding: 10px;
	background-color: #f0f0f0;
	opacity: 0.5;
	filter:alpha(opacity=50)
}
#nav .logo { width: 165px; height: 58px; background: url(../image/logo.png) left top no-repeat; }
#nav .version { float: left; width: 160px; text-align: center; margin-top: 20px; font-size: 24px; color: #630; }
#nav ul { list-style-type: none; margin: 0; padding: 0; text-indent: 0; }
#nav ul li {
	margin: 0;
	padding: 5px 20px;
	text-indent: 0;
	float: left;
	clear: both;
	width: 90%;
	background: url(../image/nav-arrow.png) left 10px no-repeat;
}

#nav a {
	font-size: 18px;
	display: block;
	line-height: 22px;
	text-decoration: none;
	color: #663300;
}

#nav a.last { border-bottom: none; }
#nav a:hover, #nav a:active { font-weight: bold; }

.page { width: 100%; height: 1000px; margin-top: 10px; position: relative; }
.page img { position: absolute }
.page ul li { padding-left: 1.5em; background: url(../image/list-style.png) 0.5em 0.7em no-repeat }
h2 {
	font-family: helvetica, helvetica neue, arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 35px;
	color: #663300;
	margin-bottom: 20px;
}
.layout1 h2 { float: right; width: 268px; }
.layout1 .text { float: right; width: 268px; clear: both; font-family: helvetica, helvetica neue, arial, sans-serif; color: #663300; z-index: 10 }
.layout2 h2 { position: absolute; left: 200px; width: 200px; margin-top: 700px; }
.layout2 .text { float: right; width: 560px; margin-top: 700px; font-family: helvetica, helvetica neue, arial, sans-serif; color: #663300; z-index: 10}
.layout3 h2 { float: right; width: 750px }
.layout3 .columns { float: right; width: 780px; font-size: 14px; font-family: helvetica, helvetica neue, arial, sans-serif; }
.layout3 .column { float: left; width: 360px; margin-left: 30px; }
.layout3 .column .item .question { font-weight: bold; color: #663300 }
.layout3 .column .item .answer { color: #666666 }

#home h1 { position: absolute; left: 200px; top: 300px; color: white; font-family: helvetica, helvetica neue, arial, sans-serif; font-size: 24px; }
#contact { height: 650px }
#contact h2 { width: 750px; float: right }
#contact .form { width: 750px; margin-top: 10px; float: right; }
#contact div { float: left; width: 360px; }
#contact img { float: left; margin-left: 12px; }
#contact .form p span { float: left }
#contact .form p input,
#contact .form p textarea { background-color: #dfd3c5; float: right; border: 0px; font-size: 17px }
#contact .form p { float: left; width: 100%; padding-bottom: 3px; }
#contact .form p label { font-size: 17px; color: #999; line-height: 35px; }
#contact .form p label input { width: 268px; height: 35px; }
#contact .form p textarea { width: 268px; height: 131px; background-color: #dfd3c5; float: right; border: 0px; }
#contact .form p input { width: 76px; height: 38px; color: #666; font-weight: bold }

#contact .info { float: right; width: 378px; margin-top: 30px }
#contact .info p.company { font-size: 24px; line-height: 29px; color: #630; font-family: Helvetica Neue }
#contact .info p.phone,
#contact .info p.email { font-size: 24px; line-height: 29px; color: #999 }
#contact .info p.address { font-size: 18px; line-height: 36px; color: #999 }

#footer { width: 660px; float: right }
#footer .disclaimer { font-size: 12px; color: gray }
.address {
visibility:hidden;
height: 0px;
}
#footer .copyright { font-size: 14px; color: #630 }