/* Keith Turnbull css file

1. Global Reset

2. General page styling

3. Page specific div styling

4. Link styling

5. Main navigation styling

6. General class styling

7. Javascript styling

8. Form styling

9. Fixes

*/


/******************** 1. Global Reset ********************/

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

html {
  height: 100%;
  overflow-y: scroll;
}

/*---- Clear Fix ----*/
/* For modern browsers */
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}

/******************** 2. General page styling ********************/

body {
	background-color: #46647b;
	/* font-size:62.5%; */
}

p, ul, li, form {
	font-family: Verdana, Geneva, sans-serif; /* Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif */ 
}

a, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}

p, form {
	color: #5d5d5d;
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 20px;
}

h1, h2 {
  /*color: #ffffff; */
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-size: 26px;
  line-height: 35px;
  color: #ffffff;
  text-shadow: #333 0 0 3px;
}

h1 {
	width: 159px;
	position: relative;
	left: 631px;
}
	

h3, h4 {
	color: #0c557e;
	font-size: 16px;
	font-weight: bold;
}

h3 + p {
	margin-top: 10px;
}

hr {
	border: none;
	border-top: 1px solid #d9dbe0;
	margin: 10px 0 15px 0;
}

blockquote {
	background: #f6f8f6;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dashed #e6e5e5;
	border-top: 1px dashed #2b3e4b;
	margin: 15px 0 15px 0;
}

	blockquote img {
		display: block; 
		position: relative; 
		right: 30px; 
		top: 20px;
	}
	
	blockquote p {
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	blockquote p:last-child {
		font-weight: normal;
		color: #9e9e9e;
	}

div.container {
	width: 790px;
	margin: auto;
	position: relative;
}

#content {
	background-color: #ffffff;
	background-image: url(../../images/backgrounds/content-corners.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	/* -webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; */
	padding-bottom: 30px;
}

div.page-intro {
	border-top: 1px solid #ffffff;
	height: 286px;
	clear: both;
}

	div.page-intro h2 {
	  margin: 20px 0 0 420px;
	}
	
	div.page-intro p {
	  width: 350px;
	  margin: 10px 0 0 420px; 
	  color: #ffffff;
	}
	
div.content {
	margin: 30px;
}

div#footer {
	padding: 0 0 60px 0;
}

div#footer p {
	float: right;
	color: #ffffff;
}

.generic-right-bar ul {
	margin: 15px 0 0 0;
	color: #5d5d5d;
	font-size: 13px;
	line-height: 25px;
}

div#footer ul {
	float: left;
}

div.generic-left-bar {
	width: 210px;
	float: left;
}

	div.generic-left-bar p {
		margin-bottom: 0;
	}
	
	div.generic-left-bar img {
		margin: 5px 0 10px 0;
	}
	
	div.generic-left-bar ul {
		font-family: Arial, Helvetica, sans-serif;
	}

div.generic-right-bar {
	width: 470px;
	margin: 0 0 0 40px;
	float: right;
}

	div.generic-right-bar h4 {
		color: #529bd1;
	}
	
div.half-left-bar {
	width: 355px;
	float: left;
}	

div.half-right-bar {
	width: 355px;
	float: left;
	margin-left: 20px;
}	
	
div#main-content {
	margin: 40px 30px 0 30px;
}	

a[href $='.pdf'] { 
   padding-left: 18px;
   background: transparent url(../../images/icons/pdf.gif) no-repeat center left;
}


/******************** 3. Page specific styling ********************/


/* HOMEPAGE */

#homepage-intro {
	background-image: url(../../images/main-images/homepage-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 306px;
}

#homepage-intro p {
	line-height: 26px;
}

#homepage-intro h2 {
	font-size: 24px;
}

#middle {
	background: #e9f2f7;
	padding: 30px;
}

#middle img {
	background: #ffffff;
	padding: 5px;
	border: 1px solid #8bb7d7;
}

div.middle-item {
	width: 228px;
}

	div.middle-item p {
		margin: 5px 0 15px 0;
		white-space: normal;
	    width: 100%;
	    /* height: 45px;
	    overflow: hidden;
	    -o-text-overflow: ellipsis;
	    text-overflow: ellipsis; */
	}

	.middle {
		margin-left: 22px;
	}

div#home-main-content {
	margin: 40px 30px 0 30px;
}

	div#home-main-content .left-bar {
		width: 475px;
		float: left;
	}
	
	div#home-main-content .right-bar {
		width: 225px;
		float: right;
	}
	
	div#home-main-content .right-bar li {
		color: #35a9e3;
		background-image: url(../../images/icons/homepage-tick.gif);
		background-repeat: no-repeat;
		font-size: 14px;
		font-weight: 700;
		padding: 0 0 5px 30px;
		margin: 0 0 15px 0;
		font-family: Arial, Helvetica, sans-serif;
	}

/* /HOMEPAGE */

/* ABOUT */

#about-intro {
	background-image: url(../../images/main-images/about-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

div.about ul {
	color: #0c557e;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 15px;
}

div.about li {
	list-style: url(../../images/icons/list-bullet.gif);
	line-height: 25px;
	padding: 10px 0 10px 5px;
}

div.about ul > li:first-child {
	padding-top: 0;
}

div.about img {
	margin: 20px 0 0 0;
	padding: 4px;
	border: 1px solid #dcdcdc;
}

#assc {
	position: absolute;
	bottom: 10px;
	right: 10px;
}


/* /ABOUT */

/* OFFERING */

#offering-intro {
	background-image: url(../../images/main-images/offering-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.generic-left-bar ul {
	margin: 15px 0;
}

.generic-left-bar li {
	padding: 3px 0;
}

/* /OFFERING */

/* APPROACH */

#approach-intro {
	background-image: url(../../images/main-images/approach-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

/* /APPROACH */

/* CLIENTS */

#clients-intro {
	background-image: url(../../images/main-images/clients-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

div#clients-main-content {
	margin: 40px 30px 0 30px;
}

div#clients-main-content h3 {
	margin-bottom: 20px;
}

#clients-main-content div.generic-left-bar {
	text-align: center;
}


/* /CLIENTS */

/* CONTACT */

#contact-intro {
	background-image: url(../../images/main-images/contact-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#contact-intro.generic h2 {
	margin-top: 50px;
}

div.contact-info p {
	border-bottom: 1px dashed #e9ebed;
	padding: 20px 0 20px 0;
	color: #747474;
	font-size: 16px;
}

div.contact-info img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

div.contact-info a {
	font-style: normal;
	font-size: 16px;
}

div.social-network {
	margin-top: 100px;
}

div.social-network p {
	border-bottom: 1px dashed #e9ebed;
	padding: 20px 0 20px 0;
}

div.social-network p:last-child {
	border: none;
}

/* /CONTACT */

/* RESETTLEMENT */

#resettlement-intro {
	background-image: url(../../images/main-images/resettlement-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#links-form {
	border: 1px dotted #ccc;
	padding: 10px;
	margin-top: 30px;
}

#recommended-links {
	margin: 40px 0;
}

#recommended-links ul {
	margin-top: 20px;
}

#recommended-links li {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
}

#recommended-links li:last-child {
	border: none;
}

#wpcf7-f2-p276-o1 form {
	margin-top: 10px;
}

#ctp {
	font: bold 12px arial, sans-serif;
	color: #5d5d5d;
}

.linkList {
	padding-top: 20px;
}

.externalLink {
	padding: 0;
	margin-top: 15px;
	border-bottom: 1px dotted #ccc;
}

.externalLink p {
	margin-bottom: 5px;
}

.externalLink img {
	float: left;
	margin: 0 10px 10px 0;
	border: 2px solid #ccc;
}

.externalLink:last-of-type {
	border: none;	
}

/* /RESETTLEMENT */

/* NEWS */

#news-intro {
	background-image: url(../../images/main-images/news-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

/* News tabs nav */

.tab-navigation {
	
}

.tab-navigation li {
	float: left;
}

.tab-navigation li a {
	float: left;
	padding: 10px 15px;
	border: 1px solid #e5e5e5;
	border-bottom: none;
	border-right: none;
	color: #787878;
	text-decoration: none;
	background: #f6f6f6;
}

.tab-navigation li:last-child a {
	border-right: 1px solid #e5e5e5;
}

.tab-navigation li a:hover, .tab-navigation li a.selected {
	background: #52704c;
	color: #fff;
}

.tab-navigation li a[href="#sales"].selected, .tab-navigation li a[href="#sales"]:hover {
	background: #529bd1;
}

/* /News tabs nav */

/* Pagination */

.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #555;
}

.pagination a:hover{
	color:#fff;
	background: #3279BB;
}

.pagination .current{
	padding:6px 9px 5px 9px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #3279BB;
	color:#fff;
}

.pagination a:visited {
	color: #fff;
}

/* /Pagination */

.tabs > div {
	clear: both;
}

.tabs > div h3, #archive h3 {
	background: url(../../images/backgrounds/post-bg.gif) top left no-repeat;
	padding: 30px 0 0 0;
}

.tabs > div h3:first-child {
	background: url(../../images/backgrounds/post-bg-top.gif) top left no-repeat;
}

#archive h3:first-child {
	background: none;
	padding-top: 0;
}

#archive h3 a:link {
	color: #529bd1;
}

h3 a:link {
	font: normal bold 18px Arial, Helvetica, sans-serif;
	color: #52704c;
	text-decoration: none;
}

#sales h3 a:link {
	color: #529bd1;
}

#resettlement h3 a:visited, #archive h3.resettlement a:link, #archive h3.resettlement a:visited {
	color: #52704c;
}

#resettlement a:link, #resettlement a:visited {
	color: #52704c;
}

#resettlement a:hover, #sales h3 a:hover, #resettlement a:hover, #resettlement h3 a:hover {
	color: #0c557e;
}

.generic-right-bar h3 a:visited {
	font: normal bold 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.date {
	font: bold italic 12px Palatino, 'Palatino Linotype', Georgia, Serif;
	color: #595959;
}

.date a {
	font: bold italic 12px Palatino, 'Palatino Linotype', Georgia, Serif;
}

.archive {
	font: italic bold 12px Arial, Helvetica, sans-serif;
	color: #5e5e5e;
	margin: 15px 0;
}

h3.archive-title, .archive a:link, .archive a:visited {
	color: #5e5e5e;
}

.archive a:hover {
	color: #0c557e;
}

.archive li {
	padding: 3px 0;
}

/* /NEWS */


/******************** 4. Link styling ********************/

a:link, a:visited, a:active {
	color: #35aae2;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	outline: none;
}

a:hover {
	color: #0c557e;
}

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

div.page-intro a[href$="/contact/"] {
	display: block;
	width: 160px;
	height: 35px;
	background-image: url(../../images/buttons/get-in-touch.jpg);
	background-repeat: no-repeat;
	background-position: -1px -39px;
	text-indent: -9999px;
	margin: 10px 0 0 0;
	border: 3px solid #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
    -moz-box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
    box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
}

div.page-intro a:hover[href$="/contact/"] {
	background-image: url(../../images/buttons/get-in-touch.jpg);
	background-repeat: no-repeat;
	background-position: -1px 0;
	text-indent: -9999px;
	-webkit-box-shadow: 0 0 6px rgba(135, 139, 144, 0.9);
    -moz-box-shadow: 0 0 6px rgba(135, 139, 144, 0.9);
    box-shadow: 0 0 6px rgba(135, 139, 144, 0.9);
    -webkit-transition: -webkit-box-shadow 0.2s ease-in;
}

div.page-intro a[href$="/approach/"] {
    position:  relative;
    bottom: 51px;
    left: 167px;
	display: block;
	width: 160px;
	height: 35px;
	background-image: url(../../images/buttons/find-out-more.jpg);
	background-repeat: no-repeat;
	background-position: -1px -39px;
	text-indent: -9999px;
	margin: 10px 0 0 0;
	border: 3px solid #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
    -moz-box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
    box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
}

div.page-intro a:hover[href$="/approach/"] {
	background-image: url(../../images/buttons/find-out-more.jpg);
	background-repeat: no-repeat;
	background-position: -1px 0;
	text-indent: -9999px;
	-webkit-box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
    -moz-box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
    box-shadow: 0 0 2px rgba(135, 139, 144, 0.9);
}

div.page-intro a:active[href$="/approach/"], div.page-intro a:active[href="/contact/"] {
	-webkit-box-shadow: 0 0 0 rgba(135, 139, 144, 0.9);
    -moz-box-shadow: 0 0 0 rgba(135, 139, 144, 0.9);
    box-shadow: 0 0 0 rgba(135, 139, 144, 0.9);
}


    



/******************** 5. Main navigation styling ********************/

#nav {
	background-color: #121a20;
	background-image: url(../../images/backgrounds/nav-corners.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 42px; 
} 

div#nav a {
	background-image: url(../../images/buttons/nav-divider.gif); 
	background-repeat: no-repeat;
	background-position: right; 
	text-transform: uppercase;
	color: #d8f0ff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

div#nav a[href*="/contact/"] {
	background: none;
}


div#nav li {
	float: left;
	margin: 0;
	white-space: none;
} 

div#nav a {
	display: block;
	padding: 15px 20px 13px 20px;
}

div#nav a:hover {
	background-color: #ffffff;
	color: #1b214c;
	background-image: none;
	background-image: url(../../images/buttons/nav-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
} 

div#nav ul {
}

div#nav a.active {
	background-color: #ffffff;
	background-image: none;
	color: #1b214c;
}

li.current_page_item {
	background-color: #ffffff;
	color: #1b214c;
}

div#nav li.current_page_item a {
	color: #1b214c;
	background: none;
}

/* Footer Nav */

#footer {
	margin-top: 20px;
}

div#footer li {
	display: inline;
	margin: 0 10px 0 0;
}

div#footer a:link, div#footer a:visited, div#footer a:active {
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

div#footer a:hover {
	color: #bde6fe;
	text-decoration: underline;
}

div#footer p {
	font-size: 12px;
}





/******************** 6. General class styling ********************/

.floatRight { float: right; }

.floatLeft { float: left; }

.clear { clear: both; }

 hr.clear { border: #ffffff; padding: 15px 0 15px 0;}

.company-name { color: #0c557e; font-weight: bold; }

h4 span.company-name { color: #35a9e3; }

.text-intro {
	color: #0c557e;
	font-weight: bold;
	font-size: 12px;
}

em.social {
	font-size: 11px;
	color: #76a3c1;
	line-height: 1.4em;
}

/* GENERIC INTRO STYLING */

div.generic h2 {
	text-align: right;
	padding: 30px 30px 0 0;
	margin: 20px 0 0 200px;
}

.generic-left-bar h3 {
	margin-top: 20px;
}

.generic-left-bar h3:first-child {
	margin-top: 0;
}

h2 span.page-title {
	font-size: 42px;
	line-height: 40px;
}

div.button {
	float: right;
	position: relative;
	right: 30px;
	top: 40px;
}

.image-border {
	background: #ffffff;
	padding: 5px;
	border: 1px solid #8bb7d7;
}

/* /GENERIC INTRO STYLING */





/******************** 6. Java script styling ********************/

/* ACCORDION */

div#accordion a {
	display: block;
	font-size: 18px;
	font-style: normal;
	color: #529bd1;
	text-decoration: none;
	border-bottom: 1px dashed #2b3e4b;
	padding: 5px 0 10px 30px;
	margin-top: 15px;
}

div#accordion li {
	color: #5d5d5d;
	font-size: 13px;
	padding: 10px 10px 10px 40px;
	border-bottom: 1px dashed #e6e5e5;
}

div#accordion.offering ul {
	background: #fbf8f6;
	overflow: auto;
}

div#accordion.offering li {
	background: url(../../images/icons/offering-tick.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

div#accordion.approach ul {
	background: #f7f6f9;
	overflow: auto;
}

div#accordion.approach li {
	background: url(../../images/icons/approach-tick.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

div#accordion a.useful-link, div#accordion br {
	font-size: 12px;
	font-weight: normal;
	border: none;
	line-height: 0.2em;
}

/* /ACCORDION */




/******************** 7. Form styling ********************/

form {
	margin: 75px 30px 0 0;
}

form em {
	color: #83c0e9;
}

div.wpcf7-validation-errors {
	border: 1px dotted #1f1868;
	padding: 10px;
	background: #c7dff0;
	color: #ff0000;
}

div.wpcf7-mail-sent-ok {
	border: 1px dotted #52704c;
	padding: 10px;
	background: #d9f0d0;
}

input {
	padding: 3px;
}

/* input, textarea {
	float: right;
} */

textarea {
	width: 100%;
}

input[type="text"] {
	width: 75%;
}

input[type="submit"] {
	background: #599ecf;
	border: none;
	color: #fff;
	width: 161px;
	height: 35px;
	background-image: url(../../images/buttons/send.jpg);
	background-repeat: no-repeat;
	background-position: -1px -39px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

input[type="submit"]:hover {
	background-position: -1px 0;
}

form div.submit {
	padding-top: 10px;
	clear: both;
}

textarea {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	padding: 5px;
	font-size: 14px;
	color: #5d5d5d;
}

form p:last-child {
	margin-bottom: 0;
}





/******************** 9. Fixes ********************/

/* Drop shadow for IE */

/* h2 { 
	height: auto;
	width: 400px;
	position: relative;
	left: 160px;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#696969, offX=1, offY=1, positive=true);
}

#homepage-intro h2 {
	position: relative;
	left: 0;
} */

/* /Drop shadow for IE */