/*
	Theme Name: Reach
	Theme Author: Spudlington
	Author URI: http://www.shitewebdesign.com
*/

@import url(assets/css/reset.css);
/* @import url(assets/css/fonts.css); */


/* general stuff and erm, resetting the reset... */
body {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	color: #262626;
	background: url(assets/gfx/bcg/main_bcg_60.jpg) top center fixed #FFF;
}

::selection {
	background: #038589;
	color: #FFF;
}
::-moz-selection {
	background: #038589;
	color: #FFF;
}

p{
	font-size:12px;
	margin: 10px 0;
	line-height:20px;
}
	
a:focus {
	outline:none;	
}

a {
	color: #038589;
	text-decoration: none;
}
a:hover, 
a:focus {
	color: #038589;
	text-decoration: underline;
}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}

h1 {
	
}

/* main top-level & layout divs */

header {
	position: relative;
	width:995px;
	height: 176px;
	margin:0 auto;
	background: url(assets/gfx/bcg/header_bcg.png) 30px 0 no-repeat;
}

	
	header h1 {
		position: absolute;
		top:6px;
		left:0;
		width: 350px;
		height: 107px;
		overflow: hidden;
	}
	
		header h1 a {
			display: block;
			width: 356px;
			height: 107px;
			text-indent: -9999px;
			background: url(assets/gfx/bcg/logo.png) top left no-repeat;
		}
		
				
	header #search {
		position:absolute;
		left:36px;
		top:130px;
		width: 200px;
		height: 24px;
		overflow: hidden;
	}
	
		header #search label {
			display: none;
		}
	
		header #search input[type=text] {
			background: #ccc;
			border:1px solid #918d89;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			color:#777;
			float:left;
			width:136px;
			font-size:12px;
			padding:4px;
		}
		
			header #search input[type=text]:hover,
			header #search input[type=text]:focus {
				border:1px solid #038589;
				color:#666;
			}
			
				header #search input[type=text]:focus {
					background: #FFF;
					border:1px solid #333;
					outline: none;
				}
		
		header #search input[type=submit] {
			background: #918d89;
			border:none;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			color:#FFF;
			width:50px;
			float:left;
			font-size:12px;
			padding:5px 8px;
			margin:0 0 0 2px;
			text-transform: lowercase;
		}
		
			header #search input[type=submit]:hover,
			header #search input[type=submit]:focus {
				background: #038589;
				cursor: pointer;
				color: #FFF;
			}		
	
		#head_info {
			position: absolute;
			top:40px;
			right:0px;
			width:616px;
			height: 65px;
			overflow: hidden;
		}
		
			#head_info h2 {
				position: absolute;
				top:8px;
				left:10px;
				color: #038589;
				font-size: 20px;
			}
			
			.strap_line {
				position: absolute;
				top:20px;
				left:10px;
				color: #038589;
				font-size: 20px;
			}
			
				.strap_line span {
					color: #918d89;
				}
				
			.call_us {
				position: absolute;
				top:-6px;
				right:12px;
				text-transform: uppercase;
				color: #038589;
				font-size: 14px;
			}
			
			.phone_numbers {
				position: absolute;
				right: 10px;
				top:10px;
				font-weight: normal;
				color: #666;
				font-size: 18px;
			}
	
	
/*    */
#content {
	position: relative;
	width:995px;
	margin:0 auto;
	overflow: hidden;
}

	#content h2 {
		color: #FFF;
		background: #038589;
		padding:4px 10px;
	}	

	.left_col {
		position: relative;
		float:left;
		width:241px;
		overflow: hidden;
	}
	
		.left_col nav {
			position: relative;
			width: 211px;
			float:right;
			background: url(assets/gfx/bcg/nav_bcg.png) bottom right;
		}
		
			.left_col nav ul {
				margin:24px 3px 20px;
				/* border-top: 1px solid #1c8a8d;
				border-bottom: 1px solid #1c8a8d; */
			}
			
				.left_col nav ul li {
					padding:1px 0 0;
				}
				
					.left_col nav ul li a {
						display: block;
						text-align: right;
						background: #1c8a8d;
						padding:4px;
						color: #FFF;
						text-decoration: none;
						
					}
					
						.left_col nav ul li a:hover,
						.left_col nav ul li a:focus,
						.left_col nav ul li.current_page_item a,
						.left_col nav ul li.current_page_parent a {
							background: #FFF;
							padding:4px;
							color: #1c8a8d;	
						}
		
		.left_col_box {
			position: relative;
			float:right;
			width:205px;
			overflow: hidden;
			border:3px solid #1c8a8d;
			margin:11px 0;
			background: url(assets/gfx/bcg/trans_white_bcg.png) top left repeat;
		}
			
			#content .left_col_box h2 {
				margin:16px 0 13px;
				text-align: right;
				padding-right:11px;
			}
	
	.centre_col {
		position: relative;
		width:506px;
		float:left;
		overflow: hidden;
		margin:0 11px 0 12px;
		padding-top:25px;
		background: url(assets/gfx/bcg/content_top.png) top left no-repeat;
	}
	
		#centre_content {
			position: relative;
			overflow: hidden;
			width:466px;
			min-height: 400px;
			padding: 20px;
			background: url(assets/gfx/bcg/mian_content_bcg.png) bottom left no-repeat;
			font-size:12px;
			line-height: 20px;
		}
				
		#centre_content h2 {
			font-size: 18px;
			color: #1c8a8d;
			background: none;
			padding:0;
			margin:0 0 20px 0;
		}
		
		#centre_content h3 {
			font-size: 14px;
			color: #1c8a8d;
			font-weight: bold;
			background: none;
			padding:0;
			margin:0 0 10px 0;
		}
		
		#centre_content h4 {
			font-size: 12px;
			color: #1c8a8d;
			font-weight: bold;
			background: none;
			padding:0;
			margin:0 0 10px 0;
		}
		
		
		#centre_content ul,
		#centre_content ol {
			margin:0 0 20px	 20px;
			
		}
		
			#centre_content ul li {
				list-style: disc;
			}
			
			#centre_content ol li {
				list-style: decimal;
			}
			
			.contact_col {
				position: relative;
				float: left;
				width:50%;
			}
			
				.contact_col address {
					padding:10px 0;
					font-weight: bold;
				}
				
		.small_meta {
			margin:-10px 0 0 0;
			height: 12px;
			font-size:10px;
		}
	
	.right_col {
		position: relative;
		float:right;
		width:211px;
		overflow: hidden;
		padding:0 14px 0 0;
		
	}
	
		.right_box {
			position: relative;
			overflow: hidden;
			border: 3px solid #1C8A8D;
			margin:0 0 20px 0;
			background: #FFF;
		}
		
			.right_box p {
				padding: 0 10px;
			}
			
			p.right_box_logos {
				text-align: center;
			} 
		
		.right_col_top_box {
			border:none;
			border-bottom: 3px solid #1C8A8D;
			padding:25px 0 0;

			background: url(assets/gfx/bcg/right_col_top.png) top left no-repeat transparent;
		} 
		
		
		.right_box h3 {
			font-size: 14px;
			padding: 0 10px;
			margin:0 0 4px 0;
		}
		
		
		.right_box ul {
			margin:10px;
			font-size: 12px
		}
		
			.right_box ul li {
				position: relative;
				padding:0 0 4px 0;
			}
			
			.right_box ul li {
				position: relative;
				padding:0 0 4px 0;
			}
			
			.read_more {
				position: absolute;
				bottom:2px;
				right:12px;
				font-size: 12px;
				text-transform: uppercase;
			}
	



/*  contact page  */
.page-template-contact-php #main_content .three_column p,
.page-template-contact-php #main_content .right_col_wide p {
	margin-top:6px;
}

#main_content .wpcf7 p {
	position: relative;
}


	#main_content .wpcf7 input[type=text]  {
		font-size:12px;
		width:290px;
		padding:4px;
		border:1px solid #CCCCCC;
		color: #666666;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		outline:none;
	}
	
		#main_content .wpcf7  input[type=text]:hover {
			border: 1px solid #FFCC00;
		}
		
		#main_content .wpcf7  input[type=text]:focus {
			color:#333333;
			border: 1px solid #FFCC00;
		}
		
	#main_content .wpcf7 .wpcf7-select  {
		font-size:12px;
		width:300px;
		padding:4px;
		border:1px solid #CCCCCC;
		color: #666666;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		outline:none;
	}
		
	#main_content .wpcf7 textarea {
		font-size:12px;
		width:290px;
		padding:4px;
		border:1px solid #CCCCCC;
		color: #666666;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		resize: none;
		outline:none;
	}
	
		#main_content .wpcf7 textarea:hover {
			border: 1px solid #FFCC00;
		}
		
		#main_content .wpcf7 textarea:focus {
			color:#333333;
			border: 1px solid #FFCC00;

		}
		
	
	#main_content .wpcf7 input[type=submit] {
		font-size:12px;
		color: #666666;
		border: 1px solid #CCCCCC;
		background: none;
		width:100px;
		padding:0;
		height:30px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		position:absolute;
		right:5px;
	}
	
		#main_content .wpcf7 input[type=submit]:hover {
			cursor: pointer;
			background: #FFCC00;
		}
		
		.ajax-loader {
			/* position:absolute;
			right:0px; */
		}
	
	.wpcf7-response-output {
		width:268px;
		font-size:12px;
		top: 50px;
		border:1px;
	}
	
	div.wpcf7-validation-errors {
		border:1px solid #FFCC00;
	}
	
	#main_content span.wpcf7-not-valid-tip {
		background:#FFF;
		/* border:1px solid #FF0000; */
		border:none;
		font-size:10pt;
		left:4px;
		padding:2px;
		position:absolute;
		top:-4px;
		width:280px;
		z-index:100;
		color:#FF0000;
		height:14px;
	}


/*  footer   */
footer {
	position: relative;
	clear:both;
	overflow: hidden;
	height:70px;
	margin:12px 0;
	padding:0;
	font-size:12px;	
	color:#999999;
	background: url(assets/gfx/bcg/footer_bcg.png) top left repeat;
}

	#footer_inner {
		position: relative;
		margin:0 auto;
		overflow: hidden;
		width: 985px;
		padding:0 0 10px 0;
	}
	
		#footer_inner nav {
			position: absolute;
			overflow: hidden;
			width: 385px;
			height: 18px;
			top:52px;
			left:30px;
		}
		
			#footer_inner nav ul {

			}
			
				#footer_inner nav ul li {
					float:left;
					padding:0 10px 0 0;
				}
				
					#footer_inner nav ul li a {
					display: block;
					}
	
		footer address {
			position: relative;
			float:left;
			width: 600px;
			color: #010101;
			margin:10px 0 0 30px
		}
		
		footer .footer_logos {
			position: relative;
			float:right;
			width: 300px;
			margin:12px 0 0 0;
		}
		
			footer .footer_logos a {
				display: block;
				float:right;
				margin:0 0 0 12px;
			}


/*  minor general tweaks for javascript */

body .last_list_item {
	border-right:none!important;
	padding-right:0!important;
	margin-right:0!important;
}

#main_content .first_project_para {
	font-family: AllerBoldItalic;
	
}


/*  clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* standard issue WP image alignment  */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignleft {
	float:left;
	padding:2px 0 0 10px;
}

.alignright {
	float:right;
	padding:2px 10px 0 5px;
}


.wp-caption {

} 

	.wp-caption img {
		border: 2px solid #FFF;
	}
	
	#content .mod p.wp-caption-text {
		font-style: italic;
		padding:0;
		margin-right:4;
		font-size:10px;
	}
	
/*  CAPTCHA  */
#captcha_image {
	float:left;
	width: 72px;
}
.captcha-572 {
	float:left;
	width: 40px;
}
	#main_content .wpcf7 input[type="text"]#captcha_input {
		width:30px;	
	}
	
	#main_content .captcha-572 span.wpcf7-not-valid-tip {
		width:25px;
		margin:2px 0 0 3px;
		top:0;
		height: 14px;
		}
/* phew! */