/* @override http://68.56.219.226/hbdgfolio3/styles/style.css */

/* 
Theme Name: HamiltonBerchman
Theme URI: http://www.hamiltonberchman.com/
Description: This is the theme for HamiltonBerchman Design Group, Inc. for Wordpress use
Version: 1.0
Author: Bert Mahoney
Author URI: http://www.berchman.com/

*/

body {
	margin: 0;
	font: 86% HelveticaNeue, Helvetica, Arial, sans-serif;
	color: #353D43;
	background: #353D43;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main {
	margin: 0 auto;
}

/* @group header */

#head-bg {
	width: 100%;
	background: #353D43;
}

#header {
	width: 903px;
	background: url(images/header-shadow.png) no-repeat 50% 0;
	height: 138px;
	margin: 0 auto;
}

#header-content {
	margin: 38px 0 0 38px;
	padding: 20px 0 0 20px;
	float: left;
	display: inline;
	width: 805px;
	height: 80px;
	background: #E6E6D8;
}

#header-content h1 {
	float: left;
	padding: 0;
	margin: 0;
	color: #551C00;
	font-size: 18px;
	font-weight: normal;
}

#header-content h1 span {
	color: #423F1E;
}

#header-content em {
	font-style: normal;
	float: right;
	padding: 4px 22px 0 0;
	color: #898372;
}

/* @end */

/* @group main navigation */

ul.navigation {
	width: 560px;
	float: left;
	padding: 26px 0 0 0;
}

ul.navigation li {
	float: left;
	padding: 0 24px 0 0;
}

ul.navigation li a {
	float: left;
	color: #898372;
}

/* @end */

form.go {
	padding: 32px 26px 0 0;
	margin: 0;
	float: right;
}

input.go-inp {
	width: 96px;
	height: 13px;
	float: left;
	padding: 0 0 0 2px;
	font: 10px HelveticaNeue, Helvetica, Arial, sans-serif;
	color: #353D43;
	border: 1px solid #898372;
	margin: 0 5px 0 0;
	display: inline;
}

input.go-button {
	background: url(images/go-button.gif) no-repeat 0 0;
	width: 20px;
	height: 12px;
	float: left;
	border: 0;
	margin: 1px 0 0 0;
}

/* @group layout area */

#content-bg {
	width: 100%;
	background: #657580;
}

#content {
	background: url(images/content-bg.png) repeat-y 0 0;
	width: 863px;
	min-height: 315px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 0 30px;
}

* html #content {
	height: 315px;
}

.left-content {
	width: 295px;
	padding: 0 0 0 15px;
	float: left;
}

.left-content p {
	line-height: 20px;
	padding: 15px 20px 0 0;
}

.left-content h2 {
	font-size: 1em;
	line-height: 1em;
	clear: both;
	margin-top: 60px;
}

.left-content p a {
	color: #76763A;
}

.right-content {
	width: 500px;
	float: left;
}

.right-content p {
	margin-bottom: 20px;
	padding-right: 15px;
}

.right-content img {
	border: 0;
	float: left;
}

#sidebar ul {
	margin: 10px 0 30px;
	padding: 0;
}

#sidebar ul li {
	margin: 8px 0 0 0;
	padding: 0 0 0 15px;
	background: transparent url(images/arrow.gif) no-repeat 0 3px;
}

/* @end */

/* @group event list */

ul.events {
	width: 280px;
	float: left;
	padding: 0 0 12px 0;
}

ul.events li {
	float: left;
	width: 280px;
	padding: 12px 0 0 0;
}

ul.events li strong {
	color: #551C00;
	width: 280px;
	float: left;
	padding: 0 0 5px 0;
	font-size: .75em;
}

ul.events li a {
	color: #76763A;
	margin-left: 5px;
	font-size: .85em;
}

/* @end */

/* @group bottom */

#bottom-bg {
	background: #353D43;
	width: 100%;
}

#bottom-shadow {
	margin: 0 auto;
	background: url(images/bottom-bg-shadow.png) no-repeat 0 0;
	width: 903px;
	height: 137px;
}

#bottom-content {
	width: 825px;
	height: 100px;
	margin: 0 0 0 38px;
	display: inline;
	background: #E6E6D8;
	float: left;
}

/* @end */

ul.options {
	width: 260px;
	float: left;
	padding: 14px 0 0 0;
}

ul.options li {
	width: 260px;
	float: left;
	line-height: 23px;
	background: url(images/options-ico.gif) no-repeat 0 5px;
	padding: 0 0 0 20px;
}

ul.options li a {
	color: #898372;
}

.right-content blockquote {
	width: 400px;
	float: left;
	text-align: center;
	margin: 0 0 0 50px;
	display: inline;
	padding: 14px 0 0 0;
	color: #898372;
}

.right-content em {
	font-style: normal;
	color: #898372;
	font-size: 10px;
	width: 500px;
	text-align: center;
	float: left;
	padding: 6px 0 0 0;
}

/* @group footer */

#footer {
	width: 903px;
	margin: 0 auto;
}

#footer ul {
	width: 825px;
	float: left;
	padding: 0 0 0 50px;
}

#footer ul li {
	float: left;
	padding: 0 278px 0 0;
	font-size: .75em;
	color: #8F968F;
}

#footer ul li#last-li {
	padding: 0;
}

#footer ul li a {
	color: #8F968F;
	white-space: nowrap;
}

/* @end */

.entry {
	font-size: 1em;
	line-height: 1.5em;
}

.postdate {
	color: gray;
	margin-bottom: 15px;
	margin-top: 15px;
}

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;}

/* @group portfolio */

#Portfolio {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}

#Portfolio li {
	display: block;
	float: left;
	width: 105px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: .8em;
	height: 1.75em;
	line-height: 1.75em;
	background: #d5d5c1 url(portfolio_area_bkgd.png) no-repeat left top;
}

#Portfolio li a {
	width: 115px;
	height: 20px;
	margin: 0;
	padding: 3px;
	text-decoration: none;
	color: #898372;
}

#Portfolio li.current {
	background-color: white;
	color: #551c00;
	background-image: none;
}

/* @group Thumbnails */

#Thumbnails {
	list-style-type: none;
	padding: 0 0 7px;
	clear: both;
	margin: 35px 0 0 15px;
	width: 275px;
	height: 24px;
	border-bottom: 1px solid #898372;
}

#Thumbnails li {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 15px;
}

#Thumbnails a:link#current, #Thumbnails a:visited#current, #Thumbnails a:hover {
	border-bottom: 2px solid #898372;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#Thumbnails a img {
	border-style: none;
}

/* @end */

/* @group portfolio-area-left */

#portfolio_area_left {
	margin: 0 14px 0 -2px;
	padding: 0;
	width: 300px;
	height: auto;
	float: left;
}

#portfolio_area_left h3 {
	clear: both;
	margin: 15px 15px 3px;
	font-size: 1.25em;
	font-weight: normal;
	font-style: normal;
}

#portfolio_area_left h4 {
	color: #8597a5;
	font-weight: normal;
	font-style: normal;
	font-size: .9em;
	margin-left: 15px;
	margin-top: 0;
	margin-bottom: 0;
}

#portfolio_area_left h4 .client_name {
	color: #353d4d;
}

#portfolio_area_left p {
	font-size: .85em;
	line-height: 1.75em;
	margin: 12px 15px 0;
}

/* @end */

/* @group Categories */

ul#Categories {
	text-align: right;
	font-size: .85em;
	width: 100%;
}

ul#Categories li {
	width: 33%;
	text-align: center;
	float: left;
	text-transform: uppercase;
	letter-spacing: 1px;
}

ul#Categories li a {
	display: block;
	background-color: #d5d5c1;
	padding: 3px;
	color: #551c00;
}

ul#Categories li a:hover {
	color: black;
}

ul#Categories li a.active {
		background-color: white;
}

ul#Categories li a.inactive {
	background-color: #d5d5c1;
}

/* @end */

p.more_images {
	text-align: right;
	font-size: .85em;
}

p.more_images a {
	text-decoration: none;
	color: #76763a;
	padding: 3px;
	margin: 0;
}

p.more_images a:hover {
	background-color: #d5d5c1;
}

div#ProjectImage {
	margin: 0;
	padding: 0;
	height: 315px;
}

/* @end */