/*
Theme Name: Hambleton Construction
Description: Hambleton Construction WordPress Theme.
Version: 1.0
Author: Dreamten Studios
Author URI: http://www.dreamten.com/
*/


/*	Import external stylesheets
-----------------------------------------------------------------------------*/

@import url("css/reset.css");


/*	Global Elements
-----------------------------------------------------------------------------*/

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5b5247;
	background-color:#f3f3f0;
}

.clear { clear:both; }


/*	Header & Menu
-----------------------------------------------------------------------------*/

#header_wrap {
	background:url(images/bg_top.gif) repeat-x #fff;
	height:156px;
}
	#header {
		width:820px;
		margin:0 auto;
	}
		#header h1 a{
			background:url(images/logo.gif) no-repeat;
			width:114px;
			height:106px;
			overflow:hidden;
			text-indent:-9999px;
			position:absolute;
			top:41px;
		}
		#header ul {
			float:right;
			position:relative;
			top:115px;
		}
			#header ul li {
				float:left;
				display:inline;
			}
			#header ul li a {
				font-size:14px;
				text-decoration:none;
				color:#3c3528;
				padding:6px 10px 8px;
				margin:4px 8px 0 0;
				display:block;
			}
				#header ul li.current_page_item a, #header ul li.current_page_parent a{
					color:#8b4826;
					background:url(images/bg_menu.gif);
				}
				#header ul li a:hover {
					color:#565929;
					background:url(images/bg_menu.gif);
				}
			


/*	Footer
-----------------------------------------------------------------------------*/

#footer {
	color:#a0a297;
	font-size:11px;
	width:960px;
	height:80px;
	margin:40px auto;
	background:url(images/bg_footer.jpg) no-repeat;
	padding-top:25px;
}

	#footer #copyright {
		font-style:italic;
		margin-left:30px;
		float:left;
	}

	#footer #copyright p {
		display:block;
		margin-top:8px;
	}
	#footer #nav {
		display:block;
	}
		#footer #nav li {
			float:left;
			display:inline;
		}
			#footer #nav li.current_page_item a, #footer #nav li.current_page_ancestor a {
				text-decoration:none;
				color:#8b4826;
			}
			#footer #nav li a{
				margin-right:10px;
				color:#3c3528;
				font-style:normal;
			}
				#footer #nav li a:hover {
					text-decoration:none;
					color:#8b4826;
				}
				
	#footer #proposal {
		float:right;
		margin-right:30px;
	}
		#footer #proposal ul li {
			float:right;
			display:inline;
			margin-left:30px;
			text-align:right;
			line-height:15px;
		}


/*	Home Page
-----------------------------------------------------------------------------*/

#quote_wrap {
	height:163px;
	background-color:#fff;
}
	#quote {
		width:925px;
		margin:0 auto;
	}
		#quote #quote_left {
			float:left;
			display:inline;
			width:660px;
			height:163px;
			padding-left:30px;
		}
			#quote h3 {
				background:url(images/quote_top.gif) no-repeat;
				width:187px;
				height:7px;
				overflow:hidden;
				text-indent:-9999px;
				margin-top:40px;
			}
			#quote p {
				background:url(images/quote_text.gif) no-repeat;
				overflow:hidden;
				text-indent:-9999px;
				width:568px;
				height:56px;
				margin-top:15px;
			}
			#quote em {
				background:url(images/signature.gif) no-repeat;
				overflow:hidden;
				text-indent:-9999px;
				width:141px;
				height:27px;
				display:block;
				margin-left:425px;
			}
		#quote img {
		}

#recent_wrap {
	background:url(images/bg_middle.jpg) repeat-x 0 0;
	padding-top:12px;
	height:370px;
}
	#recent {
		width:920px;
		margin:0 auto;
	}
	#recent #recent_title {
		width:900px;
		height:26px;
		background-color:#7d6340;
		background:url(images/bg_recentprojects.gif) repeat-x;
		padding:14px 0 8px 20px;
	}
	#recent #recent_title h2 {
		overflow:hidden;
		text-indent:-9999px;
		display:block;
		width:98px;
		height:14px;
		background:url(images/home_recentprojects.gif) no-repeat;
	}
	#recent ul {	
	}
		#recent ul li {
			width:224px;
			height:320px;
			background-color:#fcfcfa;
			margin-right:8px;
			float:left;
			display:inline;
		}
		#recent ul li.hover {
			cursor:pointer;
			background-color:#ffffee;
		}
			#recent ul li h3 {
				margin:20px;
				font-size:18px;
				line-height:22px;
			}
			#recent ul li h3 a {
				color:#5f3e14;
				text-decoration:none;
				font-weight:normal;
			}
			#recent ul li.hover h3 a {
				color:#965400;
			}
			#recent ul li p {
				margin:0 20px;
				font-size:12px;
				line-height:17px;
				font-style:italic;
			}
			#recent ul li a.view {
				width:84px;
				height:8px;
				background:url(images/home_viewproject.gif) no-repeat;
				overflow:hidden;
				text-indent:-9999px;
				display:block;
				margin:20px;
			}
			#recent ul li.last { margin-right:0; }


/*	Interior Pages
-----------------------------------------------------------------------------*/

#breadcrumb {
	font:11px Arial, Helvetica, sans-serif;
	margin-bottom:12px;
	color:#a0a297;
}
	#breadcrumb a {
		text-decoration:none;
		color:#a0a297;
	}
	#breadcrumb a:hover { color:#fff;}

.content_wrap {
	background:url(images/bg_middle_sub.jpg) repeat-x 0 0;
}
	.content {
		padding-top:50px;
		width:920px;
		margin:0 auto;
	}
	.content p { line-height:24px; margin-bottom:20px; }
	.content strong { font-weight:bold; }
		.content_right {
			float:left;
			display:inline;
			width:685px;
			margin:30px 0 0 35px;	
		}
		.content_right a { color:#8b4826; }
		.content_right a:hover { background-color:#8b4826; color:#fff; }
			.content_main {
				margin-top:30px;
			}
			.content_right hr {
				border:0;
				height:1px;
				background-color: #d1d1ca;
				margin-bottom:30px;
			}
			.content_right ul {
				list-style:disc;
				margin:30px;
				line-height:24px;
			}
				.content_right ul li { margin-bottom:10px; }


/*	Sidebar & Submenu
-----------------------------------------------------------------------------*/

#sidebar {
	float:left;
	display:inline;
	width:200px;
	background:url(images/bg_sidebar.gif) 100% 0 repeat-y;
}
	/* Subpage Menu */
	#sidebar h3.header {
		font-size:11px;
		font-weight:bold;
		background:url(images/submenu_top.jpg) 0 100% no-repeat;
		height:30px;
		width:200px;
		padding:70px 0 0;
	}
	#sidebar ul {
		padding-bottom:230px;
		background:url(images/submenu_bot.jpg) 0 100% no-repeat;
		margin-top:30px;
	}
		#sidebar ul li a {
			font-size:14px;
			display:block;
			padding:8px 20px 12px 0;
			color:#7d6340;
			background:url(images/submenu_hr.gif) 0 100% no-repeat;
			text-decoration:none;
			width:178px;
		}
			#sidebar ul li a:hover { color:#000; }
			#sidebar ul li.current_page_item a { color:#000; font-style:italic; }

	/* Projects Sidebar */
	#sidebar .projects {
		padding-top:120px;
		background:url(images/submenu_top.jpg) 0 0 no-repeat;
	}
	#sidebar h3.projects_header {
		font-size:10px;
		font-weight:bold;
		color:#93887a;
	}
	#sidebar p a { color:#4f5e8b; }
	#sidebar p a:hover { color:#8b4826; }
	.sidebar_bottom {
		padding:60px 0 0;
		margin:0;
		min-height:230px;
		background:url(images/submenu_bot.jpg) 0 100% no-repeat;
	}
		.sidebar_bottom h3 {
			font-size:11px;
			font-weight:bold;
		}
		.sidebar_bottom img {
			margin-bottom:40px;
		}
		.sidebar_bottom p {
			font-size:12px;
			line-height:18px;
			padding:10px 25px 0 0;
		}


/*	About Page
-----------------------------------------------------------------------------*/

.content_about_left {
	float:left;
	display:inline;
	width:420px;
	padding-right:35px;
}
	.content_about_left h4 {
		margin-bottom:20px;
	}

.content_about_right {
	float:left;
	display:inline;
	width:190px;
	background:url(images/bg_vendors.jpg) repeat-x;
	padding:20px;
}
	.content_about_right ul {
		font-size:12px;
		line-height:10px;
		list-style:none;
		margin:15px 0 0;
		padding:0;
		font-family:Helvetica, Arial, sans-serif;
	}
	.content_about_right ul li {
		background:url(images/vendors_bullet.gif) 0px 3px no-repeat;
		padding-left:10px;
	}

.content_about_bottom {
	margin-top:30px;
}
	.owners {
		background:url(images/hr_dotted.gif) top repeat-x;
		padding-top:10px;
		margin-top:20px;
	}
		.owners #dave {
			float:left;
			display:inline;
			width:320px;
			margin:20px 45px 0 0;
		}
		.owners #tom {
			float:left;
			display:inline;
			width:320px;
			margin:20px 0 0;
		}
			.owners img {
				float:right;
				display:inline;
				margin-left:20px;
			}
			.owners h5 {
				font-size:15px;
				font-style:italic;
				margin:4px 0 12px;
				color:#497000;
				font-weight:normal;
			}
			.owners p {
				font-size:11px;
				line-height:18px;
				width:150px;
			}



/*	Our Process
-----------------------------------------------------------------------------*/

h5.processtitle {
	color:#497000;
	font-size:17px;
	font-style:italic;
	margin:40px 0 20px;
}

.process {
	margin:5px 0 30px;
}



/*	Our Services
-----------------------------------------------------------------------------*/

ul.services {
	list-style:none;
	margin:0;
	padding:0;
}
	ul.services li {
		float:left;
		display:inline;
		height:300px;
		margin:0;
		padding:0;
		width:210px;
		margin-right:18px;
		cursor:pointer;
	}
		ul.services img {
			margin-bottom:5px;
		}
		ul.services h3 a {
			color:#497000;
			font-style:italic;
			margin-bottom:5px;
			font-size:14px;
			font-weight:normal;
			padding-left:4px;
			text-decoration:none;
		}
		ul.services h3 a:hover {
			background:none !important;
			color:#497000 !important;
		}
		ul.services li.hover h3 a { text-decoration:underline; }
		ul.services li.hover p { color:#000; }
		ul.services p {
			font-size:12px;
			line-height:18px;
			padding-left:4px;
		}
		ul.services li.last {
			margin-right:0;
		}
	



/*	Frequently Asked Questions
-----------------------------------------------------------------------------*/

.faqs li {
	margin:0;
	line-height:14px;
}
.faqs_questions a {
	margin-bottom:10px;
	display:block;
}
	.faqs_questions a:hover { background-color:#f3f3f0; color:#8b4826;}



/*	Projects
-----------------------------------------------------------------------------*/

.projectstitle {
	padding:35px 0 5px;
}

#project_detail_title .left {
	width:675px;
	height:50px;
}
#project_detail_title .right {
	float:right;
	width:190px;
	text-align:right;
	font-size:11px;
	padding-bottom:20px;
}
	#project_detail_title .right .divider { color:#d0ccc2; }
	#project_detail_title .right a { color:#998f79; }
	#project_detail_title .right a:hover { color:#312a22; }

	#projects {
		width:920px;
		margin:0 auto;
	}
	#projects ul {	
	}
		#projects ul li {
			width:224px;
			height:300px;
			background-color:#fcfcfa;
			margin:0 8px 20px 0;
			float:left;
			display:inline;
		}
			#projects ul li.hover {
				cursor:pointer;
				background-color:#ffffee;
			}
			#projects ul li h3 {
				margin:20px;
				font-size:18px;
				line-height:22px;
				font-weight:normal;
			}
			#projects ul li a {
				color:#5f3e14;
				text-decoration:none;
			}
			#projects ul li.hover h4 a {
				color:#965400;
			}
			#projects ul li p {
				margin:0 20px;
				font-size:12px;
				line-height:17px;
				font-style:italic;
				height:50px;
			}
			#projects ul li a.view {
				width:84px;
				height:8px;
				background:url(images/home_viewproject.gif) no-repeat;
				overflow:hidden;
				text-indent:-9999px;
				display:block;
				margin:15px 20px 20px;
			}
			#projects ul li.last { margin-right:0; }



/*	Project Detail Page
-----------------------------------------------------------------------------*/

.location {
	font-size:12px;
	color:#998f79;
	font-style:italic;
}

#project_detail_gallery {
	width:925px;
	height:535px;
	background-color:#312a22;
	margin-bottom:40px;
}

#overview {
	width:430px;
	float:left;
	display:inline;
	margin-right:50px;
}
	#overview h3 {
		font-size:11px;
		margin-bottom:20px;
		width:60px;
		height:7px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(images/project_overview.gif) no-repeat;
	}

#services {
	width:145px;
	float:left;
	display:inline;
	margin-right:50px;
}
	#services h3.services {
		font-size:11px;
		margin-bottom:20px;
		width:114px;
		height:7px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(images/project_services.gif) no-repeat;
	}
	#services h3.completed {
		font-size:11px;
		margin-bottom:20px;
		width:67px;
		height:7px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(images/project_completed.gif) no-repeat;
	}
	#services ul { margin-bottom:40px; }
		#services li {
			font-size:11px;
			margin-bottom:8px;
			color:#595449;
		}
	#services p {
		font-size:11px;
		font-style:italic;
	}

#testimonial {
	width:245px;
	float:left;
	display:inline;
}
	#testimonial h3 {
		font-size:11px;
		margin-bottom:20px;
		width:75px;
		height:7px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(images/project_testimonial.gif) no-repeat;
	}
	#testimonial p {
		font-size:12px;
		font-style:italic;
		line-height:20px;
	}
	#testimonial p span {
		display:block;
		font-style:normal;
		font:11px Arial, Helvetica, sans-serif;
		line-height:16px;
		margin-top:20px;
		color:#a0a297;
	}


/*	Contact Page
-----------------------------------------------------------------------------*/

#contact_left {
	width:200px;
	float:left;
	display:inline;
	margin:30px 45px 0 0;
}
	#contact_left h3, #contact_mid h3, #contact_right h3 {
		font-size:11px;
		font-weight:bold;
		margin-bottom:14px;
		color:#497000;
	}

#contact_mid {
	width:375px;
	margin:30px 45px 0 0;
	float:left;
	display:inline;
}

#contact_right {
	width:240px;
	float:left;
	display:inline;
	margin-top:30px;
	background:url(images/vr_dotted.gif) 0 0 repeat-y;
}
	#contact_right h3 {
		margin-left:45px;
	}
	#contact_right p {
		font-size:12px;
		line-height:20px;
		margin-bottom:34px;
		margin-left:45px;
	}
		#contact_right a { color:#8b4826; }
		#contact_right a:hover { background-color:#8b4826; color:#fff; }

#cformsform {
	background-color:#eaeae4;
	padding:20px 20px 5px 20px;
}
	#cformsform label {
		display:block;
		margin-bottom:5px;
		font-size:12px;
	}
	#cformsform #cf_field_1, #cformsform #cf_field_2, #cformsform #cf_field_3, #cformsform #cf_field_4 {
		width:317px;
		display:block;
		margin-bottom:15px;
		padding:7px;
		font:16px Arial, Helvetica, sans-serif;
	}
	#cformsform #cf_field_4 {
		height:120px;
	}
	.cf_li_err label {
		color:#900;
	}
	.failure {
		border:1px solid #900;
		padding:10px;
		color:#900;
		margin-bottom:20px;
		font-size:12px;
		font-style:italic;
	}
	.success {
		border:1px solid #090;
		padding:10px;
		color:#090;
		margin-bottom:20px;
		font-size:12px;
		font-style:italic;
		line-height:18px;
	}

.title_proposal {
	background:url(images/contact_requestproposal.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	width:126px;
	height:8px;
}
.title_address {
	background:url(images/contact_address.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	width:52px;
	height:7px;
}
.title_email {
	background:url(images/contact_email.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	width:34px;
	height:7px;
}
.title_phone {
	background:url(images/contact_phonefax.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	width:74px;
	height:8px;
}
.title_question {
	background:url(images/contact_question.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	width:108px;
	height:8px;
}


/*	sIFR
-----------------------------------------------------------------------------*/

h2#pagetitle {
	color:#3d3d3b;
	font-size:30px;
}

h4 {
	color:#534d42;
	font-size:20px;
}

.sIFR-flash {
	visibility: visible !important;
	margin:0;
	padding:0;
	z-index:1;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-active h2#pagetitle {
	visibility: hidden;
	line-height: 1em;
	font-size: 30px;
	margin-bottom: .3em;
}
.sIFR-active h4 {
	visibility: hidden;
	line-height: 1em;
	font-size: 21px;
	margin-bottom: .3em;
}


/*	Admin Styles
-----------------------------------------------------------------------------*/

#edit a {
	padding:5px 10px 6px;
	color:#fff !important;
	background-color:#7d6340;
	text-decoration:none;
	font:12px Arial, Helvetica, sans-serif;
}
	#edit a:hover { background-color:#9f763e; }