/*
Theme Name: Gaines and Company (2009)
Author: The Sutter Group
Description: Website re-design for the Gaines and Company website, <a href="http://www.gainesandco.com" target="_blank">www.gainesandco.com</a>. Designed and developed by <a href="http://www.sutter-group.com" target="_blank">The Sutter Group</a>.
*/


body {
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #81a9bc url("images/bg.png") 0 125px repeat-x;
	font: 12px Arial,Sans-serif;
}

a { color: #069; }

img.alignright { float: right; margin: 1.5em 0 1em 1em; }
img.alignleft { float: left; margin: 1.5em 1em 1em 0; }
img.aligncenter { display: block; text-align: center; margin: 0 auto; }
.aligncenter { text-align: center; }
#content p img.alignright { float: right; margin: .5em 0 1em 1em;  }
#content p img.alignleft { float: left; margin: .5em 1.5em 1em 0; }
#content img { border: 1px solid #ccc; padding: 2px; }

#page {
	width: 970px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

#header {
	position: relative;
	overflow: hidden;
	height: 107px;
	margin: 18px 0 0;
	padding: 0;
	background: url("images/header_bg.png") bottom left no-repeat;
}

	#header a#logo {
		display: block;
		width: 280px;
		position: absolute;
		top: 0px;
		left: 10px;
		padding: 107px 0 0 0;
	}
	
	#header ul {
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 50px;
		bottom: 10px;
		text-transform: uppercase;
		font-size: 14px;
	}
	
		#header ul li {
			float: left;
			border-left: 1px solid #543e0a;
		}
		
		#header ul li.home {
			border: 0;
		}
		
			#header ul li a {
				color: #543e0a;
				display: block;
				padding: 0 10px;
				text-decoration: none;
			}
			
			#header ul li a:hover { text-decoration: underline; }

#wrap {
	background: url("images/content_vertical_bg.png") top left repeat-y;
}

/* Home Page Specific CSS */
#banner {
	height: 303px;
	overflow: hidden;
	background: url("images/banner_bg_home.png") top left no-repeat;
	position: relative;
}

	#banner #banner_nav {
		position: absolute;
		bottom: 32px;
		right: 30px;
		height: 16px;
		overflow: hidden;
		z-index: 900;
	}
	
	#banner #banner_nav a {
		display: block;
		float: left;
		padding: 14px 0 0 0;
		width: 14px;
		margin: 0 4px 0 0;
		border: 1px solid #fff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		overflow: hidden;
		background: #DEC791;
	}
	
	#banner #banner_nav a:hover { background: #C5A35A; }
	#banner #banner_nav a.active { background: #B69239; }
	
	#banner #banner_nav a span { display: none; }

	#banner .frame {
		margin: 0 10px;
		padding: 303px 0 0;
		width: 950px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 800;
	}
	
	#banner #frame1 { background: url("images/banner_frame1.png") top left no-repeat; }
	#banner #frame2 { background: url("images/banner_frame2.png") top left no-repeat; }
	#banner #frame3 { background: url("images/banner_frame3.png") top left no-repeat; }
	#banner #frame4 { background: url("images/banner_frame4.png") top left no-repeat; }

#home #wrap #container {
	background: url("images/home_content_bg.png") top left repeat-x;
	margin: 0px 11px;
	border-top: 1px solid #fff;
}

	#home #wrap #container #content {
		float: right;
		width: 530px;
		margin: 0 25px 0 0;
		padding: 10px 0 0;
	}

#home #wrap #sidebar {
	margin: 0 585px 0 0;
}



/* Interior Page Content */

#portfolio #wrap #container,
#interior #wrap #container {
	background: url("images/interior_content_bg.png") 0 0 no-repeat;
	position: relative;
}

#interior #content {
	float: right;
	width: 608px;
	margin: 0 44px 0 0;
	padding: 30px 0 0 0;	
}

	#interior #content h1 {
		margin: .75em 0;
	}

#content #breadcrumbs {
	position: absolute;
	top: 5px;
	left: 320px;
	font-size: 11px;
	color:#6e9fb7;
}

	#content #breadcrumbs a {
		color: #6e9fb7;
	}
	
#interior #sidebar #subnav {
	height: 302px;
	overflow: hidden;	
}
	
#interior #sidebar #subnav ul {
	list-style: none;
	padding: 32px 0 0em 44px;
	margin: 0;
	width: 281px;
	text-align:right;
	font-size: 17px;
}

	#interior #sidebar #subnav ul li {
		padding: 0 24px 0 0;
		margin: 0 0 8px 0;
		height: 28px;
		overflow: hidden;
	}
	
	#interior #sidebar #subnav ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 4px 60px 4px 0;
	}
	
	#interior #sidebar #subnav ul li.current_page_item a,
	#interior #sidebar #subnav ul li.active a {
		background: #fff url("images/subnav_tab.png") top left no-repeat;
		color: #069;
	}
	
	#interior #sidebar #subnav ul li a:hover {
		text-decoration: underline;
	}

#interior #sidebar {
	margin: 0 665px 0 10px;
}

#interior #sidebar .banners {
	list-style: none;
	padding: 10px 0 14em 14px;
	margin: 0;
	background: url("images/sidebar_bg.png") 302px 0 repeat-x;
	width: 277px;
}

	#interior #sidebar .banners li {
		height: 107px;
		widith: 265px;
		overflow: hidden;
		margin: 0;
	}

	#interior #sidebar .banners li a {
		display: block;
		padding: 107px 0 0;
		margin: 0;
		background: url("images/sidebar_buttons.png") top left no-repeat;
	}
	
	#interior #sidebar .banners li.portfolio a { background-position: 0 0; }
	#interior #sidebar .banners li.achievements a { background-position: 0 -107px; }
	#interior #sidebar .banners li.contact a { background-position: 0 -214px; }
	
body.portfolio #page #sidebar {
	background: #fff;
	margin-right: 668px;
}

body.portfolio #page #sidebar .banners {
	background: url("images/sidebar_portfolio_bg.png") top left repeat-x;
	padding-bottom: 30em;
	padding-top: 15px;
	width: 275px;
	border-right: 1px solid #fff;
}
	
	body.portfolio #page #sidebar .banners li {
		height: 104px;
		overflow: hidden;
		width: 264px;
	}
	
	body.portfolio #page #sidebar .banners li a {
		background: url("images/sidebar_buttons_portfolio.png") top left no-repeat;
		padding-top: 104px;
	}

	body.portfolio #page #sidebar .banners li.news a { background-position: 0 0; }
	body.portfolio #page #sidebar .banners li.achievements a { background-position: 0 -108px; }
	body.portfolio #page #sidebar .banners li.contact a { background-position: 0 -216px; }
	

/* Portfolio Items */

#portfolio #wrap #container {
	background: url("images/portfolio_content_bg.png") 0 0 no-repeat;	
}

#portfolio #wrap #content {
	float: right;
	margin: 0 25px 0 0;
	width: 508px;
	padding: 34px 0 0;
}

	#portfolio #content #breadcrumbs {
		left: 445px;
		top: 8px;
	}
	
	#portfolio #wrap #content h1 {
		margin-bottom: 42px;
	}

	#portfolio #wrap #content h2 {
		font-size: 18px;
		font-family:Arial,Sans-serif;
		color: #782C21;
		background: url("images/content_box_top.png") top left no-repeat;
		padding: 0 8px;
		margin: 0;
	}
		#portfolio #wrap #content h2 span {
			background: #fff;
			padding: 0 8px;
		}
	
	#portfolio #wrap div.box {
		background: url("images/content_box_repeat.png") top left repeat-y;
		margin: 0 0 2em;
	}
	
	#portfolio #wrap div.box div.content {
		background: url("images/content_box_bottom.png") bottom left no-repeat;
		padding-bottom: 4px;
	}
	
	#portfolio #wrap div.box div.content p {
		margin: .5em 16px;
	}
	
	#portfolio #wrap div.box div.content ul {
		list-style: none;
		margin: .5em 16px;
		padding: 0;
	}

	#portfolio #wrap div.box div.content ul li {
		background: url("images/bullet.png") 0px 3px no-repeat;
		padding: 0 0 0 1em;
	}
	
	
#portfolio #wrap #sidebar {
	padding: 1em 0 0 0;
	margin: 0 0 0 10px;
	width: 415px;
	border: 0;
}

	#portfolio #wrap #sidebar #canvas {
		height: 270px;
		width: 370px;
		overflow: hidden;
		position: relative;
		margin: 0 0 0 18px;
		border: 2px solid #fff;
		box-shadow: 1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		-moz-box-shadow: 1px 1px 3px #ccc;
		border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	#portfolio #wrap #sidebar #canvas img {
		border-radius: 7px;
		-webkit-border-radius: 7px;
	}

	#portfolio #wrap #sidebar #canvas div.snippet {
		background: #000;
		color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 11px;
		width: 370px;
		opacity: .6;
		filter: alpha(opacity=60);
		text-transform: uppercase;
		border-bottom-right-radius: 7px;
		-webkit-border-bottom-right-radius: 7px;
		border-bottom-left-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;
	}
	
	#portfolio #wrap #sidebar #canvas div.snippet p {
		margin: 0;
		padding: 1em;
	}
	
	#portfolio #wrap #sidebar #canvas div.snippet span.numbers {
		position: absolute;
		right: 11px;
		bottom: 11px;
	}
	
	#portfolio #wrap #sidebar #thumbs {
		list-style: none;
		margin: 1em 0;
		padding: 0 0 0 18px;
	}
	
	#portfolio #wrap #sidebar #thumbs li {
		border: 2px solid #fff;
		box-shadow: 1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		-moz-box-shadow: 1px 1px 3px #ccc;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		width: 115px;
		height: 115px;
		overflow: hidden;
		float:left;
		margin: 0 8px 10px 0;
	}
	
	#portfolio #wrap #sidebar #thumbs li img {
		-webkit-box-shadow: 1px 1px 3px #ccc;
		-moz-box-shadow: 1px 1px 3px #ccc;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 0;
	}
	
/* Basic Content Styles */
#content {
	color: #333;
	line-height: 1.75;
}

	#content h1 { 
		color: #9b7822;
		font: bold 20px "Century Gothic","Lucida Grande","Lucida Sans Unicode",Arial,Sans-serif;
		margin: .75em 0;
	}
	
	#content h2 { 
		color: #9b7822;
		font: bold 20px "Century Gothic","Lucida Grande","Lucida Sans Unicode",Arial,Sans-serif;
	}
	
	#content .bordered {
		background: url("images/home_news_repeat.png") top left repeat-y;
		width: 508px;
		margin: 1em 0;
	}
	
	#content .bordered h2 {
		background: #fff url("images/home_news_top.png") bottom left no-repeat;
		padding: 0 10px;
		margin: 0;
	}
	
	#content .bordered h2 span {
		background: #fff;
		padding: 0 10px;
	}
	
	#content .bordered ul {
		list-style: none;
		margin: 0;
		padding: 1.5em 2.5em 2em 40px;
		line-height: 1.5;
		background: url("images/home_news_bottom.png") bottom left no-repeat;
	}
	
	#content .bordered ul li {
		margin: 0 0 1em;
	}
	
#content .projects {
	list-style: none;
	padding: 0;
	margin: 1em 1em 2em;	
}

	#content .projects li {
		height: 49px;
		overflow: hidden;
	}
	
	#content .projects li a {
		display: block;
		padding: 18px 0;
		line-height: 1.0;
		font-size: 16px;
		color: #630;
		text-decoration: none;
		background: url("images/portfolio_list_sprite.png") 70px -42px no-repeat;
	}
	
	#content .projects li a:hover {
		background-position: 70px 8px;
	}
	
		#content .projects li a span.comma { display: none; }
		
		#content .projects li a span.name {
			display: block;
			float: left;
			width: 270px;
			margin: 0 1em 0 0;
			text-align: right;
		}
		
		#content .projects li a:hover span.name { text-decoration: underline; }
		
		#content .projects li a span.location {
			margin: 0 0 0 0;
			padding: 0 0 0 1em;
			border-left: 1px dotted;
		}
		
/* Sidebar */

#home #sidebar ul.banners {
	list-style: none;
	margin: 0;
	padding: 14px 0 0 14px;
}
	
	#home #sidebar ul.banners li {
		margin: 0 0 1em;
		height: 158px;
		width: 350px;
		overflow: hidden;
	}
	
	#home #sidebar ul.banners li a {
		display: block;
		padding: 350px 0 0;
	}
	
	#home #sidebar ul.banners li.portfolio a { background: url("images/sidebar_sprite.png") 0 0 no-repeat; }
	#home #sidebar ul.banners li.contact a { background: url("images/sidebar_sprite.png") 0 -316px no-repeat; }
	#home #sidebar ul.banners li.achievements a { background: url("images/sidebar_sprite.png") 0 -158px no-repeat; }

/* Footer */
#footer {
	clear: both;
	padding: 1em 20px 1em;
	margin: 0 0 4em;
	color: #d1e0e7;
	background: url("images/footer_bg.png") bottom left no-repeat;
	position: relative;
	line-height: 1.5;
}

	#footer .nav {
		border-top: 1px solid #d1e0e7;
		padding: 1em 1em; 
	}
	
	#footer .nav em {
		font-style: normal;
		color: #069;
	}
	
	#footer .signature {
		background: url("images/sutter_sig.gif") top left no-repeat;
		display: block;
		width: 205px;
		padding: 11px 0 0 0;
		position: absolute;
		top: 48px;
		right: 30px;
		z-index:999;
	}
	
	#footer .signature span { position: absolute; left: -9999em; }
	
	
	
/* Ad Hoc WP Styles */
#content ul.posts { list-style: none; margin: 1em 2em; padding: 0; border-top: 1px dashed #e7e7e7; }
#content ul.posts li { list-style-type: none; border-bottom: 1px dashed #e7e7e7; padding: 0 0 1em; }
#content ul.posts li h3 { margin-bottom: -1em; }
#content ul.posts li h3 a { color: #9b7822; text-decoration: none;  }
#content ul.posts li h3 a:hover { text-decoration: underline; }
#content p.meta { font-size:11px; color: #888; margin: 0; padding: 0; clear: left; }

#content div.navigation { height: 2em; position: relative; text-align: left; }
#content div.navigation div.alignright { position: absolute; top: 0; right: 0; }

table.equipment { border-collapse: collapse; width: 500px; margin: 1em 1em; }
table.equipment tr th { font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e7e7e7; }
table.equipment tr td { border-bottom: 1px solid #e7e7e7; padding: 4px; }


#portfolio #sidebar #portfolio_nav {
	position: relative;
	margin: 0 20px;
	text-align: center;
	padding: 3em 0 0; 
	clear: left;
}

	#sidebar #portfolio_nav a img { border: 0; }
	
	#sidebar #portfolio_nav select {
		width: 360px;
	}

	#sidebar #portfolio_nav .left {
		position: absolute;
		top: 0;
		left: 0;
	}
	#sidebar #portfolio_nav .right {
		position: absolute;
		top: 0;
		right: 0;
	}

	
#content div.photos { padding-left: 2em; }
#content div.photos a { margin-left: 1em; }


/* Green */
#home #sidebar ul.banners li.green a { background: url("images/sidebar_sprite.png") 0 -474px no-repeat; }
#interior #sidebar .banners li.green a { background-position: 0 -321px; }
body.portfolio #page #sidebar .banners li.green a { background-position: 0 -327px; }