/*
font-family: 'Roboto Slab', serif;
font-family: 'Open Sans', sans-serif;
*/

body{ margin:0; padding:0; background:#fff; font-family: 'Open Sans', sans-serif; font-size:16px;}
header{ background:#000; overflow:hidden; text-align:center; padding:10px 0;}
.container{ width:840px; margin:0 auto; position:relative;}

.contentArea{ width:100%; clear:both; overflow:hidden; margin:0; padding:25px 0;}
.container p{ font-size:14px; color:#000; margin:0; padding:0;}
.box{ width:100%; clear:both; float:left; margin:20px 0px 10px;}
.box h2{font-family: 'Roboto Slab', serif; font-size:20px; color:#000; margin:0 0 0; padding:0; border-bottom:2px solid #3398cc; font-weight:400;}
.box h2 span{ font-size:24px;}
.box ul{ margin:0; padding:0;}
.box ul li {display: block;list-style: none;background: url(../img/icon-1.png) no-repeat 0 8px;font-size: 14px;padding: 0 0 0 15px;margin: 0 0 20px;}
.box ul li span{ color:#3398cc;}
.boxone img {float: left;margin: 0 -17px 0 0;}
.boxtwo img {float: right;margin: 0 -17px 0 -17px;}
.boxdetails{ width:450px; float:left;}
.boxone .boxdetails h2 {padding: 20px 0 5px 30px;}
.boxdetails h3{ font-size:16px; font-weight:600; color:#000; margin:20px 0; padding:0 0 0 30px;}
.boxdetails  ul{ margin-left:30px;}
.box a {font-size: 16px;color: #0000ff;text-align: center;display: block;margin: 45px 0 0;}
.boxtwo .boxdetails h3{ font-size:16px; font-weight:600; color:#000; margin:20px 0; padding:0 0 0 0;}
.boxtwo .boxdetails  ul{ margin:0 25px 0 0;}
.boxtwo .boxdetails h2 {padding:15px 0 5px 0;}


.box-1{ background:url(../img/Box-1.png) no-repeat top left; width:222px; height:217px; float:left; margin:45px 0 0;}
.box-2{ background:url(../img/Box-2.png) no-repeat top left; width:222px; height:307px; float:left; margin: 0 20px;}

.box-1 .boxInner {width: 193px;height: 187px;margin: 10px 0 0 10px;}
.box-2 .boxInner {width: 193px;height: 277px;margin: 10px 0 0 10px;}
.boxInner{ text-align:center;}
.boxInner h4 {font-size: 20px;color: #fff;margin: 0 0;padding: 7px 0;font-weight: 400;line-height: 20px;}
.box-2 .boxInner h4 {font-size: 20px;color: #fff;margin: 0 0;padding: 3px 0;font-weight: 400;line-height: 20px;}
.boxInner h1{font-family: 'Roboto Slab', serif; font-size:36px; color:#666666; margin:0; padding:0;}
.box-1 .boxInner h1 {margin: 15px 0 0;}
.boxInner span{font-family: 'Roboto Slab', serif; font-size:16px; color:#666666; margin:0 0 15px; padding:0; display:block; clear:both;}
.boxInner a {display: block;width: 112px;height: 34px;background: #3398cc;text-align: center;font-size: 16px;color: #fff;text-decoration: none;margin: 0 auto;border-radius: 7px;padding: 0 0 0;line-height: 32px;}
.boxInner a:hover{ background:#000;}

.boxInner p{ font-size:18px; color:#3398cc; margin:25px 0 0 ; padding:0; font-weight:600;}
.boxInner i {font-size: 12px;color: #3398cc;margin: 0 0 15px;padding: 0;line-height: 16px;display: block;}
.box-2 .boxInner span{ margin:0 0  10px; }
.boxSection {clear: both;overflow: hidden;width: 706px;margin: 0 auto;padding:35px 0;}

footer{ width:100%; clear:both; overflow:hidden; text-align:center; padding:0 0 35px;}
footer .container p{ font-size:18px; color:#000; font-weight:600;}
footer .container p a{ font-size:20px; color:#0000ff; font-weight:400;}
footer .container hr {width: 210px;margin: 25px  auto;background: none !important;border: none;border-bottom:1px solid #3398cc;color: none !important;}