/* general settings */
body{
	margin:0;
	color:#757575;
	font:13px Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.png) repeat-x;
	min-width:980px;
}
body.inner{background:#fff;}
img{
	border:0;
	vertical-align:top;
}
a{
	color:#398dcd;
	outline:none;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}
input, textarea, select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	outline:none;
	color:#757575;
}
/* wrapper */
.wrapper-holder{
	width:100%;
	overflow:hidden;
	position:relative;
}
#wrapper{
	width:960px;
	margin:0 auto;
}
/* header */
#header{overflow:hidden;}
.inner #header{
	background:#edebee url(../images/bg-header-inner.png) repeat-x 0 100%;
	padding:0 9999px 30px;
	margin:0 -9999px;
	position:relative;
	overflow:hidden;
}
.h-area{
	overflow:hidden;
	padding:0 0 24px;
}
.logo{
	float:left;
	background:url(../images/bg-logo.png) no-repeat;
	width:226px;
	height:86px;
	overflow:hidden;
	text-indent:-9999px;
	margin:17px 0 0 10px;
}
.logo a{
	display:block;
	height:100%;
}
.h-box{float:right;}
.h-top-row{
	overflow:hidden;
	position:relative;
	z-index:2;
	padding:0 0 28px;
}
.top-nav{
	margin:0;
	padding:7px 0 0;
	list-style:none;
	float:left;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
}
.top-nav li{
	float:left;
	padding:0 0 0 30px;
}
.top-nav a{
	color:#757575;
	text-decoration:underline;
}
.top-nav a:hover{
	color:#2d75aa;
	text-decoration:none;
}
.social-nav{
	margin:0;
	padding:0 0 0 30px;
	list-style:none;
	float:left;
}
.social-nav li{
	float:left;
}
.social-nav a{
	float:left;
	background:url(../images/bg-soc-nav.png) no-repeat;
	width:35px;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;
}
.social-nav a.in{background-position:0 0;}
.social-nav a.in:hover{background-position:0 -35px;}
.social-nav a.twitter{background-position:-35px 0;}
.social-nav a.twitter:hover{background-position:-35px -35px;}
.social-nav a.fb{background-position:-70px 0;}
.social-nav a.fb:hover{background-position:-70px -35px;}
.social-nav a.youtube{background-position:-105px 0;}
.social-nav a.youtube:hover{background-position:-105px -35px;}
#header .phone{
	padding:0 10px 0 0;
	display:block;
	text-align:right;
	color:#3e3e3e;
	font-size:16px;
	font-weight:bold;
	line-height:19px;
}
#header .phone span{color:#da0605;}
#nav{
	margin:0 0 14px;
	padding:0;
	list-style:none;
	background:#4da6e8;
	font:18px/49px "Trebuchet Ms", Arial, Helvetica, sans-serif;
	overflow:hidden;
}
#nav li{
	float:left;
}
#nav li.last{float:right;}
#nav a{
	float:left;
	color:#fff;
	padding:0 23px 0 24px;
	text-decoration:none;
}
#nav a:hover{text-decoration:underline;}
#nav .active a{
	text-decoration:none;
	background:#2d75aa;
}
.gallery-area{
	overflow:hidden;
	position:relative;
	margin:0 0 27px;
	height:318px;
}
.gall-list{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	height:318px;
}
.gall-list li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	background:none !important;
}
.gall-list .txt-box{
	position:absolute;
	bottom:18px;
	left:20px;
	background:url(../images/bg-gallery-txt-box.png);
	width:510px;
	padding:15px 14px 20px;
}
.gall-list .txt-box .ttl{
	display:block;
	padding:0 0 6px;
	font-size:20px;
	line-height:23px;
	font-weight:normal;
}
.gall-list .txt-box .ttl a{color:#033b65;}
.gall-list .txt-box p{
	margin:0;
	color:#fff;
	line-height:20px;
}
.gall-list .txt-box p a{color:#fff;}
.gallery-area .pagination{
	position:absolute;
	bottom:13px;
	right:12px;
	z-index:100;
	overflow:hidden;
}
.gallery-area .pagination a{
	float:left;
	background:url(../images/bg-gallery-pagination.png) no-repeat -28px 0;
	width:20px;
	height:20px;
	margin:0 4px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.gallery-area .pagination .activeSlide,
.gallery-area .pagination a:hover{background:url(../images/bg-gallery-pagination.png) no-repeat;}
.breadcrumbs-area{
	overflow:hidden;
	padding:9px 0 0 9px;
	font-size:12px;
	line-height:15px;
}
.breadcrumbs-area .txt{
	float:left;
	padding:0 7px 0 0;
	color:#3e3e3e;
}
.breadcrumbs-area ul{
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.breadcrumbs-area li{
	float:left;
	background:url(../images/bullet-breadcrumbs.png) no-repeat 0 5px;
	padding:0 7px 0 13px;
}
.breadcrumbs-area li:first-child{
	background:none;
	padding-left:0;
}
.breadcrumbs-area a{color:#348bce;}
/* main */
#main{
	overflow:hidden;
	padding:0 0 62px 10px;
}
.info-area{
	overflow:hidden;
	padding:0 0 35px;
}
.info-area .video-box{
	float:right;
	width:450px;
	margin:4px 11px 0 30px;
}
.info-area .txt-box{
	overflow:hidden;
}
.ttl-area{
	background:url(../images/bg-ttl-area.png) no-repeat 0 100%;
	padding:0 0 18px;
	margin:0 0 15px;
	overflow:hidden;
}
.ttl-area h2,
.ttl-area h1{
	margin:0;
	color:#348bce;
	font-size:26px;
	line-height:29px;
	font-weight:normal;
}
.info-area .txt-box p{
	margin:0 0 22px;
	line-height:20px;
}
.btn-more{
	display:inline-block;
	background:url(../images/bg-more.png) no-repeat 100% 7px;
	padding:0 18px 0 0;
	line-height:16px;
}
.info-list{
	margin:0 -21px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.info-list li{
	float:left;
	margin:0 19px 0 0;
	width:239px;
	padding:20px 30px 0;
	min-height:239px;
	border:1px solid #d8d8d8;
	text-align:center;
}
.info-list li:hover{background:#3e3e3e url(../images/bg-info-list-hover.png) repeat-x 0 100%;}
.info-list .ico{padding:0 0 27px;}
.info-list li:hover .ico img,
.info-list .ico img.active{display:none;}
.info-list li:hover img.active{
	display:block;
	margin:0 auto;
}
.info-list li:hover p{color:#fff;}
.info-list h3{
	margin:0 0 20px;
	color:#398dcd;
	font-size:16px;
	font-weight:normal;
	line-height:19px;
}
.info-list p{
	line-height:20px;
	margin:0;
}
/* main-holder */
.main-holder{
	overflow:hidden;
	padding:32px 40px 35px 0;
}
/* sidebar */
#sidebar{
	padding:17px 0 0;
	float:left;
	width:285px;
}
.side-nav{
	margin:0;
	padding:0 0 40px;
	list-style:none;
	line-height:16px;
}
.side-nav li{
	background:url(../images/sep-dotted.png) repeat-x 0 100%;
	overflow:hidden;
	padding:9px 0 10px;
	vertical-align:top;
}
.side-nav a{
	float:left;
	background:url(../images/bullet-side-nav.png) no-repeat 0 2px;
	padding:0 0 0 15px;
	text-decoration:none;
}
.side-nav a:hover{text-decoration:underline;}
.side-nav .active a{
	color:#3e3e3e;
	text-decoration:none;
}

.side-box{	
	width: 285px;
}

.side-box h2{
	margin:0 0 10px;
	color:#4190cc;
	font-size:18px;
	line-height:21px;
	font-weight:normal;
}
.side-box p{
	margin:0 0 22px;
	line-height:20px;
}
/* content */
#content{
	float:right;
	width:590px;
}
.txt-area p{
	margin:0 0 29px;
	line-height:20px;
}
.txt-area .text{
	display:block;
	padding:0 0 6px;
	line-height:20px;
}
.txt-area .lst{
	margin:0;
	padding:0 0 1px 8px;
	list-style:none;
	line-height:20px;
}
.txt-area .lst li{
	background:url(../images/bullet-list.png) no-repeat 0 8px;
	padding:0 0 5px 11px;
}
.contact-form .row{
	overflow:hidden;
	padding:0 0 5px;
}
.contact-form .row label{
	float:left;
	padding:7px 0 0;
	width:105px;
	line-height:16px;
	color:#757575;
}
.contact-form .row label.error{
	float:left;
	color:#d90000;
	width:150px;
	padding:8px 0 0 10px;
	font-style: italic;
}
.contact-form .row input{
	float:left;
	padding:9px 7px;
	background:#f2f2f2;
	color:#757575;
	font-size:13px;
	height:16px;
	width:286px;
	border:0;
}

.contact-form .row textarea{
	overflow:auto;
	margin:0;
	float:left;
	padding:9px 7px;
	background:#f2f2f2;
	color:#757575;
	font-size:13px;
	line-height:16px;
	width:286px;
	resize:none;
	height:126px;
	border:0;
}

.contact-form .row input.error, 
.contact-form .row textarea.error{
	background:#faafaf;
	color: #d90000;
}

.contact-form .row .add-txt{
	display:block;
	padding:7px 0 0 12px;
	overflow:hidden;
	font-size:13px;
	line-height:16px;
	color:#d90000;
}
.contact-form .btn-box{
	overflow:hidden;
	padding:0 0 0 105px;
}
.contact-form .btn-box input{
	float:left;
	background:#368ccc;
	padding:0 0 1px;
	cursor:pointer;
	border:0;
	width:125px;
	height:36px;
	font-size:14px;
	color:#fff;
}
.tab-lst{
	margin:40px 0 0;
	padding:0 0 18px;
	list-style:none;
	position:relative;
	height:490px;
}
.tab-lst li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.tab-lst .item01{
	top:146px;
	left:36px;
	z-index:1;
}
.tab-lst .item02{
	top:0;
	left:205px;
	z-index:2;
}
.tab-lst .item03{
	top:220px;
	left:288px;
	z-index:3;
}
.tab-lst a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.tab-lst .item01 a{
	background:url(../images/image03.png) no-repeat;
	width:256px;
	height:256px;
}
.tab-lst .item01.active a,
.tab-lst .item01:hover a{background:url(../images/image03.png) no-repeat 0 -256px;}
.tab-lst .item02 a{
	background:url(../images/image04.png) no-repeat;
	width:306px;
	height:306px;
}
.tab-lst .item02.active a,
.tab-lst .item02:hover a{background:url(../images/image04.png) no-repeat 0 -306px;}
.tab-lst .item03 a{
	background:url(../images/image05.png) no-repeat;
	width:255px;
	height:255px;
}
.tab-lst .item03.active a,
.tab-lst .item03:hover a{background:url(../images/image05.png) no-repeat 0 -255px;}
.tab-area .tab{display:none;}
.tab-area .tab:first-child{display:block;}
/* footer */
#footer{
	background:#000;
	border-top:9px solid #388ccc;
	overflow:hidden;
	padding:21px 9999px;
	margin:0 -9999px;
	position:relative;
	color:#b8b8b8;
	font-size:12px;
	line-height:15px;
}
#footer a{color:#b8b8b8;}
#footer .f-box{
	float:left;
	width:70%;
	padding:0 0 0 10px;
}
#footer .dev-info{
	float:right;
	padding:0 12px 0 0;
}
.f-txt{
	margin:0;
	padding:0 0 9px;
	list-style:none;
	overflow:hidden;
}
.f-txt li{
	float:left;
	background:url(../images/sep-f-txt.png) no-repeat 0 7px;
	padding:0 9px 0 13px;
}
.f-txt li:first-child{
	background:none;
	padding-left:0;
}
.f-nav{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.f-nav li{
	float:left;
	padding:0 16px 0 0;
}

.adaptpage{width:100%;height:30px;background-color:red;overflow:hidden;position:relative;text-align:center;padding-top:5px}.adaptpage a{color:#fff;text-decoration:underline}.adaptpage a:hover{text-decoration:none}
.txtIV { display: none; visibility: hidden; width: 0px; height: 0px;}