input[type=submit],
input[type=text],
input[type=password],
input[type=file],
textarea{-webkit-appearance:none;}
textarea,
input[type=submit],
input[type=text]{-webkit-border-radius:0;}
input[type="image"]{
	padding:0;
	border:none;
}
html{height:100%;}
body{
	margin:0;
	height:100%;
	color:#333;
	min-width:320px;
	font:16px/19px Tahoma, Arial, Verdana, sans-serif;
	background:#455b72 url(../images/bg-body.png) repeat-x;
	-webkit-text-size-adjust:none;
}
img{
	border-style:none;
	vertical-align:top;
	max-width:100%;
}
a{
	text-decoration:none;
	color:#36c;
	outline:none !important;
}
a:hover{text-decoration:underline;}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
header,
footer,
article,
section,
nav,
figure,
aside{display:block;}
figure{
	margin:0;
	padding:0;
}
input,
textarea,
select{
	font:100%  Arial, Verdana, sans-serif;
	vertical-align:middle;
	color:#000;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
ol {
	margin:0;
	margin-bottom:30px;
}
.wrapper-holder{
	overflow:hidden;
	width:100%;
	min-height:100%;
	background:url(../images/bg-wrapper-c.png);
}
.wrapper-frame{
	background:url(../images/bg-wrapper.png) no-repeat 50% 0;
	overflow:hidden;
	width:100%;
	min-height:100%;
}
#wrapper{
	max-width:1214px;
	width:100%;
	margin:0 auto;
}
#wrapper:after{
	content:"";
	display:block;
	clear:both;
}
#header{
	width:100%;
	overflow:hidden;
	padding:19px 0 0;
}
.logo{
	float:left;
	width:372px;
	height:182px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 27px 3px;
	background:url(../images/logo.png) no-repeat;
}
.logo a{
	display:block;
	height:100%;
}
.h-box{
	float:right;
	color:#666;
	margin:19px 0 0;
	font:14px/24px Arial, Verdana, sans-serif;
}
.h-box strong{
	display:block;
	text-align:right;
	font:14px/20px Arial, Verdana, sans-serif;
	padding:0 0 3px;
}
.h-box dl{
	text-align:right;
	margin:0;
	font:16px/24px Arial, Verdana, sans-serif;
}
.h-box dt{display:inline-block;}
.h-box dd{
	margin:0 0 0 5px;
	color:#333;
	display:inline-block;
	font:bold 24px/24px Arial, Verdana, sans-serif;
}
#main{
	overflow:hidden;
	max-width:1214px;
	width:100%;
	margin:0 auto 37px;
	padding:0 0 48px;
	position:relative;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:0 5px 11px rgba(0,0,0,.3);
	-moz-box-shadow:0 5px 11px rgba(0,0,0,.3);
			box-shadow:0 5px 11px rgba(0,0,0,.3);
	background:#f0f0ed;
	min-height:750px;
}
.nav-holder{
	overflow:hidden;
	width:100%;
	background:#0a3f75 url(../images/bg-nav.png) repeat-x;
	-webkit-border-radius:15px 15px 0 0;
	-moz-border-radius:15px 15px 0 0;
	border-radius:15px 15px 0 0;
	position:relative;
}
.nav-frame{display:none;}
#nav{
	overflow:hidden;
	padding:14px 13px 0 20px;
	margin:0;
	list-style:none;
	text-transform:uppercase;
	font:16px/20px Arial, Verdana, sans-serif;
}
#nav li{
	float:left;
	width:16%;
	width:16.5%;
	text-align:center;
	background:url(../images/separator.png) no-repeat 0 -1px;
}
#nav li:first-child{
	background:none;
	text-align:left;
}
#nav .active{
	background:none;
	position:relative;
	margin:0 -2px 0 0;
	background:#0a3f75 url(../images/bg-nav.png) repeat-x 0 -15px;
}
#nav a{
	color:#fff;
	text-decoration:none;
	position:relative;
	display:inline-block;
	padding:7px 10px 0;
	height:30px;
	white-space:nowrap;
}
#nav a:hover{text-decoration:underline;}
#nav a:before{
	content:'';
	float:left;
	width:13px;
	height:37px;
	margin:-7px 0 0 -23px;
}
#nav a:after{
	content:'';
	float:right;
	width:13px;
	height:37px;
	margin:-7px -23px 0 0;
}
#nav .active a{
	background:#f0f0ed;
	color:#402527;
}
#nav .active a:before{background:url(../images/bg-nav-l.png) no-repeat;}
#nav .active a:after{background:url(../images/bg-nav-r.png) no-repeat;}
.main-holder{
	width:100%;
	padding:0 0 8px;
	float:left;
	background:url(../images/bg-m1.png) no-repeat 100% 50%;
	background-size:466px 90%;
}
#sidebar{
	width:408px;
	padding:40px 30px 40px 0;
	float:right;
}
#sidebar .heading{
	overflow:hidden;
	width:100%;
}
#sidebar .heading h2{
	margin:0 0 23px;
	color:#1075dd;
	font:bold 30px/36px Tahoma, Arial, Verdana, sans-serif;
}
#sidebar .all-news{
	float:right;
	color:#36c;
	padding:0 5px 10px 0;
	text-decoration:none;
	font:bold 16px/20px Tahoma, Arial, Verdana, sans-serif;
}
#sidebar .all-news:hover{text-decoration:none;}
.news-list{
	overflow:hidden;
	padding:0 0 0 25px;
	margin:0;
	list-style:none;
	color:#333;
	font:12px/15px Tahoma, Arial, Verdana, sans-serif;
}
.news-list li{
	vertical-align:top;
	height:1%;
	margin:0 0 41px;
}
.news-list .date{
	display:block;
	margin:0 0 14px -21px;
	padding:0 0 3px 21px;
	font:bold 14px/14px Tahoma, Arial, Verdana, sans-serif;
	background:url(../images/bg-news.png) no-repeat;
}
.news-list > li > div {
	position: relative;
}
.news-list span {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	background-color: #aaaeb7;
	padding:5px;
	color:white;
	font: 11px Tahoma, Arial, Verdana, sans-serif;
	border-radius:5px;
    -moz-border-radius:5px; 
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}

.news-list h3{
	margin:0;
	color:#333;
	font:bold 12px/15px Tahoma, Arial, Verdana, sans-serif;
}
.news-list a{
	text-decoration:none;
	color:#333;
}
.news-list a:hover{text-decoration:underline;}
.news-list p{margin:0;}
#content{margin:0 466px 0 28px;}
.c1{
	width:95%;
	float:left;
}
#content p{margin:0 0 18px;}
.visual-box{
	overflow:hidden;
	width:100%;
	margin:17px 0 -14px -14px;
}
.vb1{
	width:100%;
	float:left;
}
.visual-box .img-box{
	width:217px;
	float:left;
}
.visual-box .text-box{margin:34px 0 0 244px;}
.visual-box .c1{
	width:100%;
	float:left;
}
.mark-box{
	overflow:hidden;
	width:100%;
	color:#1075dd;
	font:bold 21px/30px Tahoma, Arial, Verdana, sans-serif;
	margin:0 0 47px;
}
#content .mark-box p{margin:0;}
.services-list{
	overflow:hidden;
	width:100%;
	padding:15px 0 0;
	margin:0 0 25px;
	list-style:none;
	font:18px/22px Tahoma, Arial, Verdana, sans-serif;
}
.services-list li{
	vertical-align:top;
	height:1%;
	background:url(../images/bullet.png) no-repeat;
	padding:0 0 14px 42px;
}
.services-list a{
	text-decoration:none;
	color:#1e72c7;
}
.services-list a:hover{text-decoration:underline;}
#content .services-list{
	color:#333;
	padding:0;
	margin:0 0 47px;
}
#content .services-list a{color:#333;}
#footer{
	overflow:hidden;
	width:100%;
	margin:0 0 27px;
	color:#ebebe7;
	font:12px/16px Arial, Verdana, sans-serif;
}
.footer-holder{padding:0 30px 0 28px;}
.navigation{
	overflow:hidden;
	width:100%;
	font:14px/17px Arial, Verdana, sans-serif;
	margin:0 0 73px;
}
.navigation ul{
	padding:0;
	margin:0;
	list-style:none;
}
.navigation li{
	float:left;
	vertical-align:top;
	min-height:160px;
	padding:0 30px 0 37px;
	background:url(../images/separator-f.png) no-repeat;
}
.navigation li:first-child{
	padding:0 30px 0 0;
	background:none;
}
.navigation ul ul li{
	float:none;
	vertical-align:top;
	min-height:1px;
	height:1%;
	background:none;
	padding:0;
}
.navigation strong{
	display:block;
	text-transform:uppercase;
	font:bold 14px/18px Arial, Verdana, sans-serif;
	margin:0 0 10px;
}
.navigation a{
	text-decoration:none;
	color:#ebebe7;
}
.navigation a:hover{text-decoration:underline;}
.navigation strong a{
	color:#ebebe7;
	text-decoration:none;
}
.navigation strong a:hover{text-decoration:none;}
.copyright{
	float:left;
	margin:0;
	text-transform:uppercase;
}
.seadesing{
	float:right;
	width:166px;
	color:#d9dce2;
	margin:0;
	font:11px/15px Arial, Verdana, sans-serif;
}
.seadesing dt{
	float:left;
	text-align:left;
	width:92px;
	padding:2px 0 0;
}
.seadesing dd{
	margin:0;
	width:74px;
	float:left;
}
.seadesing dd a{
	width:74px;
	height:18px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
	background:url(../images/seadesign.png) no-repeat;
}
/* Services */
.main-frame{
	overflow:hidden;
	height:1%;
	padding:12px 30px 0 28px;
}
.main-frame p{margin:0 0 18px;}
.breadcrumbs{
	overflow:hidden;
	width:100%;
	color:#666;
	font:14px/20px Tahoma, Arial, Verdana, sans-serif;
	margin:0 0 8px;
}
.breadcrumbs ul{
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
}
.breadcrumbs li{
	float:left;
	margin:0 4px 0 0;
	text-transform:uppercase;
}
.breadcrumbs a{
	float:left;
	color:#666;
	padding:0 10px 0 0;
	text-decoration:underline;
	background:url(../images/bg-breadcrumbs.png) no-repeat 100% 11px;
}
.breadcrumbs a:hover{text-decoration:none;}
.heading{
	overflow:hidden;
	width:100%;
}
.heading h1{
	color:#1075dd;
	margin:0 0 23px;
	font:bold 30px/36px Tahoma, Arial, Verdana, sans-serif;
}
.heading h2{
	color:#06c;
	margin:0 0 19px;
	font:bold 18px/24px Tahoma, Arial, Verdana, sans-serif;
}
.items-list{
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	color:#666;
	font:16px/24px Tahoma, Arial, Verdana, sans-serif;
}
.items-list li{
	vertical-align:top;
	height:1%;
}
/* End Services */
/* Contact */
.contacts-box{
	overflow:hidden;
	height:1%;
	padding:0 0 0 28px;
	font:16px/24px Tahoma, Arial, Verdana, sans-serif;
	margin:0 0 20px;
}
.main-frame .contacts-box p{margin:0 0 36px;}
.contacts-box dl{
	overflow:hidden;
	width:100%;
	margin:0 0 6px;
}
.contacts-box dt{display:inline-block;}
.contacts-box dd{
	margin:0;
	display:inline-block;
}
.contacts-box a{
	text-decoration:none;
	color:#333;
}
.contacts-box a:hover{text-decoration:underline;}
.feedback-form{
	overflow:hidden;
	width:100%;
	padding:12px 0 0;
}
.feedback-form label{
	float:left;
	width:164px;
	padding:8px 0 0;
	text-align:right;
	margin:0 27px 0 0;
}
.feedback-form .row{
	overflow:hidden;
	width:100%;
	margin:0 0 15px;
}
.feedback-form .textarea-holder{
	background:#fff url(../images/bg-text.gif) no-repeat;
	padding:4px 0 3px 7px;
	position:relative;
	width:490px;
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}
.feedback-form textarea{
	width:490px;
	min-width:490px;
	max-width:490px;
	height:158px;
	max-height:158px;
	float:left;
	overflow:auto;
	border:none;
	background:none;
	outline:none;
	color:#666;
	font:16px/22px Arial, Verdana, sans-serif;
}
.feedback-form .text{
	background:#fff url(../images/bg-text.gif) no-repeat;
	padding:6px 0 5px 7px;
	height:22px;
	position:relative;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	margin:0;
	float:left;
	width:491px;
	color:#666;
	font:16px/22px Arial, Verdana, sans-serif;
	outline:none;
}
.feedback-form .text2{width:235px;}
.feedback-form .submit-holder{
	overflow:hidden;
	height:1%;
	padding:11px 0 0 192px;
	margin:0 0 26px;
}
.feedback-form .submit{
	border:0;
	float:left;
	padding:0 0 2px;
	margin:0;
	letter-spacing:1px;
	background:url(../images/bg-btn.png) no-repeat 0 -38px;
	width:122px;
	height:32px;
	font:16px/32px Tahoma, Arial, Verdana, sans-serif;
	color:#fff;
	cursor:pointer;
}
#focus {
	display:block;
	background:url(../images/focus.gif) no-repeat;
	width:308px;
	height:64px;
}
.feedback-form .submit:hover{background:url(../images/bg-btn.png) no-repeat;}
.feedback-form .error {
	border-left: 1px solid #8B0000 !important;
}
/* End Contact */
@media screen and (max-width:1214px){
	.h-box{
		float:right;
		color:#666;
		margin:19px 0 0;
		padding:0 10px 0 0;
		font:14px/24px Arial, Verdana, sans-serif;
	}
	body{
		font:15px/17px Tahoma, Arial, Verdana, sans-serif;
	}
	.visual-box{
		overflow:hidden;
		width:100%;
		margin:17px 0 -7px -7px;
	}
	.mark-box{
		overflow:hidden;
		width:100%;
		color:#1075dd;
		font:bold 18px/22px Tahoma, Arial, Verdana, sans-serif;
		margin:0 0 27px;
	}
	.services-list{
		font:16px/22px Tahoma, Arial, Verdana, sans-serif;
	}
	#sidebar .heading h2{
		font:bold 24px/30px Tahoma, Arial, Verdana, sans-serif;
	}
}
@media screen and (max-width:960px){
	.main-holder{
		width:94%;
		padding:0 3% 18px;
		float:none;
		background:none;
	}
	#sidebar{
		width:100%;
		padding:0 0 60px;
		float:none;
	}
	#content{margin:0;}
	.c1{
		width:100%;
		float:none;
	}
}
@media screen and (max-width:900px){
	#nav{
		overflow:hidden;
		padding:14px 5px 0 15px;
		margin:0;
		list-style:none;
		text-transform:uppercase;
		font:14px/20px Arial, Verdana, sans-serif;
	}
	#nav li{
		float:left;
		width:16%;
		width:16.5%;
		text-align:center;
		background:url(../images/separator.png) no-repeat 0 -1px;
	}
	#nav li:first-child{
		background:none;
		text-align:left;
	}
	#nav .active{
		background:none;
		position:relative;
		margin:0 -2px 0 0;
		background:#0a3f75 url(../images/bg-nav.png) repeat-x 0 -15px;
	}
	#nav a{
		color:#fff;
		text-decoration:none;
		position:relative;
		display:inline-block;
		padding:7px 10px 0;
		height:30px;
	}
	#nav a:hover{text-decoration:underline;}
	#nav a:before{
		content:'';
		float:left;
		width:13px;
		height:37px;
		margin:-7px 0 0 -23px;
	}
	#nav a:after{
		content:'';
		float:right;
		width:13px;
		height:37px;
		margin:-7px -23px 0 0;
	}
	#nav .active a{
		background:#f0f0ed;
		color:#402527;
	}
	#nav .active a:before{background:url(../images/bg-nav-l.png) no-repeat;}
	#nav .active a:after{background:url(../images/bg-nav-r.png) no-repeat;}
	.navigation{
		overflow:hidden;
		width:100%;
		font:14px/20px Arial, Verdana, sans-serif;
		margin:0 0 31px;
	}
	.navigation ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	.navigation ul ul{
		padding:0 0 7px;
	}
	.navigation li{
		float:none;
		vertical-align:top;
		min-height:1px;
		padding:0;
		background:none;
	}
	.navigation li:first-child{
		padding:0;
		background:none;
	}
	.navigation ul ul li{
		float:none;
		vertical-align:top;
		min-height:1px;
		height:1%;
		background:none;
		padding:0;
	}
	.navigation strong{
		display:block;
		text-transform:uppercase;
		font:bold 14px/20px Arial, Verdana, sans-serif;
		margin:0 0 7px;
	}
}
@media screen and (max-width:780px){
	.feedback-form{
		overflow:hidden;
		width:498px;
		padding:0;
		margin:0 auto;
	}
	.feedback-form label{
		float:none;
		display:block;
		padding:8px 0;
		text-align:left;
		margin:0;
	}
	.feedback-form .submit-holder{
		overflow:hidden;
		width:122px;
		padding:11px 0 0;
		margin:0 auto 26px;
	}
}
@media screen and (max-width:760px){
	#header{
		padding:0;
	}
	.logo{
		margin:0 0 8px 3px;
	}
	.nav-frame .opener{
		background:url(../images/bg-opener.png) no-repeat 2px 0;
		width:35px;
		height:31px;
		overflow:hidden;
		text-indent:-9999px;
		float:left;
		margin:4px 10px 3px 0;
		position:relative;
	}
	.nav-frame{
		display:block;
		padding:5px 8% 5px 12px;
		float:left;
		position:relative;
		min-height:37px;
	}
	#nav{display:none;}
	.nav{
		overflow:hidden;
		width:210px;
		float:left;
		padding:45px 0 0;
		margin:0 0 5px -55px;
		list-style:none;
		font:14px/20px Arial, Verdana, sans-serif;
	}
	.nav li{
		vertical-align:top;
		overflow:hidden;
		clear:both;
	}
	.nav a{
		text-decoration:none;
		color:#fff;
		padding:0 0 5px 11px;
	}
	.nav .active a,
	.nav a:hover{
		text-decoration:underline;
		background:url(../images/arrow-nav2.png) no-repeat 0 3px;
	}
	.main-frame{
		padding:12px 15px 0 12px;
	}
}
@media screen and (max-width:700px){
	.logo{
		float:none;
		display:block;
		width:372px;
		height:182px;
		text-indent:-9999px;
		overflow:hidden;
		margin:0 0 -18px 3px;
		background:url(../images/logo.png) no-repeat;
	}
	.h-box{
		float:none;
		display:block;
		text-align:right;
		color:#666;
		margin:19px 0 19px;
		font:14px/24px Arial, Verdana, sans-serif;
	}
	.h-box strong{
		display:inline-block;
		text-align:right;
		font:14px/20px Arial, Verdana, sans-serif;
		padding:0 0 3px;
	}
	.h-box dl{
		text-align:right;
		display:inline-block;
		margin:0;
		font:16px/24px Arial, Verdana, sans-serif;
	}
	.h-box dt{display:inline-block;}
	.h-box dd{
		margin:0 0 0 5px;
		color:#333;
		display:inline-block;
		font:bold 24px/24px Arial, Verdana, sans-serif;
	}
}
@media screen and (max-width:600px){
	.visual-box{
		overflow:hidden;
		width:100%;
		margin:17px 0 7px;
	}
	.vb1{
		width:100%;
		float:none;
	}
	.visual-box .img-box{
		width:100%;
		text-align:center;
		float:none;
		margin:0 0 -15px;
	}
	.visual-box .text-box{margin:0;}
	.visual-box .c1{
		width:100%;
		float:none;
	}
	.services-list{
		margin:0 0 27px;
	}
	.services-list li{
		padding:0 0 7px 42px;
	}
	.news-list li{
		margin:0 0 21px;
	}
}
@media screen and (max-width:550px){
	.copyright{
		float:none;
		clear:both;
		margin:0 0 21px;
	}
	.feedback-form .text{
		width:300px;
	}
	.feedback-form .textarea-holder{
		width:300px;
	}
	.feedback-form textarea{
		width:300px;
		min-width:300px;
		max-width:300px;
	}
	.feedback-form .text2{width:235px;}
	.feedback-form{
		overflow:hidden;
		width:308px;
		padding:0;
		margin:0 auto;
	}
}
@media screen and (max-width:400px){
	.logo{
		display:block;
		float:none;
		width:300px;
		height:147px;
		text-indent:-9999px;
		overflow:hidden;
		margin:0;
		background:url(../images/logo.png) no-repeat;
		background-size:100% auto;
	}
}