@import url('css/boilerplate.css');
@import url('css/glyphs.css');

body{background:#EAE5E5;text-align:center;}
/*Utitlity*/
.left{float:left;}
.right{float:right;}
.pad{padding:16px;}
.padh{padding-right:16px;padding-left:16px;}
.padv{padding-top:16px;padding-bottom:16px;}
.imgborder{padding:2px; border:1px solid #CCC;}

/*Site Styles*/
.inset{width:1000px;margin:0 auto;text-align:left;} /*this is the width of page*/
.inset.pad, .inset.padh{width:968px;} /*this is also the width of the page, minus the padding defined for .pad*/
.clearfix {clear:both;}
header{padding-top:20px;background:#fff;}
header .inset{position:relative;}
#logo{display:block;margin:10px 0px;width:426px;border-radius: 2px 2px 2px 2px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
background-color: rgb(255, 255, 255);
border: 2px solid rgb(255, 255, 255);
overflow: hidden;
height: 100%;}
#logo img{box-shadow: #000000 1px 1px 1px;}
#search{position:absolute;bottom:16px;right:10px;margin:0;padding-left:21px;border-radius:10px;background:white;}
#search::before{content:"";position:absolute;left:5px;top:6px;width:16px;height:16px;background:url(/gfx/glyphicons-halflings.png) -47px 0 transparent;}
#search input{margin:0;background:none;border:1px solid #CCCCCC;;width:50px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
#search input:focus{width:210px;outline:none;}

footer{color:#FFF;}
footer .inset{position:relative;min-height:43px;}
footer nav{margin:0 0 16px;padding-right:80px;}
footer #evergreen{position:absolute;bottom:0;right:0;}

footer .call-to-action {
	clear:both;
	text-align: center;
	width:700px;
	margin:0 auto;
}
footer .call-to-action a, footer .call-to-action a:hover {
	color:white;
	text-decoration: none;
}

footer .call-to-action .address{
	float:left;
	width: 200px;
}

footer .call-to-action .email{
	float:right;
	width: 200px;
}

footer .call-to-action .phone-and-fax{
	margin:0 auto;
	width: 200px;
}

footer .call-to-action .address, footer .call-to-action .phone-and-fax, footer .call-to-action .email {
	font: normal normal normal 13px/1.2em 'Open Sans', sans-serif;
}

footer .call-to-action .address p {
	margin-top:0;
	padding-left:40px;
	text-align: left;
	background: url('../gfx/address.png') no-repeat 0 0;
}

footer .call-to-action .email p {
	margin-top:0;
	padding-left:60px;
	text-align: left;
	background: url('../gfx/email.png') no-repeat 0 0;
}

footer .call-to-action .phone-and-fax p {
	margin-top:0;
	padding-left:39px;
	text-align: left;
	background: url('../gfx/call.png') no-repeat 0 0;
}

div.inset.clearfix.padv small {
	margin-left: 10px;
}

main div.inset.clearfix {
	padding-bottom: 10px;
}

div#evergreen.padv {
	margin-right: 10px;
}

#nav{width:100%;}
#nav ul{display:table;position:relative;margin:0 auto;padding:0;padding-top:2px;list-style:none;z-index:100;}
#nav ul:after{content:"";display:block;clear:both;}
#nav li{margin:0;float:left;position:relative;border-radius: 5px 5px 0 0;margin-right:30px;}
#nav a{display:block;padding:10px 10px;font-size:17px;font-weight:normal;text-align:center;text-decoration:none;color:white;}
#nav li.active>a, #nav li.has-active>a{color:#05476d;}
#nav.darkGradient li.active, #nav.darkGradient li:hover, li.has-active{
	background:#EAE5E5;
}
#nav li:hover>a{color:#05476d;}
#nav li>a:hover{color:#05476d;}
/* First drop down (2nd level of menu) and subsequent drop downs/levels */
#nav li ul{display:none;position:absolute;left:0;margin:0;width:276px;background: #05476d;padding-top:0px;}
#nav li:hover>ul{display:block;}
#nav li li{display:block;float:none;width:100%;border-radius: 0;}
#nav li li a{padding:10px 0 10px 11px;font-size:15px;line-height:1;text-align:left;background:none;color:#ffffff;}
#nav li li.active>a{color:#05476d;}
#nav li li:hover>a, #nav li li.active>a{background: #fff;color: #05476d;}
/* Second drop down (3nd level of menu) and subsequent drop downs/levels */
#nav li li ul{left:276px;top:0;padding:0;}

.darkGradient{
	background:#05476d;/* NOTE - no need to change the gradients, just this colour */
	background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 33%, rgba(142,142,142,0.4) 84%);
	background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.1) 33%, rgba(142,142,142,0.4) 84%);
	background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.1) 33%, rgba(142,142,142,0.4) 84%);
	background-image:linear-gradient(to top, rgba(0,0,0,0.1) 33%, rgba(142,142,142,0.4) 84%);
}

.dark{
	background:#000;/* NOTE - no need to change the gradients, just this colour */
}

#header .social {
	position: absolute;
	top: 8px;
	right: 10px;
}

#header .social img {
	display: inline-block;
	width:26px;
	height:26px;
}

#header .social a {
	display: inline;
	padding: 0;
}

#header .social-link{
	text-decoration: none;
}

main {
	background-color: #DEDBDB;
}

h1, h2, h3, h4, h5 ,h6 {
	color: #005f7d;
}

main .content {
	margin: 10px;
}

.accreditation {
	display: table;
	list-style: none;
	margin: 0 auto;
	text-align: center;
	padding: 5px 0px;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
	background-color: #DEDBDB;
	border: 2px solid #DEDBDB;
	border-spacing: 10px;
	border-collapse: collapse;
}

.accreditation li {
	float: left;
	padding: 5px 10px;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(255, 255, 255);
	margin: 5px;
}

.accreditation li div {
	display: table-cell;
	height: 71px;
	text-align: center;
	vertical-align: middle;
}

.accreditation li div img {
	vertical-align: middle;
	margin: auto;
	text-align: center;
}

/*main ul {
	float: left;
	clear: both;
}*/

main a {
	color: #05476d;
}

#bottom ul{padding:0;margin:0;list-style-type:none;}
#bottom li{display:inline-block;}
#bottom li a{padding:10px;color:#FFF;text-decoration:none;font-size:11px;}
#bottom li a:hover{text-decoration:underline;}

/*Contact page**/
#contact_form{display:block;float:left;margin:0px;padding:0px;width:500px;min-height:300px;}
#contact_details{float:right;margin:0px;margin-left:20px;padding-top:20px;width:425px;}

.page-controls{color:#05476d;padding:8px;margin:0 auto;display:block;text-align:center;}
.page-controls a {color:#05476d;}
.page-controls .back, .page-controls .forward{display:inline-block;width:50px;}
.page-controls .back{text-align:left;}
.page-controls .forward{text-align:right;}
.page-controls .pages{display:inline-block;padding:0 8px;width:400px;text-align:center;}
.page-controls .pagination-btn{display:inline-block;padding:0 4px;font-weight:bold;}
.page-controls .pagination-btn:hover{text-decoration:none;}
.page-controls .pagination-btn.btn-info{background-color:#05476d;color:#fff;cursor:default;}
.page-controls .pagination-btn.disabled{display:none;}

.results{}
.sitemap{-webkit-columns:3;-moz-columns:3;columns:3;}
.sitemap ul{margin:0;padding:0;list-style:none;}
.sitemap li{margin:0;padding:0;list-style:none;}
.sitemap a{display:block;padding:4px;}
.sitemap ul ul{margin-left:20px;}

.result {border-bottom:1px solid #CCC; padding-bottom:20px;}
.result a {color:#666666;text-decoration:underline; }
.result a:hover {color:black; text-decoration:none; }
.result h2 { font-weight:normal;}


#googlemap { 
	width: 330px;
	height: 360px;
}

.nws {
	float:none;
	margin: 0;
	padding: 0;
}

.archive_results h2, .search_results h2 {
	font-family: Calibri, 'Open Sans Condensed', sans-serif;
	font-weight: bold;
}

ul.archive_results, ul.search_holder {
	list-style-type: none;
}

.archive_results li, .search_holder li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #05476d 1px solid;
}

.archive_results li h2, .search_holder li h2 {
	padding: 0;
	color: #05476d;
	font-family: Calibri, 'Open Sans Condensed', sans-serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 28px;
	/*background: url('gfx/h2.png') no-repeat 0 4px;
	padding-left: 27px;*/
	padding-bottom: 5px;
}

.archive_results li h2 a, .search_holder li h2 a {
	text-decoration: none;
	display: block;
}

.archive_results li, .search_holder li {
	padding-bottom: 20px;
}

.archive_results li h2, .search_holder li h2 {
	position: relative;
	font-weight: bold;
}

.archive_results li h2 span, .search_holder li h2 span {
	position: absolute;
	top:0;
	right: 0;
	font-weight: normal;
}

.archive_results li p, .search_holder li p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

.archive_results li a.more_news, .search_holder li a.goto_page {
	display: block;
	font-size: 14px;
	color: #05476d;
	font-weight: bold;
	text-decoration: none;
}

a.back_to_news {
	color: #05476d;
}

.archive_results li a.more_news:hover, .archive_results li a.more_news:hover, .search_results li a.more_news:hover, .search_holder li a.goto_page:hover {
	/*color: #525c2f;*/
}

.thumbnail {
	background: #fff;
	margin: 5px 10px;
	text-align: center;
	padding: 5px 0px;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(255, 255, 255);
}

.thumbnail a {
	text-decoration: none;
	display: block;
}

#about .thumbnail, #new-construction .thumbnail, #articles .thumbnail {
	float: left;
	width: 302px;
	height: 300px;
}

#about .thumbnail img, #articles .thumbnail img {
	max-width: 283px;
	max-height: 213px;
}

#about .imagewrap, #articles .imagewrap {
	height: 213px;
}

#articles {
	margin: 0 auto;
	width: 652px
}

#engitect .thumbnail, #previous .thumbnail, #projects .thumbnail {
	float: left;
	width: 221px;
	height: 245px;
}

#engitect .thumbnail img, #previous .thumbnail img, #projects .thumbnail img {
	max-width: 210px;
	max-height: 158px;
}

#engitect .imagewrap, #previous .imagewrap, #projects .imagewrap {
	height: 158px;
}

#services .thumbnail {
	float: left;
	width: 172px;
	height: 200px;
}

#services .thumbnail img {
	max-width: 150px;
	max-height: 113px;
}

#services .imagewrap {
	height: 113px;
}

#new-construction .thumbnail img {
	max-width: 150px;
	max-height: 113px;
}

#new-construction .imagewrap {
	height: 113px;
}

#maincontent {
	background: #EAE5E5;
}