@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: 12px;
	background-position:center top;
	background: url(http://blog-resources.s3.amazonaws.com/images/natbooks_web/bg_natbooks_cloud.jpg) no-repeat #fff center top;
	-webkit-text-size-adjust:none;
}

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:0px 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;
	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;
}

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


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

#mbpGraphic{
	width:530px;
	padding-right:15px;
	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;
}

.indexSecContainer .secImg{
	float:left;
	height:110px;
	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:16px;
}



.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(http://blog-resources.s3.amazonaws.com/images/natbooks_web/bg_inner_container.png);
}

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

/*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:justify;
	line-height:18px;

}

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

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



/*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;
}

.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;
}