@charset "UTF-8";
/* CSS Document ../../images/natbooks_web/natbooks_web/*/

/*Survery site general settings*/
body{
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 14px;
	background-position:center top;
	background: url(../images/natbooks_web/bg_natbooks_cloud.jpg) no-repeat #fff center top;
	-webkit-text-size-adjust:none;
	line-height:18px;
}

table{empty-cells:show;/*fix blank cell no-border issue*/}


a:link,a:visited,a:active {color: #036caf;text-decoration: none;}
a:hover{color:#096c86;}

img{border:0px;}

hr{padding:0px; margin:0px; color:#adc3ce; height:0px;}

ul{list-style:none;}

input{height:40px;}

.fl{float:left;}
.fr{float:right;}

.clear{clear: both;display: block; padding: 0 0 20px 0; float:none;}
.clear00{clear: both;overflow:hidden; float:none; height:0px;}
.clear10{clear: both;display: block;padding: 5px 0; float:none;}

.db{display:block;}
.dn{display:none;}

.center{text-align:center;}
.right{text-align:right;}

/*index page*/


	
.indexHeader{
	width:100%;
	min-height:80px;
	position:relative;
}

.logoWrapper{
	float:left;
	width:200px;
	padding-top:15px;
}

.indexHeader .topnavi{
	position:absolute;
	top:-15px;
	right:0;
	background-color:#298dae;
	padding:8px 15px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.indexHeader .topnavi ul{
	padding:0px 10px;
	list-style:none;
	font-size:16px;
}

.topnavi ul a{
	color:#FFF;
}

.indexHeader .topnavi ul li{
	float:left;
}

.indexHeader .topnavi ul li a{
		padding:8px;
}

.indexHeader .topnavi ul .active{
	background-color:#11647f;
	color:#fada2a!important;
}

.indexMidWrapper .tagline{
 	font-family:Gill Sans, Gill Sans MT, sans-serif;
    width:100%;
	text-align:center;
	font-size:38px;
	color:#FFF;
	padding-bottom:30px;
	line-height:30px;
}

.subtagline{
	font-size:26px;
	padding:10px 0px 0px 0px;
	}


.indexMidWrapper{
	width:100%;
	height:325px;
	padding:10px 0px;
}

#mbpGraphic{
	width:530px;
	padding:0px 15px 15px 0px;
	float:left;
}

.indexMidWrapper .signup{
	padding-top:20px;
	float:right;
	width:400px;
	text-align:left;
}

.indexMidWrapper .desc{
	float:right;
	width:300px;
	padding:0px 100px 0px 0px;
	color:#666;
	line-height:18px;
}

.indexSecWrapper{
	width:100%;
	min-height:260px;
}

.indexSecContainer{
	float:left;
	width:300px;
	padding:0px 10px 20px 0px;
	min-height:300px;
}

.indexSecContainer .secImg{
	float:left;
	padding-bottom:20px;
	width:100%;
	text-align:center;
}

.indexSecContainer .secTitle{
    font-family:Gill Sans , Gill Sans MT, sans-serif;
	min-height:30px;
	float:left;
	width:200px;
	padding:0px 50px 10px 50px;
	text-align:left;
	font-size:18px;
}



.indexSecContainer .secContent{
	min-height:100px;
	float:left;
	width:200px;
	padding:0px 50px;
	color:#6d6d6d;
	line-height:18px;
}

/*Inner template*/
.innerMidWrapper{
	margin-top:30px;
	background-color:#FFF;
	width:100%;
	min-height:400px;
	padding-top:30px;
	text-align:center;
	background:url(../images/natbooks_web/bg_inner_container.png);
}

.textpage{
	line-height:24px;
	font-size:14px;
}

.innerMidWrapper .tagline{
	font-family:Gill Sans, Gill Sans MT, sans-serif;
	display:block;
	text-align:center;
	font-size:32px;
	color:#2b839c;
	padding-bottom:20px;
}

.innerMidWrapper .textpage_tagline{
	font-family:Gill Sans, Gill Sans MT, sans-serif;
	display:block;
	text-align:left;
	font-size:30px;
	color:#2b839c;
	padding-bottom:30px;
}

.innerMidWrapper .textpage_subtagline{
	font-size:22px;
	padding-bottom:10px;
	color:#2b839c;
	font-family:Gill Sans, Gill Sans MT, sans-serif;
}


.innerMidWrapper  .subtagline{
	font-size:22px;
	padding-bottom:15px;
	color:#2b839c;
	font-family:Gill Sans, Gill Sans MT, sans-serif;
	}

/*About*/
.innerMidWrapper #aboutWrap{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}
.innerMidWrapper #aboutWrap .col{
	width:300px;
	padding:10px 20px;
	float:left;
}

.innerMidWrapper #aboutWrap .coltitle{
	font-family:Gill Sans MT;
	font-size:22px;
	color:#000;
	padding:10px 0px;
}

.innerMidWrapper #aboutWrap .colcontent{
	color:#505050;
	text-align:left;
	line-height:18px;

}

.innerMidWrapper #aboutbeginWrap{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}

.innerMidWrapper #aboutbeginWrap .col{
	width:380px;
	text-align:left;
	float:left;
	padding:0px 10px;
}
.innerMidWrapper #aboutbeginWrap .col .colcontent{
	color:#505050;
	line-height:18px;
}

/*One col wrapper*/
.innerMidWrapper .onecol{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	text-align:left;
}

/*Pricing*/

#pricing{
	font-size:15px;
}

#pricing .rowtitle{
	font-family:Gill Sans, Gill Sans MT, sans-serif;
	font-size:22px;
}

#pricing .coltitle{
	font-size:16px;
	font-weight:bold;
	color:#333;
}

#pricing .subcoltitle{
	font-size:12px;
}


#pricing .rowsubtitle{
	font-size:18px;
	color:#FFF;
	padding:5px 0px 0px 0px;
}


#pricing tr:nth-child(even){
	background-color:#fff;
}
#pricing tr:nth-child(odd){
	background-color:#eee;
}

#pricing_benefits{
	padding:60px 80px 80px 80px;
	background:#FFF url(../images/natbooks_web/pricing_benefits.png) no-repeat;
}

#pricing_benefits ul{
	list-style-image: url(../images/natbooks_web/pricing_tick_s.png);
	font-size:15px;
}
#pricing_benefits ul li{
	padding:3px 0px;
}

/*Feature*/

#feature .coltitle{
	font-family:Gill Sans, Gill Sans MT, sans-serif;
	display:block;
	font-size:28px;
	color:#2b839c;
	padding-bottom:20px;
}

#feature .content{
	font-size:15px;
	font-family:Helvetica, Arial, Sans serif;
}

#feature01{
	padding:50px 320px 50px 20px;
	background:transparent url(../images/natbooks_web/feature/01.png) no-repeat top right;
}

#feature02{
	padding:80px 20px 100px 340px;
	background:transparent url(../images/natbooks_web/feature/02.png) no-repeat top left;
}

#feature03{
	padding:70px 250px 20px 120px;
	background:transparent url(../images/natbooks_web/feature/03.png) no-repeat top right;
}

#feature04{
	padding:80px 20px 50px 360px;
	background:transparent url(../images/natbooks_web/feature/04.png) no-repeat top left;
}

#feature05{
	padding:50px 380px 80px 0px;
	background:transparent url(../images/natbooks_web/feature/05.png) no-repeat top right;
}

#feature06{
	padding:80px 0px 50px 380px;
	background:transparent url(../images/natbooks_web/feature/06.png) no-repeat top left;
}

#feature07{
	padding:50px 370px 30px 0px;
	background:transparent url(../images/natbooks_web/feature/07.png) no-repeat top right;
}

#feature08{
	padding:80px 20px 80px 340px;
	background:transparent url(../images/natbooks_web/feature/08.png) no-repeat top left;
}

#feature09{
	padding:50px 230px 30px 120px;
	background:transparent url(../images/natbooks_web/feature/09.png) no-repeat top right;
}

#feature10{
	padding:50px 120px 30px 120px;
	background:transparent url(../images/natbooks_web/feature/10.png) no-repeat top left;
}

#feature11{
	padding:40px 160px 40px 140px;
	background:transparent url(../images/natbooks_web/feature/11.png) no-repeat top right;
}

#feature12{
	padding:40px 100px 80px 200px;
	background:transparent url(../images/natbooks_web/feature/12.png) no-repeat top left;
}

/*Contact us*/

#inquiries input{
	background:#ececec;
	font-size:18px;
	padding:10px;
	border:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;	
	margin-bottom:10px;
}

#inquiries textarea{
	background:#ececec;
	font-size:18px;
	padding:10px;
	border:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;	
	margin-bottom:10px;
}

#inquiries .input300{
	width:305px;
	margin-right:10px;
}

#inquiries .inputfull{
	width:645px;
}

#inquiries button{
-o-transition-duration: .55s;
-o-transition-property: color, background-color;
-webkit-transition-duration: .55s;
-webkit-transition-property: color, background-color;
}

button, form input.button, input[type="submit"] {
			background-color:#aaa;
			border: 0;
			padding:20px 50px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			color: #fff;
			cursor: pointer;
			font: 26px Helvetica,Arial,sans-serif;
			margin: 0;
			overflow: visible; /* overflow: visible + width: auto avoids IE adding double padding */
			text-align: center;
			width: auto;
		}
		button:hover,
		button:focus,
		button:active,
		form input.button:hover,
		form input.button:focus,
		form input.button:active,
		.submit input:hover,
		.submit input:focus,
		.submit input:active,
		.button:hover,
		.button:active,
		input[type="submit"]:hover,
		input[type="submit"]:focus,
		input[type="submit"]:active {
			background: #1BABE6;
			color: #fff;
			text-decoration: none;
		}

#inquiriesbox{
	padding:0px;
	margin:0px;
	list-style:none;
}

#inquiriesbox li{
	width:180px;
	height:50px;
	padding:20px;
	float:left;
	margin-right:6px;
	color:#fff;
	font-size:26px;
	position:relative;
}

#inquiriesbox .general{background-color:#CFDB39}
#inquiriesbox .press{background-color:#20A7E0}
#inquiriesbox .partnership{background-color:#1D799F}

#inquiriesbox a{
	font-size:12px;
	color:#FFF;
	display:block;
}

.box_active{
	background-color:#333!important;
}

#inquiriesbox .star{
	position:absolute;
	top:25px;
	right:10px;
	font-size:70px;
}

/*Global*/
.divider{height:2px; 
	width:100%; 
	border-bottom:1px dashed #CCC;
	margin:0px 0px 10px 0px;
	}
	
.contentWrapper{
		width:996px;
		min-height:600px;
		margin-left:auto;
		margin-right:auto;}

.footerWrapper{
	width:100%;
	background-color:#000;
}

.footer{
	margin-left:auto;
	margin-right:auto;
	width:996px;
	min-height:130px;
	padding-top:20px;
	font-size:12px;
}

.footer .navi{
	padding-left:20px;
	color:#a0a0a0;
	float:left;
	line-height:20px;
}	

.footer .socialsharing{
	width:200px;
	float:right;
	color:#fff;
	text-align:right;
	padding-right:80px;
}

.footer .socialsharing table{
	width:100%;
	text-align:left;
	font-family:Gill Sans , Gill Sans MT, sans-serif;
}