/*
 * Cascading style sheet for <client> custom styles
 * Copyright 2012, Four thirds
 * Created by: Carl kelly
 
 */
 
html {margin:0px!important;padding:0!important;}

body {margin:0px!important;padding:0!important;color:#687d94;font-size:14px;font-family: 'Open Sans', sans-serif;font-weight: 300;}

.container {margin:0px auto;width:960px;}



/*HEADER*/

.contact-slide-wrapper {
	background:#04274c ;
	position: relative;
	height: auto;
	width: 100%;
	color: #fff;
	z-index: 100;
	padding: 40px 0 40px 0;
	width: 100%;
	display: none;
}

#contact-tab {
	float:right;
}

#header{
	width:100%;
	position:relative;
	z-index:999;
	background-color:#fff;
	margin-bottom: 25px;
}

#ie8 #header,#ie7 #header {
	float:left;
}

#header #logo {
	margin:40px 0 0 0;
	float:left;
}

#header .tel {
	float:right;
	clear:right;
	margin: 45px 0 0 0;
}
#header .tel p {
	padding:0;
}


/*NAVIGATION */


#navigation{ 
	width:100%; 
	z-index:999;
	background:#04274c;
	position:relative;
	margin-bottom: 5px;
}

#navigation ul {
	height:auto;
	 padding:0;
	 background:none;
}

#navigation li {
	background:none;
}

#navigation li a {
	padding:15px 38px;
	color:#fff;
	font-size:13px;
	font-weight:100;
}

#navigation ul ul {
	top:43px;
	width:115%;
	border-radius:0;
	background: #04274c;
}

#navigation ul li ul li.sfHover ul {
	left:220px;
	top:0px; 
	z-index:99;
	box-shadow:0;
}

#navigation ul ul li a {
	padding:15px 38px;
}

#navigation ul ul li a:hover {
	background:#afc4d9;
}

#navigation li a:hover,#navigation li.sfHover a {
	background:#afc4d9;
	color:#fff;
	text-decoration:none;
}

#navigation li.sfHover ul li a {
	background: #fff;
	color: #04274c;
}

#navigation li.sfHover ul li a:hover {
	background: #afc4d9;
	color: #fff;
}

#navigation li.current_page_item a {
	background:#afc4d9;
}

#navigation li.current_page_item ul li a {
	background:none;
}

#navigation li .children {
	display:none;
}



/* BANNER */

#home-banner {
	position: relative;
	height: 445px;
	overflow: hidden;
}


#home-banner #scroller {
    overflow:hidden;
    position:relative;
    width:100%;
    height:447px;
}

#home-banner #scroller .next {
	background: url(/media/right.gif) no-repeat;
	width:77px;
	height: 77px;
	display: block;
	position: absolute;
	z-index: 999;
	right: 16.5%;
	top:30%;
}

#home-banner #scroller .prev {
	background: url(/media/left.gif) no-repeat;
	width:77px;
	height: 77px;
	display: block;
	position: absolute;
	z-index: 999;
	left: 16.5%;
	top:30%;
}

#home-banner #scroller-container {
    height:480px;
    position:absolute;
    top:0px;
    left:0px;
    width:100000px;
}

#home-banner .dpui-ws-item {
    position:absolute;
}

#home-banner .dpui-ws-active .overlay {
    display: none;    
}

#home-banner #scroller-container .dpui-ws-active img {
	-webkit-filter: none;
}


#home-banner .dpui-ws-item .overlay {
	opacity: 0.9;
	background: #04274c;
	width: 960px;
	height: 447px;
	position: absolute;
	z-index: 100;
	top: 0;

}

#home-banner .dpui-ws-item img {
	position: relative;
	z-index: 10;
	-webkit-filter: blur(6px);
}

#locator {
    width:960px;
    margin:0 auto 0 auto;
    height: 0px;
    visibility:hidden;
    padding:0;
}

#banner {
	width:100%;
	height: 223px;
	background: #04274c;
	margin-bottom: 5px;
	color:#fff; 
	font-size: 31px;
	font-weight: 700;
}

#banner .text {
	float: left;
	margin: 75px 0px 75px 0;
	width: 480px;
}


#banner p {
	padding:7px; 
	display: block;
	float: left;
	line-height: 1;
	text-transform: uppercase;
}

#banner p:nth-of-type(2) {
	padding-top: 0;
}

#banner .img {
	float:left;
	overflow: hidden;
	position: relative;
	background: #fff;
	padding-left:5px;
	margin-left: 15px;
}


/*MAINCONTENT*/


#main {padding:0;position:relative;z-index:100;}

#primary {width:100%;background:#fff;padding:40px 0 0 0;position:relative;}

#content {width:100%;padding-bottom:40px;}


/* HOME */

.home #primary {border:none!important;}

.home .pound {
	width: 250px;
}

.home .text {
	width:190px;
}

.home .text .fancy {
	font-size: 37px;
	color:#afc4d9;
	font-weight: 700;
	line-height: 0.7;
	margin-top: 15px;
}

.home .text .fancy span {
	font-size: 30px;
	font-weight: 100;
	line-height: 1.6;
	padding-left:20px;
}

.ctas {
	border-top: 1px solid #dde3f1;
	margin:40px 0 0 0;
	padding: 60px 0 0 0;
}

.cta {
	position: relative;
	float: left;
	width: 225px;
	height: 216px;
	padding-bottom: 55px;
	overflow: hidden;
	margin-right: 20px;
}

.cta.last {
	margin:0;
}

.cta img {
	display: block;
}

.cta .overlay {
	position: absolute;
	bottom:-216px;
	height: 100%;
	background:url(/media/cta-blue-bg.png) repeat;
	color:#fff;
	text-align: center;
}

.cta .description {
	padding:60px 20px;
	display: block;
	float: left;
}

.cta .description p {
	padding: 0;
}

.cta .title {
	background: #e6e7e8;
	color:#27305e;
	text-align: center;
	border-top: 11px solid #26517f;
	font-size: 16px;
	position: relative;
	z-index: 999;
}

.cta .link {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	display: block;
	z-index: 9245;
}

.who .overlay {
	background:#26517f;
}

.who .title {
	border-top: 11px solid #26517f;
}


.work .overlay {
	background:#ff8a00;
}

.work .title {
	border-top: 11px solid #ff8a00;
}


.what .overlay {
	background:#7b40b3;
}

.what .title {
	border-top: 11px solid #7b40b3;
}


.portfolio .overlay {
	background:#00aeef;
}

.portfolio .title {
	border-top: 11px solid #00aeef;
}


/* SUB PAGE */

.sidebar h2 {
	font-size: 18px;
	font-weight: 400;
	padding:10px 0 20px 0;
}

.sidebar .widget {
	margin-bottom: 20px;
	float: left;
	clear: both;
}

.sidebar .widget_text {
	background: #eff3f7;
	padding: 20px;
	font-size: 14px;
	color: #627990;
}

.sidebar .widget .fancy {
	font-size: 29px;
	color:#afc4d9;
	font-weight: 700;
	line-height: 0.7;
	margin-top: 0px;
	padding-top: 0;
}

.sidebar .widget .fancy span {
	font-size: 24px;
	font-weight: 100;
	line-height: 1.6;
	padding-left:20px;
}

.sidebar .widget .contact-widget p img {
	padding-right:20px;
	vertical-align: -10px;
}

.sidebar .widget .contact-widget p.address img {
	float:left;
}

.sidebar .widget .contact-widget p.address span {
	float: left;
	width:165px;
}

.sidebar ul {
	padding:0;
	list-style-type: none;
}

.sidebar ul li {
	padding: 0;
	margin:0 0 2px 0;
	float: left;
}

.sidebar ul li a {
 	color: #FFFFFF;
    float: left;
    padding: 15px 40px 15px 20px;
    width: 160px;
}

.sidebar ul li.menu-item-63 a {
	background-color: #26517f;
}

.sidebar ul li.menu-item-62 a {
	background-color: #ff8a00;
}

.sidebar ul li.menu-item-61 a {
	background-color: #7b40b3;
}

.sidebar ul li.menu-item-64 a {
	background-color: #00aeef;
}

.sidebar ul li.current_page_item a {
background-image:url(/media/sub-arrow.png); 
background-position: 180px center;
background-repeat: no-repeat;
}

#content .spotlight {
	float:left;
	width:660px;
	padding:20px;
	color:#637690;
	margin: 20px 0 0 0;
}

#content .spotlight p {
	float: left;
	width:423px;
	padding:0 20px 0 0;
}

#content .spotlight div {
	float:right;
	width:217px;
}

#content .spotlight div .button {
	margin-left:20px;
	padding: 10px 39px;
}

/* default sub page template */


.page #banner p,.blog #banner p,.single-post #banner p,.archive #banner p {
	background: #fff;
	color:#04274c;
}

.page #primary,.blog #primary,.single-post #primary,.archive #primary  {
	border-top: 10px solid #afc4d9;
}

#content .spotlight {
	background: #eff3f7;
}

/* blue sub page template */

.page-template-template-blue-php #banner p {
	background: #26517f;
	color:#fff;
}

.page-template-template-blue-php #primary {
	border-top: 10px solid #26517f;
}

.page-template-template-blue-php #content .spotlight {
	background: #dfe5ec;
}

.page-template-template-blue-php #content .spotlight .button {
	background: #26517f;
	color: #fff;
}

.page-template-template-blue-php #content .spotlight .button:hover {
background: #2a425d;
}

/* orange sub page template */


.page-template-template-orange-php #banner p {
	background: #ff8a00;
	color:#fff;

}

.page-template-template-orange-php #primary {
	border-top: 10px solid #ff8a00;
}


.page-template-template-orange-php #content .spotlight {
	background: #ffeed9;
}

.page-template-template-orange-php #content .spotlight .button {
	background: #ff8a00;
	color: #fff;
}

.page-template-template-orange-php #content .spotlight .button:hover {
background: #ff6c00;
}


/* purple sub page template */

.page-template-template-purple-php #banner p {
	background: #7b40b3;
	color:#fff;
}

.page-template-template-purple-php #primary {
	border-top: 10px solid #7b40b3;
}

.page-template-template-purple-php #content .spotlight {
	background: #f2ecf7;
}

.page-template-template-purple-php #content .spotlight .button {
	background: #7b40b3;
	color: #fff;
}

.page-template-template-purple-php #content .spotlight .button:hover {
background: #3a0c66;
}


/* light blue page template */

.page-template-template-light-blue-php #banner p,.page-template-template-portfolio-php #banner p {
	background: #00aeef;
	color:#fff;
}

.page-template-template-light-blue-php #primary,.page-template-template-portfolio-php #primary {
	border-top: 10px solid #00aeef;
}

.page-template-template-light-blue-php #content .spotlight,.page-template-template-portfolio-php #content .spotlight {
	background: #d9f3fd;

}

.page-template-template-light-blue-php #content .spotlight .button,.page-template-template-portfolio-php #content .spotlight .button {
	background: #00aeef;
	color: #fff;
}

.page-template-template-light-blue-php #content .spotlight .button:hover,.page-template-template-portfolio-php #content .spotlight .button:hover {
background: #0498cf;
}


/* PORTFOLIO */

.portfolio-container {
	margin: 10px 0 0 0;
	float: left;
}

.portfolio-container .portfolio {
	float:left;
	width: 700px;
	clear: both;
	padding-bottom:20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dde3f1;
}

.portfolio-container .portfolio .img {
	float: left;
	width: 215px;
	margin-right:20px;
}

.portfolio-container .portfolio .text {
	float: left;
	width: 465px;
}

.portfolio-container .portfolio .text h2 {
	font-size: 18px;
	font-weight: 700;
}

.pager {
	border-bottom: 1px solid #DDE3F1;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 20px;
    width: 700px;
}


/* meet the team */

.team .item {
	float: left;
	width: 700px;
	border-bottom: 1px solid #dde3f1;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.team .img {
	float: left;
	max-width: 210px;
	width: 210px;
	margin-right: 40px;
}

.team .text {
	float: left;
	width: 450px;
}

.team .text .name {
	font-size: 18px;
	color: #27305e;
	padding: 0;
	font-weight: 700;
}

.team .text .qualification {
	font-size: 14px;
	color: #7c8ea2;
	padding-top:0; 
}

.team .text .position {
	color: #27305e;
	font-size: 16px;
	font-weight: 700;
}

.team .text .telephone {
	color: #27305e;
	font-size: 16px;
	padding-bottom: 0;
}

.team .text .email img,.team .text .telephone img {
	vertical-align: -8px;
	margin-right:15px;
}

.team .text .email {
	color: #27305e;
	font-size: 16px;
}

.team .specialities h2 {
	font-size: 18px;
}

/* BLOG */

.post {
	float:left;
	width: 700px;
	clear: both;
	padding-bottom:20px;
	margin-bottom: 20px;
	margin-top:10px;
	border-bottom: 1px solid #dde3f1;
}

.post .img {
	float: left;
	width: 215px;
	margin-right:20px;
}

.post .text {
	float: left;
	width: 465px;
}

.post .text h2 a,.post .text h2 {
	font-size: 18px;
	font-weight: 700;
}

.post .text .button-wrap {
	padding-top: 44px;
	padding-bottom: 0;
}

.blog .sidebar a,.single-post .sidebar a,.archive .sidebar a {
	color: #627990;
}

.sidebar .widget_archive,.sidebar .widget_categories {
	background: #eff3f7;
	padding: 20px;
	font-size: 14px;
	color: #627990;
	width:180px;
}

.sidebar .widget_archive h3,.sidebar .widget_categories h3 {
	font-size: 29px;
	color: #afc4d9;
	font-weight: 700;
	line-height: 0.7;
	margin-top: 0px;
	padding-top: 0;
}

.assistive-text {display:none;}



/* CONTACT PAGE */

.sidebar #text-7 {
	background: none;
	padding: 0;
	margin-top: 80px;
}


/*FOOTER*/


#footer {
	float:left;
	margin:0;
	width:100%;
	color:#fff;
	background:url(/media/footer-top.gif) top repeat-x #04274c;
	padding: 9px 0 0 0;
}

#footer .container {
	padding:65px 0;
	position:relative;
}

#footer a {
	color: #fff;
}

#footer .widget-area {
	float:left;
	width: 280px;
	margin-right: 60px;
}

#footer .widget-area .button:hover {
	background: #fff;
	color: #04274c;
}

#footer .widget-area.last {
	margin-right:0;
}

#footer .widget-area h3 {
	color:#fff;
	border-bottom: 3px solid #afc4d9;
	padding:0 0 15px 0;
	margin-bottom: 20px;
}

#footer .widget-area p {
	padding:0;
}

#footer .widget-area .button {
	margin-top: 20px;
}

#footer .widget-area .social {
	margin-top: 65px;
}

#footer .widget-area .social img {
	margin-right: 20px;
}

#footer .widget-area.posts .post_item {
	padding:10px 10px 10px 28px;
	background: url(/media/speach.gif) left no-repeat #1e3d5e;
	margin-bottom: 20px;
	height: 60px;
	margin-left:-18px;
}


#footer .widget-area.posts .post_item .date {
	font-size: 12px;
}

#footer .widget-area.posts .post_item a {
	color:#fff;
}

#footer .widget-area.posts .post_item a:hover {
	text-decoration: none;
}




/* TYPEOGRAPHY */

p.nopad {padding:0!important; margin:0!important;}
p.nopadbottom {padding-bottom:0!important;}
p.nopadtop {padding-top:0!important;}
p {padding:10px 10px 10px 10px;margin:0;}
p strong {color:#27305e; font-weight: 700;}

ul {padding:0 25px 10px 25px}
li {margin-left: 15px;padding: 5px 0;}

a.link {font-weight:100;color:#de1417;}
a {color:#0055A4;}
a:hover {text-decoration:underline;}


.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2,.singular .entry-title {
	color:#27305e;
	line-height:1;
}

h1,h2,h3,h1 a,h2 a,h3 a {
	color:#27305e;
	font-weight:200;
	line-height:1;
	padding:10px 0;
}

h1.title {
	border-bottom: 1px solid #dde3f1;
	padding:0 0 20px 0;
	margin: 0 0 30px 0;
}

h1 {
	font-size:26px;
	font-weight: 700;
	color:#27305e;
}

hr {
	margin:10px 0;
	padding:0;
	height: 1px;
	border-bottom:1px solid #dde3f1;
}


/* TABLE */

table tr:first-child {background:#A6CAE3; }
table tr:nth-of-type(2n) {background:#fff;}

table tr td,table tr th {border:1px solid #999;padding:0 5px;margin: 5px 0}


/*FORMS */

.form {
	margin:30px 0 0 0;
	border-top: 1px solid #DDE3F1;
    padding:30px 0 0 0;

}


.form ul {
	padding:0;
	margin:0;
	list-style-type: none;
	float: left;
	clear: both;
	width: 700px;
}

.form ul li {
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
}

.form ul.one li {
	width:100%;
}

.form ul.two li {
	width:340px;
	float:left;
}

.form ul.two li:first-child {
	margin-right: 20px;
}

.form ul.two li input {
	width:318px;
}

.form ul.one li input,.form ul.one li textarea  {
	width:678px;
}

.form li input,.form li textarea,.form li select {
	border:1px solid #bdcdd0;
	padding:10px 10px;
	margin-top: 5px;
	border-top:2px solid #94aaae;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.form li input:focus,.form li textarea:focus{
	outline: none;
	border: 1px solid #3ab2e9;
	border-top: 2px solid #3ab2e9;
	box-shadow: 0px 0px 9px -3px #3ab2e9;
}

.form li input[type="submit"] {
	width: auto!important;

}

.wpcf7-form-control-wrap {
	float:right;
}

.form span.wpcf7-not-valid-tip {
	left:0;
	top:0;
	padding:4px;
	width:227px;
	display: none;
}

.form div.wpcf7-response-output {
	clear:both;
	background: #fff;
	color: red;
	border-color: red;
}

.form .wpcf7-not-valid {
	border:1px solid red;
}



/* COMMON */

.static {position:static;}

.relative {position:relative;}

.nopad {padding:0;margin:0;}

.button,input[type="submit"],#primary input[type="submit"],#primary .button {
	background-color:#afc4d9;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#04274c;
	font-weight:bold;
	padding:10px 40px;
	text-decoration:none;
	font-weight: 700;
}


.button:hover,input[type="submit"]:hover,#primary input[type="submit"]:hover,#primary .button:hover{
	text-decoration:none;
	background: #04274c;
	color:#fff;
}

	
.button:active,input[type="submit"]:active {position:relative; top:1px;}