@charset "utf-8";

/* General styling *******************************************/
html {height:100%;}
body {color:#686868; font-family: 'Open Sans', sans-serif; font-size:14px; height:100%; margin:0; padding:0; background-color:#ffffff;}

:focus { -moz-outline-style: none;}
img:focus { -moz-outline-style: none;}

a {text-decoration:none; color:#2a2a2a;}
a:hover {text-decoration:underline;}
a:focus, a:hover, a:active { outline:none;}

a:hover {-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;}
a:hover img {-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;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* This makes all elements stay a certain width and height even when you set it to have padding */

.font-lora{font-family: 'Lora', serif;}

h1 {margin: 0 0 15px; font-weight:300; font-size:2.571em; line-height:1.3;}
h2 {margin: 0 0 15px;}
h3 {margin: 0 0 15px;}
h4 {margin: 0 0 15px;}
h5 {margin: 0 0 15px;}
h6 {margin: 0 0 15px;}

p {margin: 0 0 5px; line-height:1.5;}
strong {font-weight:700;}
em {font-style:italic;}
.underline{ text-decoration:underline;}
table {width:100%; border:none; border-collapse:collapse;}
	table th {padding:5px; border:0px solid #ddd; background: #F54700;
    color: #fff;}
	table td table td {padding:5px; border:1px solid #ddd; vertical-align: middle;}
.styled-table-sm th, .styled-table-sm td{ padding: 15px; }
hr { background-color: #ECECEC; border: none; color: #ddd; height: 1px; float: left; width: 100%; margin: 80px 0px;}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

.white-text{color:#fff;}

.clearfix:before, .clearfix:after{ content: ""; display: table; }
.clearfix:after{ clear: both; }
.clearfix{ zoom: 1; }
.invisible{position : absolute; top : -1000px; width:1px; height:1px; overflow:hidden;}

.rounded {border:1px solid #eee; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px;}


/* Blog Styles **********************************************/

.alignleft {float:left;}
.alignright {float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.container {width: 100%; float:left;}
.wrapper {width: 980px; display:block; margin: auto;}
.wrapper-inner {width: 960px; margin: auto;} 

.top-10{margin-top:10px;}
.top-50{margin-top:50px;}
.right-50{margin-right:50px;}

.curved{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.gap{padding:90px 0px;}


/* Structure Styles *****************************************/

.blue-btn{display:inline-block; text-transform:uppercase; font-weight:600; font-size:1.143em; color:#fff!important; padding:20px 40px; background-color:#1b9dda;}
	.blue-btn:hover{text-decoration:none; background-color:#006eb8;}
	
	header a.alignleft{margin-top:10px;}

header{ padding: 20px; }
	header nav ul{float: right; margin-top:15px;}
		header nav li{display: inline-block; padding-bottom:10px;}
			header nav li a{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display: inline-block; padding:10px; border:2px solid #ffffff;}
				header nav li:hover a, header nav li a.active{text-decoration: none; color: #239FD8; border-color:#239FD8;}
			header nav li a.contact{color: #fff; background-color:#1b9dda; border:none; padding: 12px 30px;}
				header nav li a.contact:hover, header nav li a.contact.active{border:none; background-color:#006eb8;}
	header nav ul li ul	{display:none; 		position: absolute;
		background: #fff;
		border-radius: 4px;
		border: 2px solid #E6E6E6;
		top:60px;}
	header nav ul li:hover ul {
		display:block;
	}
	
		header nav ul li ul li {display:block; padding-bottom:0px;}
		
			header nav ul li ul li a, header nav ul li:hover ul li a {
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 0px;
				display: inline-block;
				width: 100%;
				color:#2a2a2a;
				padding: 12px 18px;
				border: 0px solid #fcfcfc;
				border-bottom: 1px solid #E6E6E6;
			}		
			
			header nav ul li:hover ul li a:hover{text-decoration: none; background:#F5F5F5; color: #239FD8; border-color:#E6E6E6;}
				
#main-banner{height:715px; padding: 55px 20px; background:url(images/banners/home-banner.jpg) no-repeat center; background-size:cover;}
	#main-banner .alignright{width:500px;}
	#main-banner h1{font-size:3.143em; color: #fff; margin-bottom:35px;}
	#main-banner h2 {
		color: #fff;
		font-size: 1.429em;
		margin-bottom: 25px;
		font-weight: 600;
	}
	#main-banner p{color:#fff; font-size:1.071em;}
	
#inner-banner{height:175px; background:url(images/banners/inner-banner.jpg) no-repeat center; background-size:cover;}	
#content a{color:#1b9dda;}
#content h1{font-size:3.143em; text-transform:uppercase; color:#080945;}
	#content h1:after{content:""; display:block; margin: 20px 0; height:4px; width:50px; background:#1b9dda;}
	#content .team h1:after{margin: 20px auto;}
	#content ul, #content ol{margin:10px 0px 0px 30px;}
		#content ul li, #content ol li{list-style: disc; padding: 5px 15px; line-height:1.5;}
		#content ol li{list-style:decimal;}
	
		.box a.curved{font-weight:700; color:#0472ba!important; border: 2px solid rgba(255, 255, 255, 0); padding: 8px 20px;}
			.box a.curved:hover{text-decoration:none; border: 2px solid #0472ba;}
				
#services-block{padding:125px 0px; background:url(images/structure/services-bkg.jpg) no-repeat; background-size:cover; text-align:center;}
	#services-block .box{float:left; width:225px; margin:0px 10px;}
		#services-block .box h2{text-transform:uppercase; color:#2a2a2a; font-weight:600; margin-top:40px; font-size:1.071em;}
		#services-block .box p{height:120px;}
			
		#content .row .box{display:inline-block; margin: 40px 5px; width:300px;}	
			#content h2{font-size:1.429em; margin-top:15px; margin-bottom:5px; color:#080a45; font-weight:700;}	
			#content h3{font-size:1.429em; margin-top:15px; margin-bottom:5px; color:#1b9dda; font-weight:600;}	
				#content .row .box p{font-size:1.071em; color:#080a45; font-weight:600; text-transform:uppercase; margin-bottom:30px;}
				#content .row .box p.member{font-size:1em; font-weight:400; text-transform:none; margin-bottom:0px;}

#professional-staff{}	
			
#contact-cta{background:#233b7a url(images/structure/building.jpg) no-repeat bottom right; padding:80px 0px;}
	#contact-cta .blue-btn{padding:20px 120px;}
	
footer{padding:50px 0px 40px; background-color:#0c0a46;}
	footer ul{display:inlin-block; margin-top:10px;}
		footer ul li{display:inline;}
			footer ul li a{display:inherit; margin-left:10px; color:#fff;}
	footer p{color:#65657f; margin-top:10px;}
		footer .iwdlink {color:#65657f; text-decoration:underline;}
		footer .iwdlink:hover {color:#fff;}
		
#contact-text{text-transform:uppercase;}
#contact-text h2{font-size:28px; margin-bottom:0;}
#contact-text h6{font-weight:300; font-size:12px; color:#2a2a2a; margin-bottom:0;}
#contact-text h5{font-weight:600; font-size:13px; color:#1b9dda;}
	
@media only screen and (max-width:1125px) {
	header a img{width:325px;}
	header nav ul{margin-top:10px;}
}