@charset "utf-8";
/* CSS Document */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img, object, embed {max-width: 100%;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

/* FLOAT-elements */
.fltleft {float:left;}
.fltright {float:right;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  


/* only to clear floats - to be used with any class as addition */
.clear {
	clear: both;
	}
	
/* clear float with blank <div>or <br>*/
.clrflt {
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
	}

/* MAIN */
body {
	background:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	outline:0;
	}

.wrapper {
	width:978px;
	margin:0px auto;
	}

.header {
	height:132px;
	padding:0 25px 0 24px;
	}

.logo {
	width:304px;
	height:104px;
	padding:14px 0 0 0;
	}

.menuarea {
	padding:90px 15px 0 0;
	}

.menu {
	}

.menuarea ul {
	list-style:none;
	padding:0px;
	margin:0px;
	}

.menuarea ul li {
	float:left;
	height:20px;
	background: url(../img/sep.jpg) no-repeat right center;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	color:#1c2d52;
	padding:0 21px;
	}

.menuarea ul li.nobr {
	padding-right:0px;
	background:none;
	}

.menuarea ul li a {
	text-decoration:none;
	display:block;
	color:#1c2d52;
	}

.menuarea ul li a:hover, .menuarea ul li.active a {
	color:#266ab1;
	}

.container {
	}

.banner_area {
	padding:0 12px;
	background:#1c2d52;
	margin:0px;
	}
.banner {
	width:953px;
	height:301px;
	position:relative;
	}

.banner_txt {
	width:428px;
	height:60px;
	position:absolute;
	right:60px;
	top:150px;
	font-family:"Myriad Pro";
	}

.banner_txt h2 {
	font-size:30px;
	line-height:30px;
	color:#f8f8f8;
	text-align:center;
	font-weight:normal;
	}
	
.banner_txt h2 span {
	font-size:24px;
	line-height:30px;
	color:#f8f8f8;
	}

.content {
	padding:0 12px;
	}

.content_top {
	padding:40px 30px 20px 30px;
	}

.content_top h2 {
	font-size:18px;
	line-height:20px;
	color:#1c2d52;
	padding-bottom:25px;
	}

.content_top p {
	font-size:12px;
	line-height:16px;
	color:#1d2d52;
	padding-bottom:12px;
	display:block;
	}

.content_top h3 {
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:16px;
	color:#1d2d52;
	display:block;
	font-weight:bold;
	}

.content_bottom {
	border:1px solid #cdcdcd;
	padding:18px 40px 26px;
	margin-bottom:45px;
	}

.cont_box {
	width:264px;
	min-height:300px;
	float:left;
	margin-right:40px;
	}

.cont_box h2 {
	font-size:18px;
	color:#1c2d52;
	line-height:20px;
	padding-bottom:17px;
	}

.cont_box img {
	margin-bottom:30px;
	}

.cont_box p {
	font-size:12px;
	line-height:20px;
	color:#1d2d52;
	padding-bottom:20px;
	}
.cont_box span {
	font-size:12px;
	line-height:20px;
	color:#1d2d52;
	display:block;
	}

.cont_box strong {
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	color:#1d2d52;
	}
	
.cont_box span a {
	display:inline-block;
	text-decoration:none;
	line-height:20px;
	font-size:12px;
	color:#266ab1;
	font-weight:bold;
	padding:0 15px 0 0;
	}
.get_nomar {
	margin-right:0px;
	}

.footer {
	width:918px;
	padding:0 30px;
	height:60px;
	}

.footer_left {
	width:200px;
	padding:25px 0 0 0;
	font-size:11px;
	color:#1d2d52;
	line-height:18px;
	}

.footer_right {
	width:660px;
	}

.foot_menu {
	padding:24px 0 0 0;
	float:left;
	}

.foot_menu ul {
	list-style:none;
	padding:0px;
	margin:0px;
	}

.foot_menu ul li {
	float:left;
	height:20px;
	background: url(../img/sep2.jpg) no-repeat right center;
	font-size:11px;
	line-height:20px;
	color:#1c2d52;
	padding:0 5px;
	}

.foot_menu ul li.nobr {
	padding-right:0px;
	background:none;
	}

.foot_menu ul li a {
	text-decoration:none;
	display:block;
	color:#1c2d52;
	}

.foot_pic {
	float:right;
	}

.foot_pic img {
	float:left;
	margin-left:20px;
	}

.pic_box img {
	}