/* CSS Document */

/* default */
img{border:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}
ul,ol { list-style:none;}
a { text-decoration:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after { height:0; clear:both;visibility:hidden;}
/*.clearfix {display:inline-block;}*/
/* Hide from IE Mac \*/
/*.clearfix {display:block;}*//* End hide from IE Mac */

/* Clearfix */
.clrfix:before,
.clrfix:after {
    content: " ";
    display: table;
}
.clrfix:after {
    clear: both;
}
.clrfix {
    *zoom: 1;
}

/* Body */
body{ font-size:100%; font-family: 'Rokkitt', serif; background:#FFF; margin:0; padding:0; text-align: center; color:#000; width:100%;}

/*header*/
#navi a#pull { display: none;}

#header .top {width:100%; text-align:right; background:url(../images/header-top.jpg) no-repeat center top #003C6C;}
#header .top .top-wrapper {max-width:980px; margin:0 auto; color:#fff;}
#header .small {font-size:80%;}
#header .big {font-size:130%;}

#navi {width:100%; background:url(../images/nav-bg.png) repeat-x center top;}
#navi ul {max-width:980px; margin:0 auto; padding:0;}
#navi ul li {float:left; margin:0; padding:0; width:25%;}
#navi ul li a {color:#716E6D; display:block; height:64px; border-right:1px solid #A3A3A3; line-height:64px;  font-size:24px; -webkit-transition: color 0.30s ease-in-out;-moz-transition: color 0.30s ease-in-out;-o-transition: color 0.30s ease-in-out;transition: color 0.30s ease-in-out;}
#navi ul li a:hover, #navi ul li .active-menu {color:#254A6B; background:url(../images/hover.png) no-repeat center top;  -webkit-transition: color 0.30s ease-in-out;-moz-transition: color 0.30s ease-in-out;-o-transition: color 0.30s ease-in-out;transition: color 0.30s ease-in-out;}
#navi ul .frst {border-left:1px solid #A3A3A3;}

#banner{ width:100%; text-align:center; margin:0 auto; padding:0; background:url(../images/banner.jpg) no-repeat center top;}
#banner .logo {padding:10px 2% 0;}
#banner .logo img {width:100%; max-width:696px; margin:0 auto;}

#banner .slider {width:100%; max-width:980px; margin:0 auto; padding:0;}
#banner .slider .slides {}
#banner .slider .flexslider img {width:100%; max-width:980px; margin-top:10px; border:11px solid #aaaaaa;}
#banner .slidertext { z-index:2000; width:100%; max-width:250px; text-align:right; position:relative; float:right; margin-top:-280px;}
#banner .slidertext img {width:100%;  border:none; height:auto;}
#banner .slidertext .qps {max-width:248px; padding-right:15px;}
#banner .slidertext .quote {margin-right:70px; text-align:left;}
#banner .slidertext .quote img {max-width:180px; }

#banner .banner-bottom { width:100%; max-width:980px; margin:0 auto; text-align:center;}
#banner .banner-bottom img {margin:15px 0.6% 20px ; float:left; width:32%; height:auto; border:11px solid #aaaaaa; max-width:313px; padding:0;}

/* main */
#main { width:100%; padding:0; text-align:left;}
#main .mainwrapper {width:100%; max-width:980px; margin:0 auto;}
/* content */
#content{ min-height:444px; margin:0; position:relative;}
#content h1 {color:#254A6B; font-size:240%; text-align:left; padding:1.5%; margin: 0.67em 0 0;}
#content h1 span {color:#108DCB;}
#content h2 {color:#254A6B; text-align:left; padding:1.5%; margin: 0.67em 0 0;}
#content p {font-family:'Lato', sans-serif; color:#575352; line-height:33px; font-size:1rem; padding:0 2.5%;}
#content .lm a {background:url(../images/button.png) no-repeat center top; width:121px; height:36px; display:block; padding:2px 0 0 21px; color:#fff; font-size:13px;}

/* aside */
#sidebar{ min-height:444px; text-align:center;}
#sidebar .sidebar-top {background:url(../images/sidebar-bg.png) no-repeat center top; height:341px; width:100%; max-width:340px; background-size:100% 340px; margin:0 auto; text-align:center;}
#sidebar h2 {color:#fff; font-size:240%; padding:22px 0 0 25px;}
#sidebar ul {margin:-15px 0 0 15px; padding:0; width:320px;}
#sidebar ul li {background:url(../images/bullet.png) no-repeat left center; border-bottom:1px solid #A3A3A3; text-align:left; height:50px; line-height:50px; color:#575252; text-indent: 30px; width:90%; font-size:19px;}
#sidebar ul .last {border:none;}

#sidebar ul li a {color:#575252;}
#sidebar ul li a:hover {color:#108DCB;}

#sidebar .ntma {width:100%; max-width:313px; padding:0 2%;}

/*footer*/
#footer { width:100%; background:url(../images/footer-bg.jpg) repeat-x center top; margin:25px 0 0 0;}
#footer .footer-nav {width:100%; padding:20px 0; margin-top:5px; background:url(../images/footer-nav.jpg) repeat-x center top #F1F1F1; }
#footer .footer-nav ul {max-width:980px; margin:0 auto; width:100%; list-style:none; text-align:center;  }
#footer .footer-nav ul li {display:inline-block; font-size:24px; }
#footer .footer-nav ul li span {padding:0 18px;}
#footer .footer-nav ul li a, #footer .copyright h5 {color:#575352; text-align:center;}
#footer .footer-nav ul li a:hover, #footer .copyright h5 span  {color:#00488B;}
#footer .copyright { width:100%; background:url(../images/copyright-bg.png) repeat-x center top; font-size:23px}
#footer .copyright h5 {max-width:980px; margin: 0 auto; padding:15px;}

/* contact */
.contactForm { width:97.5%; max-width:500px; margin:10px auto; padding:0 0 10px; background:#DADADA; border: 1px #108FCB solid; color:#000;}
.contactForm label { display:block; margin:0; padding:5px 0 5px 25px; font-size:14px; line-height:120%;}
.contactForm input[type=text] { display:block; width:90%; max-width:450px; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:0; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:0 0 2px 0; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm textarea { display:block; width:90%; max-width:450px; margin:0 auto; padding:0; font-size:14px; line-height:120%; height:200px;}