/* 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;
}

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

body {
	background-color: #ffffff;
	/* font-size:62.5%; */
	background-image: url(../../images/logos/print-logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 125px;
}

p {
	margin-top: 20px;
}

br {
	display: none;
}

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: #0c557e;
}

h1 {
	display: none;
}
	

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: 100%; margin: 0; float: none;
}

#content {
	background-color: #ffffff;
	width: 100%; margin: 0; float: none;
}

div.page-intro {
	width: 100%; margin: 0; float: none;
}

div.page-intro a {
	display: none;
}



div.generic-left-bar {
	width: 100%; margin: 0; float: none;
}

	div.generic-left-bar p {
		margin-bottom: 0;
	}
	
	div.generic-left-bar img {
		/* display: none; */
	}
	
	div.generic-left-bar ul {
		font-family: Arial, Helvetica, sans-serif;
	}

div.generic-right-bar {
	width: 100%; margin: 0; float: none;
}

	div.generic-right-bar h4 {
		color: #529bd1;
	}
	
div#main-content {
	width: 100%; margin: 0; float: none;
}	


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


/* HOMEPAGE */

#homepage-intro {
	width: 100%; margin: 0; float: none;
}


#middle img {
	display: none
}

div.middle-item {
	width: 100%; margin: 0 0 15px 0; float: none;
}

	div.middle-item p {
		width: 100%; margin: 0 0 15px 0; float: none;
	}

	.middle {
		width: 100%; margin: 0 0 15px 0; float: none;
	}

div#home-main-content {
	width: 100%; margin: 0; float: none;
}

	div#home-main-content .left-bar {
		width: 100%; margin: 0; float: none;
	}
	
	div#home-main-content .right-bar {
		width: 100%; margin: 0; float: none;
	}
	
	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 {
	width: 100%; margin: 0; float: none;
}

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;
}


/* /ABOUT */

/* OFFERING */

#offering-intro {
	width: 100%; margin: 0; float: none;
}

/* /OFFERING */

/* APPROACH */

#approach-intro {
	width: 100%; margin: 0; float: none;
}

/* /APPROACH */

/* CLIENTS */

#clients-intro {
	width: 100%; margin: 0; float: none;
}

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

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

#clients-main-content div.generic-left-bar img {
	margin: 20px 0 20px 0;
}


/* /CLIENTS */

/* CONTACT */

#contact-intro {
	width: 100%; margin: 0; float: none;
}

#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: 0;
}

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

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

/* /CONTACT */


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

a:link, a:visited, a:active {
	color: #0c557e;
}

a[href$="/offering/"] {
	display: none;
}




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

#nav {
	display: none;
} 

/* FOOTER NAV */

#footer {
	display: none;
}

/* /FOOTER NAV */



/******************** 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;
}


/* GENERIC INTRO STYLING */

div.generic h2 {
	width: 100%; margin: 0; float: none;
	margin-bottom: 25px;
}

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

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

h2 span.page-title {
	font-size: 26px;
	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;
}

#additional, #results {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}

/* /ACCORDION */




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

form {
	margin: 75px 30px 0 0;
	width: 50%;
}

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;
}

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;
}