/*---------------------------
CSS Reset & Body
-----------------------------*/
* { margin:0;padding:0;border:0px none;}
ul, ol, li { list-style-type:none; }
a { text-decoration:none; color:#2899e2; outline:none;}
a:hover {text-decoration:underline;}
body {font:400 13px "Open Sans", Arial, Helvetica, sans-serif; background:#fff; color:#666;} 


/*---------------------------
Wrapper
-----------------------------*/
.wrapper {width:91%; max-width:1400px; min-width:380px; margin:0 auto;}


/*---------------------------
Header, Logo & Navigation
-----------------------------*/
header { width:100%; float:left; clear:both; background:#112430;}
	.logo {float:left; padding:33px 0 0 0;}		
	header p {float:left; padding:49px 10px 0 25px; color:#6fb5e2; font-size:12px;}
nav {float:right; height:100px; } 
	nav a { float:left; height:100px; padding:0 25px; margin-left:5px; background:#112430; color:white; font-size:16px; line-height:95px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} 
	nav a:hover {background:#293a45; text-decoration:none; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
  	nav a.current { background:#293a45; color:white;} 


/*---------------------------
Home page banner
-----------------------------*/
.banner {background:#eee; padding:50px 0; clear:both; width:100%; float:left;}
	.banner img {float:left; margin:0 25px 0 0; opacity:0.1;}
	.banner h1 {max-width:950px;}


/*---------------------------
Main Content Area
-----------------------------*/
.content {width:100%; float:left; clear:both; padding:30px 0;}
	.leftColumn {float:left; width:63%; padding-right:3%;}
	.rightColumn {float:left; width:30%; padding-left:3%; border-left:1px solid #ddd;}
	

/*---------------------------
Font Styles 
-----------------------------*/
h1 {color:#112430; font:400 30px/300% "Merriweather", Georgia, Times, serif;}
	h1 em {color:#2899e2; font-weight:700;}
h2 {color:#112430; font:400 21px/150% "Merriweather", Georgia, Times, serif; margin:0 0 30px;}
h3 {color:#112430; font:700 14px/125% "Open Sans", Arial, Helvetica, sans-serif; margin:0 0 10px;}
h4 {color:#112430; font:400 18px/155% "Merriweather", Georgia, Times, serif; margin:0 0 20px;}
h6 {color:white; font:400 22px/150% "Merriweather", Georgia, Times, serif; float:left;}
.leftColumn p {margin-bottom:20px; line-height:150%;}
em {font-style:normal;font-weight:bold;} 


/*---------------------------
Icons & features
-----------------------------*/
.leftColumn dl {float:left; width:100%;}
	.leftColumn dl dt {float:left; width:60px; clear:left; margin:0 0 20px;}
	.leftColumn dl dd {float:left; width:88%; min-width:250px; max-width:800px; margin:0 0 20px; }
	.leftColumn dl dd h3 {margin:0 0 3px;}
	.leftColumn dl dd p {margin:0;}


/*---------------------------
Contact details
-----------------------------*/
.rightColumn dl {float:left; width:100%; margin-bottom:30px;}
	.rightColumn dl dt {float:left; width:25%; min-width:65px; clear:left; margin:0 0 3px; font-weight:700;}
	.rightColumn dl dd {float:left; width:75%; min-width:150px; margin:0 0 3px; }
	.rightColumn dl .address {margin-bottom:20px;}


/*---------------------------
Form
-----------------------------*/
form {text-align:left;}  
form span {color:#2899e2; padding-left:5px}
input, select, textarea {padding:6px; color:black; outline:none; width:88%; font:400 13px "Open Sans", Arial, Helvetica, sans-serif; margin:6px 0; background:#f1f1f1; border:1px solid #aaa; -webkit-box-shadow:inset 1px 1px 2px 0px #cccccc; -moz-box-shadow:inset 1px 1px 2px 0px #cccccc; box-shadow:inset 1px 1px 2px 0px #cccccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
input:focus, select:focus, textarea:focus {border:1px solid #2899e2; background:#e4eff6; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
label.error {margin:0; padding:5px 6px; width:88%; line-height:120%; background:#2899e2; border:1px solid #2899e2; color:white; display:block; font-weight:normal; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.placeholder {color:#666;} ::-webkit-input-placeholder {color:#666;} :-moz-placeholder {color:#666;}
input.btn { width:auto; float:left; padding:4px 12px; border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; cursor:pointer;}
input.btn:hover {cursor:pointer; filter:none; }
	


/*---------------------------
5.	Button
-----------------------------*/
p.btn {float:left; display:block; margin:0 0 25px;}
p.btn a, input.btn { float:left; padding:5px 10px; color:white; text-decoration:none; font-weight:700; line-height:14px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#7ec2ee; background:-moz-linear-gradient(top,  #7ec2ee 0%, #2aa1dc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ec2ee), color-stop(100%,#2aa1dc)); background:-webkit-linear-gradient(top,  #7ec2ee 0%,#2aa1dc 100%); background:-o-linear-gradient(top,  #7ec2ee 0%,#2aa1dc 100%); background:-ms-linear-gradient(top,  #7ec2ee 0%,#2aa1dc 100%); background:linear-gradient(top,  #7ec2ee 0%,#2aa1dc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec2ee', endColorstr='#2aa1dc',GradientType=0 );}
p.btn a:hover, input.btn:hover {background:#293a45;	} 


/*---------------------------
Partner Logos
-----------------------------*/
.partners {background:#eee; padding:40px 0; clear:both; float:left; width:100%;}
	.partners h2 {float:left; width:25%; margin:0; font-size:17px;}
	.partners .logos {float:left; width:70%; margin:0;}
	

/*---------------------------
Photo (about page)
-----------------------------*/
.photo {float:right; width:250px; margin:0 10px 30px 30px;}
	.photo img {padding:5px; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5); }	
	.photo p {display:block; text-align:center; margin:0; padding:5px 0 0; color:#112430; font:700 14px/200% "Merriweather", Georgia, Times, serif;}


/*---------------------------
Footer 
-----------------------------*/
footer { width:100%; float:left; clear:both; background:#112430; padding:30px 0;}
footer h6 {float:left;}
footer p {text-align:right; font:400 12px "Open Sans", Arial, Helvetica, sans-serif; color:#a0a7ac;}
footer a {color:#a0a7ac; padding:0 1px;}
footer p.npit {color:#58656e; padding-top:15px; font-size:10px;}
footer p.npit a{color:#58656e;}