* {outline:none;}
html, body {height:100%;}

body {
	background: #fff url(../i/bgr.jpg) repeat-x scroll center top;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	margin:0 auto;
	text-align:center;
/* 	overflow-x:hidden !important; */
}

div#wrapper {
	margin:0 auto;
	z-index:1;
	position:relative;
	text-align:left;
	width:960px;
}
div#main {
	z-index:2;
	}
div#push {
	clear:both;
	height:150px;
	position:relative;
	display:block;
}

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 10px 0;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-0.2px;
}
h1 {font-size:26px; margin-top:0;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:15px;}
h6 {font-size:14px;}

table.basic {border-collapse:collapse;}
table.basic th, table.basic td {border:1px solid #ddd; padding:2px 10px;}

a, a:visited {color:#ED1C24; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

input, select, textarea {
	border:1px solid #000;
	background:#fff url(../i/input.jpg) no-repeat left top;
	color:#444;
	padding:10px;
	font: normal 14px Arial, Helvetica, sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
select {padding:5px;}

input:focus, select:focus, textarea:focus {border:1px solid #a5a5a5;}
input.error {border:1px solid #cf2020;}
.error {color:#cf2020;}
.success {color:#3A6623;}

input.button {
	border:1px solid #fff;
	background: #ED1C24 url(../i/button.jpg) repeat-x left top;
	display:inline-block;
	padding:10px 12px;
	color:#364e14;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;		
	border-radius:5px;			
	-moz-box-shadow: 0px 1px 0px #fff inset;	
	-webkit-box-shadow:0px 1px 0px #e0efba inset;	
	box-shadow:0px 1px 0px #fff inset;
	
}
input.button:hover, input.button:focus {
	background:#fff none;
	text-decoration:none;
	-moz-box-shadow: 0px 1px 0px #c9e49d inset;	
	-webkit-box-shadow:0px 1px 0px #c9e49d inset;	
	box-shadow: 0px 1px 0px #c9e49d inset;	
	cursor:pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	select {height:28px;}
	input.button {padding:7px 12px;}
}

div.empty {
	clear: both;
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

div.line {
	clear: both;
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background:#D2E2EF;
}

.hidden {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.last {margin-right:0 !important;}
.left {float:left;}
.right {float:right;}
.red {color:#8e1300;}
img.left {margin-right:15px;}
img.right {margin-left:15px;}
.bold {font-weight:bold;}

a.button {
	background: #acd669 url(../i/button.jpg) repeat-x left top;
	display:inline-block;
	padding:0 12px;
	height:28px;
	line-height:28px;
	color:#364e14;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;		
	border-radius:3px;			
	-moz-box-shadow: 0px 1px 0px #a3b0b9, 0px 1px 0px #e0efba inset;	
	-webkit-box-shadow: 0px 1px 0px #a3b0b9, 0px 1px 0px #e0efba inset;	
	box-shadow: 0px 1px 0px #a3b0b9, 0px 1px 0px #e0efba inset;	
	}
a.button:hover {
	background:#acd669 none;
	text-decoration:none;
	-moz-box-shadow: 0px 1px 0px #919da5, 0px 1px 0px #c9e49d inset;	
	-webkit-box-shadow: 0px 1px 0px #919da5, 0px 1px 0px #c9e49d inset;	
	box-shadow: 0px 1px 0px #919da5, 0px 1px 0px #c9e49d inset;	
	}

header {position:relative; height:140px; z-index:2;}
header a#logo {position:absolute; top:50px; left:0;}
header ul#menu {position:absolute; top:40px; right:0;}
header ul#menu li {list-style:none; float:left; margin-right:10px;}
header ul#menu li a {
	color:#333;
	font-weight:bold;
	font-size:16px;
	display:inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:8px 12px;	
}
header ul#menu li a:hover, header ul#menu li a.active {
	background:#fff url(../i/menu-bgr.jpg) no-repeat 3px 2px;
	color:#D80021;
	text-decoration:none;
	-moz-box-shadow: 0px 1px 2px #ddd;
	-webkit-box-shadow: 0px 1px 2px #ddd;
	box-shadow: 0px 1px 2px #ddd;
	text-decoration: underline;
}

section#intro {position:relative; height:420px; z-index:1; opacity:0;}
section#intro div#text {position:absolute; top:10px; left:87px; width:400px;}
section#intro div#text h1 {font-size:20px; font-weight:bold;}
section#intro #girl {
	position:absolute;
	background:url(../i/hp-girl.png) no-repeat left top;
	height:310px;
	width:334px;
	left:389px;
	top:120px;
}
section#intro #dna {
	position:absolute;
	background:url(../i/hp-dna.png) no-repeat left top;
	height:750px;
	width:1000px;
	left:-180px;
	top:-240px;
}
section#intro #ground {
	position:absolute;
	background:url(../i/hp-ground.png) no-repeat left top;
	height:593px;
	width:1000px;
	left:-30px;
	top:-140px;
}

section#triple {z-index:5; position:relative;}
section#triple div.column {
	float:left;
	width:300px;
	margin-right:30px;
}
section#triple div.last {margin-right:0;}

section#triple div.column h2 {
	color:#4d7494;
	font-size:16px;
	font-weight:bold;
	padding:0 5px;
}
section#triple div.column h2 a {color:inherit; text-decoration:none;}
section#triple div.column img {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:300px;
	-webkit-transition:all 1s linear 0s;
	-moz-transition:all 1s linear 0s;
	transition:all 1s linear 0s;
/*	
	border:4px solid #fff;
	-moz-box-shadow: 0px 1px 2px #ccc;
	-webkit-box-shadow: 0px 1px 2px #ccc;
	box-shadow: 0px 1px 2px #ccc;	
*/
}
section#triple div.column img:hover {opacity:0.6;}

section#triple div.column p {
	padding:0 5px;
	font-size:13px;
	line-height:20px;
	margin:5px 0;
}
section#triple div.column p a.bold {white-space:nowrap;}

section#verify {
	background:#dceef9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:15px;
	margin:20px 205px;
	width: 510px;
}
section#verify h2 {
	font-weight:bold;
	font-size:15px;
	float:left;
	padding-left:40px;
	padding-right:20px;
	margin:0;
	line-height:40px;
	color:#325a79;
	background:url(../i/verify.jpg) no-repeat right center;
}
section#verify p {
	float:left;
	line-height:20px;
	width:330px;
	padding:0 20px;
	font-weight:bold;
	margin:0;
/* 	background:url(../i/verify.jpg) no-repeat right center; */
}
section#verify form {
	float:left;
	white-space:nowrap;
	margin: 20px 0 0 33px;
}
section#verify div.captcha, div.captcha {
	float:left;
	background:#ED1C24;
	padding-right:10px;
	margin-right:10px;
	white-space:nowrap;
	padding:4px 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.captcha input.code {border:1px solid #74a1bb;}
div.captcha img.captcha {border:1px solid #74a1bb; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

section#verify input.verify-input {
	border:1px solid #cde5f4;
	width:100px;
}
section#verify input.verify-input:focus {
	border:1px solid #aac8da;
}
section#verify input.verify-submit {
	width:80px;
	text-transform:uppercase;
}

div.faqcont {
    border-radius: 4px 4px 4px 4px;
    margin: 10px 0;
    padding: 10px;
    background:#fff;
    border-bottom:1px solid #edf2f8;
}
div.faqcont h3 {
    font-family: Arial;
    font-weight: bold;
    margin: 0 0 10px;
}
div.faqcont h3 a {
    color: inherit;
    text-decoration: none;
}
div.faqcont p {margin: 0;}
div.odd {background: none repeat scroll 0 0 #EDF2F8; border-bottom:1px solid #D2E2EF;}
div.quote, div.faqcont:hover {background: none repeat scroll 0 0 #D2E2EF; border-bottom:1px solid #9cbcd5;}

footer {
	color:#7f7f7f;
	font-size:13px;
	background:url(../i/footer.jpg) no-repeat center top;
	padding:20px 15px;
}
footer a, footer a:visited {
	color:#555;
}
footer ul {list-style:none;}
footer ul li {display:inline; color:#bbb; margin:0 5px 0 0;}
footer ul li a {margin-right:5px;}

.banner{
 text-align: right;
  margin: -150px 40px 40px 0px;

}

.banner a:hover img{
  opacity: 0.8;
}
.red {color:#8e1300;}

.mgbanner{
  width: 960px;
  text-align: center;
  margin: 0 0 20px 0;
}