/*
Theme Name: Fluid Search
Theme URI: http://wordpress.org/
Description: for fluid search based on kubrik.
Version: 1.0
Author: Fluid Creativity
Author URI: http://www.fluidcreativity.co.uk

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	font-size: 65%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	color: #333;
}

a {
	color: #29b6f1;
}

#header {
	background-image: url(images/top-bg.gif);
	background-position: 0 96px;
	background-repeat: repeat-x;
	height: 583px;
	margin: 0 0 25px 0;
}

.wrapper {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

.logo {
	float: left;
	margin: 30px 0 0 0;
}

#header .search {
	float: right;
	width: 200px;
	background-color: #484848;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #484848;
	padding: 8px;
}
	#header .search label {
		display: none;
	}
	
	#header .search input {
		vertical-align: middle;
	}
	
	#header .search input#box {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #fff;
		padding: 3px;
		width: 160px;
		margin: 0 5px 0 0;
	}
	
#header .twitter {
	clear: both;
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 0 0 14px;
	position: absolute;
	text-transform: uppercase;
	top: 104px;
	width: 100%;
	overflow: hidden;
	height: 14px;
}

	#header .twitter h3, .twitter ul, .twitter ul li {
		display: inline;
		list-style-type: none;
	}
	
	#header .twitter h3 a {
		color: #29b6f1;
		text-decoration: none;
	}
	
	#header .twitter ul li a {
		color: #FFF;
	}
	

#header .navigation {
	position: absolute;
	right: 0;
	margin: 75px 0 0 0;
}
	#header .navigation li {
		list-style: none;
		display: inline;
		margin: 0 0 0 30px;
	}
		#header .navigation li a {
			color: #808080;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 1.2em;
			
		}
		
		#header .navigation li.current_page_item a, #header .navigation li.current_page_parent a {
			background-color: #484848;
			-moz-border-radius: 5px 5px 0 0;
			-webkit-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
			border: 1px solid #484848;
			color: #FFF;
			padding: 5px 8px;
		}
		
		#header .navigation li a:hover {
			color:#484848;
		}
		
		#header .navigation li.current_page_item a:hover, #header .navigation li.current_page_parent a:hover {
			color:#FFF;
		}
		
#header .headerHolder {
	height: 194px;
}

.promoImage {
	background-image: url(images/home-header.jpg);
	height: 389px;
	background-repeat: no-repeat;
}

/*body.page-id-13 .promoImage, body.parent-pageid-13 .promoImage {
	background-image: url(images/seo-header.jpg);
	background-repeat: no-repeat;
}

body.page-id-15 .promoImage, body.parent-pageid-15 .promoImage {
	background-image: url(images/social-header.jpg);
	background-repeat: no-repeat;
}

body.page-id-58 .promoImage, body.parent-pageid-58 .promoImage {
	background-image: url(images/email-header.jpg);
	background-repeat: no-repeat;
}

body.page-id-60 .promoImage, body.parent-pageid-60 .promoImage {
	background-image: url(images/training-header.jpg);
	background-repeat: no-repeat;
}*/


ul#mainNav {
	list-style: none;
	clear: both;
	padding: 62px 0 0 15px;
}

	ul#mainNav li {
		float: left;
	}
	
			ul#mainNav li a {
				position: relative;
				display: block;
				height: 66px;
			}

				ul#mainNav li a span {
					position: absolute;
					left: 0;
					top: 0;
					height: 100%;
					width: 100%;
					text-indent: -10000px;
					display: block;
					overflow: hidden;
					background: 0 0 no-repeat;
				}
					
					ul#mainNav li a:hover span, body.page-id-13 ul#mainNav li.seo a span, body.page-id-15 ul#mainNav li.social a span, body.page-id-58 ul#mainNav li.email a span, body.page-id-60 ul#mainNav li.training a span {
						background-position: 0 100%;
					}
					
					ul#mainNav li a:hover span, body.parent-pageid-13 ul#mainNav li.seo a span, body.parent-pageid-15 ul#mainNav li.social a span, body.parent-pageid-58 ul#mainNav li.email a span, body.parent-pageid-60 ul#mainNav li.training a span {
						background-position: 0 100%;
					}
		
	ul#mainNav li.seo a {
		width: 307px;
	}

	ul#mainNav li.seo a span {
		background-image: url(images/nav-seo.gif);
	}
		
	ul#mainNav li.social a {
		width: 281px;
	}
	
	ul#mainNav li.social a span {
		background-image: url(images/nav-social.gif);
	}
	
	ul#mainNav li.email a {
		width: 201px;
	}
	
	ul#mainNav li.email a span {
		background-image: url(images/nav-email.gif);	
	}
	
	ul#mainNav li.training a {
		width: 165px;
	}
	
	ul#mainNav li.training a span {
		background-image: url(images/nav-training.gif);
	}
	
	
	

#content {
	float: left;
	width: 550px;
}

#content p a {
	margin-left: 15px;
}

#content div a {
	margin-left: 0px;
}

#SIDEwidget_text,
#SIDEwidget_recent_entries{
	clear: right;
	float: right;
	width: 370px;
}

#SIDEwidget_custom_cf7 {
	float: right;
	width: 370px;
	background-image: url(images/enquiry.png);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 359px;
	clear: right;
}
	#SIDEwidget_custom_cf7 h3 {
		font-size: 1.3em;
		text-transform: uppercase;
		margin: 25px 0 0 30px;
	}
	
	#SIDEwidget_custom_cf7 p.cf7_widget_subheading {
		margin: 5px 30px -5px 30px;
		font-weight: bold;
		line-height: 1.7em;
		text-align: justify;
		color: #666666;
	}

	#SIDEwidget_custom_cf7 #cf7_form_box {
		margin: 0 30px 20px 20px;
	}
	
	#SIDEwidget_custom_cf7 span.title {
		width: 100px;
		text-align: right;
		font-weight: bold;
		text-transform: lowercase;
		float: left;
		padding: 6px 0 0 0;
		vertical-align: middle;
	}
	
	#SIDEwidget_custom_cf7 input {
		float: right;
		width: 190px;
		border: 1px solid #c6c4ba;
		padding: 5px;
		vertical-align: middle;
	}
	
	#SIDEwidget_custom_cf7 p {
		display: block;
		clear: both;
		margin: 0 0 3px 0;
		padding:5px 0px;
	}
	
	#SIDEwidget_custom_cf7 .wpcf7-form {
		clear:both;
	}
	
	#SIDEwidget_custom_cf7 input.send {
		float: right;
		clear: both;
		width: auto;
		text-transform: uppercase;
		border: none;
		background-color: #5dc0e9;
		color: #FFF;
		font-weight: bold;
	}


#wpcf7-f2-p101-o1 input {
	border:1px solid #C6C4BA;
	padding:5px;
	width:300px;
}

#wpcf7-f2-p101-o1 textarea {
	border:1px solid #C6C4BA;
	padding:5px;
	width:500px;
	height:100px
}

#wpcf7-f2-p101-o1 input.send {
	background-color:#5DC0E9;
	border:none;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
}

#wpcf7-f2-p101-o1 span.wpcf7-not-valid-tip {
	background:none !Important;
	border:none !Important;
	font-size:1em !Important;
	left:auto !Important;
	top:auto !Important;
	padding:5px 0px 0px 5px !Important;
	color:#F00;
}

#wpcf7-f2-p101-o1 div.wpcf7-validation-errors {
	border:none !Important;
	color:#F00;
}

#wpcf7-f2-p101-o1 div.wpcf7-response-output {
	border:none !Important;
	margin: 0px !Important;
	padding:0px !Important;
	color:#F47900;
	font-weight:bold;
}



#SIDEwidget_custom_cf7 span.wpcf7-not-valid-tip {
	background:none !Important;
	border:none !Important;
	font-size:1em !Important;
	/*left:auto !Important;*/
	padding:3px 3px 3px 15px !Important;
	color:#F00;
	position: relative;
	display: block;
	margin: 0px;
	width: 182px;
	left: 2%;
	margin-bottom: -10px;
	float: none;
	top: 0 !important;
}

#SIDEwidget_custom_cf7 div.wpcf7-validation-errors {
	border:none !Important;
	color:#F00;
	display: none !important;
}

#SIDEwidget_custom_cf7 div.wpcf7-response-output {
	border:none !Important;
	margin: 0px !Important;
	padding:10px 0 0 10px !Important;
	color:#F47900;
	font-weight:bold;
}



#footer {
	clear: both;
	background-image: url(images/footer.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 156px;
}

	#footer .info {
		float: left;
		width: 574px;
		padding: 18px 0 20px 22px;
	}
	
		#footer .info address {
			padding: 5px 0 10px 5px;
			font-style: normal;
			float:left;
			}
	
	#footer .accreditations {
		float: left;
		width: 350px;
		padding: 18px 15px 20px 5px;
	}
	
	
	.accreditations ul {
		margin: 0;
		list-style: none;
		list-style-image: none;
		height: 62px;
		overflow: hidden;
	}

	.accreditations li {
		float: left;
		margin: 0 0 0 4px;
		width: 114px;
	}

		.accreditations li.firstItem {
			margin-left: 0;
		}

	.accreditations a {
		background: #fff;
		display: block;
		color: #111;
	}
	
	#footer h2 {
		background: #f1f1f1;
		color: #2bafe6;
		padding: 5px;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	#footer p.details {
		padding: 5px 0 10px 30px;
		float:left;
	}
	
	#footer p {
		padding: 0 0 0 5px;
	}
	
	#footer p.credit {
		clear:both;
		padding: 10px 0 0 0;
		border-top:1px solid #CCC;
		margin:0 0 0 5px;
	}

h1 {
	font-size: 2em;
        padding-bottom: 10px;
}

	h1.archive, h1.search {
		padding: 0 0 20px 0;
		border-bottom: 1px dotted #999;
		margin: 0 0 20px 14px;
	}
h2 {
	color: #f09520;
	font-size: 1.4em;
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 2px;
}

.entry p, .post p {
	text-align: justify;
	padding-bottom: 10px;
	font-size:1.1em;
}

div.entry div {
	overflow: hidden;
}

#careersBlock h2 {
	background: url('images/careers-bg.gif') no-repeat scroll 0 0 transparent;
	display: block;
	width: 550px;
	margin-left: -10px;
	padding-left: 20px;
	height: 50px;
	cursor: pointer;
}
	#careersBlock h2 span {
		float: right;
		height: 22px;
		width: 44px;
		margin-right: 55px;
		margin-top: 3px;
	}

	#careersBlock h2 span.open {
		background: url('images/see-details.gif') no-repeat scroll 0 0 transparent;
		
	}
	
	#careersBlock h2 span.closed {
		background: url('images/hide-details.gif') no-repeat scroll 0 0 transparent;
		
	}

p.date {
	font-weight: bold;
	padding-bottom: 10px;
}

.post {
	padding: 0 0 20px 14px;
}

h3#comments {
	border-top: 1px dotted #999;
	padding: 20px 0 20px 0;
	margin: 10px 0 0 14px;
}

ol.commentlist {
	list-style: none;
	padding: 0 0 20px 14px;
}

	ol.commentlist li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #999;
	}
	
div.page {
	padding: 0 0 20px 14px;
}
	
	
#respond {
	padding: 0 0 0 14px;
}

	#respond label {
		float: left;
		width: 200px;
	}
	
	#respond input {
		border: 1px solid #c6c4ba;
		padding: 5px;
		width: 324px;
	}
	
	#respond input#submit {
		float: right;
		clear: both;
		width: auto;
		text-transform: uppercase;
		border: none;
		background-color: #5dc0e9;
		color: #FFF;
		font-weight: bold;
	}
	
	#respond textarea {
		border: 1px solid #c6c4ba;
		padding: 5px;
		height: 100px;
		width: 525px;
	}
	
	#respond p {
		display: block;
		clear: both;
		margin: 0 0 3px 0;
		min-height: 30px;
	}
	
	#respond h3 {
		margin-bottom: 15px;
	}

.navigation {
	padding: 0 14px;
}

.entry ul, .entry ol {
        margin: 10px 20px;
        font-size: 110%
}

.entry ul li, .entry ol li {
	padding: 2px 0;
}

blockquote {
	margin: 15px 30px;
	font-weight: bold;
}

ul#mainNav li ul.subnavigation {
	list-style: none;
	display: block;
	position: relative;
	z-index: 10;
}

ul#mainNav li ul.subnavigation li {
	background: url('images/dropdown-bg.png') transparent repeat-x;
	line-height: 14px;
	clear: both;
	display: block;
	margin: 0px;
}

ul#mainNav li ul.subnavigation li a {
	display: block;
	height: 20px;
	padding: 5px;
	padding-right: -20px;
	margin-right: -10px;
	margin-top: 2px;
}

/* this is the main UL element*/
.dropdown{
	display: block;
}

/* these are the inner menus*/
.dropdown ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	cursor:pointer;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#FFB119;
	padding: 0;
}

.dropdown a:hover{
	text-decoration:underline;
}


.lastItem {
}

.curved-bottom {
	background: url('images/dropdown-bg.png') transparent repeat-x;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomright: 5px;
	border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
}

div#praiseGoogle {
	background: url('images/praise-google.png') transparent repeat-x;
	height: 426px;
	width: 297px;
	position: relative;
	margin-right: 10px;
	margin-top: -40px;
	float: right;
	clear: right;
}

.error {
	color: red;
	display: block;
	line-height: 12px;
}