@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;}
fieldset,
img{
	border:0;}
#header{
	background:url(../images/bgr_top.gif) no-repeat left top #C5DBE5;
	height:275px;
	overflow:hidden;
	min-width:960px;
	width:expression(document.body.clientWidth < 960? "960px": "auto" );}
#header h1{
	background:url(../images/logo.png) no-repeat;
	width:255px;
	height:249px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin:9px 0 0 11px;
	float:left;
	position:relative;
	-pie-png-fix: true;
	behavior: url(css/PIE.htc);}
#header h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:26px;
	color:#fff;
	text-transform:uppercase;
	margin:152px 0 0 0;}
#header h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color:#fab050;
	text-transform:uppercase;
	margin:66px 0 0 0;}
#header .sub_hdr{
	margin:0 0 0 42px;
	float:left;}
 
.clear {
	clear:both;
	font-size:0;
	overflow:hidden;}
	
.left_bgr {
	width:100%;
	background:url(../images/bgr_left.gif) no-repeat left top #17559C;}
 
.right_bgr {
	margin-left:360px;
	min-width:600px;
	width:expression(document.body.clientWidth < 600? "600px": "auto" );/*
	width:100%;
	margin-right:-360px;
	position:relative;
	left: 360px;*/
	background:url(../images/bgr_header.jpg) no-repeat left top #ffffff;}
 
.left_col {
	float:left;
	left:-360px;
	width:360px;
	position:relative;
	margin-right:-360px;}
	
.info_block{
	background:#2D3137;
	border:1px solid #1F2120;
	padding:7px 0 0;
	position:relative;
	-webkit-box-shadow:		2px 3px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:			2px 3px 3px rgba(0, 0, 0, 0.25);
	box-shadow:					2px 3px 3px rgba(0, 0, 0, 0.25);
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:				6px;
	behavior: url(css/pie.htc);}
.info_block h2{
	margin:0 -5px 0 -6px;
	background:url(../images/hdr_l.png) no-repeat left top;
	height:45px;
	padding-left:10px;}
.info_block h2 span{
	display:block;
	background:url(../images/hdr_r.png) no-repeat right top;
	padding-right:10px;
	text-align:center;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CBDB80;
	line-height:36px;
	text-shadow: 0px 0px 5px rgba(132, 162, 0, 0.75);}
.years{
	width:181px;
	margin:0 0 29px 49px;}
.years h2{
	font-size:20px;}
.years h2 span{
	padding-right:25px;}
.years i{
	display:block;
	background:url(../images/star.gif) no-repeat 12px 8px;}
.years i i{
	display:block;
	font-style:normal;
	background:url(../images/star.gif) no-repeat 124px 8px;}
.years ul{
	list-style:none;
	margin:-2px 0 9px 13px;}
.years ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	color:#fff;
	background:url(../images/bullet2.gif) no-repeat left center;
	padding-left:16px;}
.contact{
	width:249px;
	margin:0 0 24px 14px;}
.contact h2 span{
	color:#fff;
	font-size:15px;}
.contact_form {
	margin:3px 12px 0 11px;}
.contact_form .inp_name{
	background:url(../images/input_name.gif) no-repeat;
	width:90px;
	height:27px;
	line-height:27px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2d3237;
	margin:0 8px 7px 0;
	float:left;
	padding:0 8px;}
* html .contact_form .inp_name{
	margin-right:4px;}
.contact_form .inp_email{
	background:url(../images/input_email.gif) no-repeat;
	width:94px;
	height:27px;
	line-height:25px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2d3237;
	margin:0 0 7px 0;
	padding:0 9px;}
.contact_form textarea{
	background:url(../images/input_message.gif) no-repeat;
	width:210px;
	height:57px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2d3237;
	margin:0 0 13px 0;
	padding:4px 8px;
	resize:none;
	overflow:auto;}
.contact_form .btn_send{
	background:url(../images/btn_send.gif) no-repeat;
	width:60px;
	height:15px;
	border:0;
	font-size:0;
	cursor:pointer;
	float:right;
	margin:0 3px 11px 0;
	text-indent:-99999px;}
	
.news{
	width:249px;
	padding-bottom:6px;
	margin:0 0 0 14px;}
.news h2 span{
	font-size:14px;
	text-transform:uppercase;
	color:#fff;}
.news p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#91c6e1;
	margin:3px 11px 0;
	padding-bottom:6px;}
	
	
.right_col .menu{
	list-style:none;
	padding:38px 0 90px 54px;}
.right_col .menu li{
	line-height:30px;
	padding-left:23px;
	background:url(../images/bullet.gif) no-repeat left center;}
.right_col .menu li a{
	font-weight:bold;
	color:#0d2147;
	text-decoration:none;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;}
.right_col .menu li a:hover{
	text-decoration:none;
	color:#799300;}
.right_col .content{
	margin:37px 0 0 4px;}
.right_col .content .box{
	float:left;
	width:220px;
	margin:0 13px 20px 0;
	border:1px solid #AAADAE;
	padding:24px 20px 30px;
	position:relative;
	background:url(../images/bgr_box.gif) repeat-x left top #E4EEF3;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    inset 0px 0px 5px rgba(0, 0, 0, 0.75);
	box-shadow:         inset 0px 0px 5px rgba(0, 0, 0, 0.75);
	behavior: url(css/pie.htc);}
.right_col .content .box img{
	display:block;}
	
	
#footer{
	background:url(../images/bgr_footer.gif) no-repeat left top;
	height:58px;
	min-width:747px;
	max-width:1567px;
	width:expression(document.body.clientWidth > 1567? "1567px" : (document.body.clientWidth < 747 ? "747px" : "100%"));
	padding:42px 0 0 213px;
	font-size:11px;
	color:#405e81;}

#footer a{
	text-decoration:none;
	color:#405e81;}
#footer a:hover{
	text-decoration:underline;}
#footer .copyright{
	float:left;
	background:url(../images/logo_bottom.gif) no-repeat left top;
	height:26px;
	padding:25px 0 0 66px;
	width:40%;
	max-width:430px;
	width:expression(document.body.clientWidth > 430? "430px": "auto" );
	white-space:nowrap;}
#footer .twitter{
	background:url(../images/icon_twitter.gif) no-repeat 40px top;
	float:left;
	padding:10px 10px 0 83px;
	height:24px;
	margin:14px 0 0;
	width:21%;
	white-space:nowrap;}
#footer .develop{
	padding-top:24px;
	float:left;
	text-align:left;
	width:18%;
	white-space:nowrap;}