@charset "utf-8";

/* 
============================================================================
BROWN HORNET DESIGN, INC.
www.brownhornetdesign.com // info@brownhornetdesign.com
----------------------------------------------------------------------------
 client: Campaing to elect Wesley Wood
   date: October 2009
----------------------------------------------------------------------------
Except where explicitly stated otherwise, all source code for this project,
including, but not limited to source code  written in HTML, XHTML, XML, CSS,
JavaScript, Java, ActionScript (Flash), PHP, MySQL, and Lingo (Director) 
is the property of and copyright (C) 2009 by Brown Hornet Design, Inc. 
All rights reserved. You are not permitted to use, reverse engineer, or 
otherwise adapt or modify this code for other projects and purposes without 
the expression written permission of Brown Hornet Design, Inc.
============================================================================
*/



html {
	font-size: 100%;
}

body {
/*	font: 12px/18px Helvetica, Arial, sans-serif; */
	font: 12px/18px Arial, Helvetica, sans-serif; 
	background: #CCCCCC;
	background-image: url(header-2.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

#container {
	width: 920px; 
	margin: 0px auto; 
	border: C49A6B;
	text-align: left; 
}


/* ---------------------------------------------------------- */


#header {
	background-image:url(masthead-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 150px;
	width: 920px;
	height: 150px;
	overflow: visible;
	margin-top: 7px;
	background-image: url(masthead-bg.png);
	
}

img.masthead {
		display: block;
}


/* ---------------------------------------------------------- */


#header #navbar-wrapper {
	width: 900px;
	margin: 0;
	padding: 0;
	background-image:url(index/nav-bar-background-file.png);
	background-repeat: repeat-y;
	background-position: top left;
}

#navbar {
	margin: 0 0px;
	min-height: 37px;
	background-image:url(index/xnav-bar-file.png)
}
#navbar-new {
	margin: 0 0px;
	margin-right: 75px;
	margin-left: 75px;
	padding-top: 7px;

}
#navigation {
	width: 100%;
	height: 40px
	margin: 0;
	padding: 0;
	background-image:url(navbar-back.png);
	background-position: top left;
	height: 49px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#logo {
	padding-top: 25px;
	padding-left: 85px;
}

ul#navbuttons {
	margin: 0;
	display: inline;
	color: #FFFFFF;
}

ul#navbuttons li {
	display: block;
	float: left;
	margin: 0;
	list-style-type: none;
}

ul#navbuttons li img {
	border: 0;
	display: block;
}


/* ---------------------------------------------------------- */


#content-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	background-image:url(LR-bg.png);
	background-repeat: repeat-y;
	background-position: top left;
}

#content-blocks {
	margin: 0 8px;
	padding: 23px 20px 20px;
	background-repeat: no-repeat;
	background-position: top right;
	max-height: 500px;
	height: 450px;
}


/* ---------------------------------------------------------- */


#footer-wrapper {
	width: 100%;
	margin: 0;
	padding: 0 0 8px 0;
	background-image:url(footer.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	border-top-style: none;
	border-top-color: #999999;
}

#footer {
	margin: 0 8px;
	padding: 3px 6px 4px;
	color: #553D21;
	font-size: 0.833em;
	line-height: 1.4em;
}

#footer .footleft {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

#footer .footright {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {
	position: relative;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px none #fff;
}

#footer a:hover {
	border-bottom: 1px dotted #fff;
}

#footer .address-delim {
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

#footer .link-delim {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}


/* ---------------------------------------------------------- */


.contentStart, .contentEnd {
	clear: both;
	padding-top: 1px;
}

.contentStart + * {
	margin-top: 0;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.text-box {
	padding: 10px 10px 5px;
}

div.case-study-intros {
	width: 434px;
	float: right; 
}

div.case-study-intro {
	margin-top: 10px;
	background-color: #FAFAFA;
	border: 1px #CCC solid;
	padding: 10px 10px 5px;
}

div.text-box + div.text-box {
	margin-top: 20px;
}

div.text-box > *:first-child, div.case-study-intro > *:first-child {
	margin-top: 0;
}

div.photo-box img, 
div.photo-box-bio img,
div.photo-box-svc a img {
	display: block;
	background-color: #FAFAFA;
	border: 1px #CCC solid;
	padding: 0;
}

div.photo-box-bio {
	float: left;
	margin: 12px 12px 5px 0;
}

div.photo-box-svc {
	float: left;
	margin-bottom: 3px;
}

p, ul, blockquote, td, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

p, ul {
	margin-top: 0.333em;
}

ul {
	margin-bottom: 0;
}

p + p, p + ul, ul + p, ul + ul {
	margin-top: 0.67em;
}

h1 {
	color: #333;
	font-size: 2.0em;
	line-height: 1.0em;
}

h1 + div.text-box,
p + div.text-box {
	margin-top: 10px;
}

h2 {
	margin-top: 0.75em;
	padding-bottom: 0.5px;
	padding-left: 0px;
	color: #333333;
	font-size: 1.2em;
	line-height: 1.25em;
}

a, a:link, a:active, a:focus {
	color: #640101;
	text-decoration: none;
	font-size: 1em;
}

a:hover {
	color: #EE3224;
	text-decoration: none;
	font-size: 1em;
}

a:visited {
	color: #660000;
	text-decoration: none;
	font-size: 1em;
}


div.photo-box-bio + p {
	margin-top: 8px;
}

.text-box ul {
	list-style: none;
}

.text-box li {
	background: url(index/bull-std.gif) 0 1px no-repeat;
	padding-left: 15px;
}

h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:focus {
	color: #EE3224;
/*	text-decoration: underline;  */
	padding-bottom: 0px;
	border-bottom: 0px #EE3224 dotted;
}

h2 a:hover {
	color: #333;
/*	text-decoration: underline;   */
	padding-bottom: 0px;
	border-bottom: 0px #333 solid;
}

.h2-mail-dingbat {
	width: 19px;
	height: 12px;
	margin-top: -19px;
	border: 0 #fff none;
	padding: 4px 0 0 0;
	text-decoration: none;
}

ul.about-3col-c1 {
	float: left; 
	padding-left: 40px; 
	padding-right: 40px;
}

ul.about-3col-c2 {
	float: left;
	padding-right: 40px;
}

ul.about-3col-c3 {
	float:left;
}


div.svc-intro-block {
	margin: 0 0 0 132px;
}

div.svc-intro-block > *:first-child {
	margin-top: 2px;
}

.link-to-svc-pg {
	float: right; 
	margin-top: -18px; 
	margin-bottom: 0; 
	white-space: nowrap;
	font-style: normal;
	font-size: 0.9em;
	font-weight: bold;
}

.link-to-svc-pg a {
	padding-left: 1px;
	padding-right: 1px;
}

.space-for-svc-link {
	padding-right: 10em;
	color: #fff;
	background-color: inherit;
}

.h2-pdf-dingbat {
	width: 17px;
	height: 17px;
	margin-top: -24px;
	border: 0 #fff none;
	padding: 4px 0 0 0;
	text-decoration: none;
}

.contact-label {
	margin-bottom: 0px;
	font-size: 11px;
	font-color: #666;
}

.contact-field {
	margin-top: 0px;
}

.contact-field-A,	
.contact-field-B,		
.contact-field-C,		
.contact-field-D {		
	border: 1px #CCC solid;
	padding: 2px;
	}

.contact-field-A {	width: 22.0em;	}
.contact-field-B {	width: 11.0em;	}
.contact-field-C {	width: 27.5em;	}
.contact-field-D {	width: 494px;	}

.contact-field textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.89em; 
	}

#contact-submit {
	margin-top: 1.25em;
	margin-bottom: 10px;
	text-align: center;
	}
	
.contact-btn {
	font-size: 0.75em;
	padding: 2px 2px 2px 2px;
	width: 7.5em;
	text-transform: uppercase;
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
	}
	#globalNav {
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #CCCCCC;
}
#global a, a:link, a:active, a:focus {
	color: #999999;
	text-decoration: none;
	font-size: 1em;
}

#global a:hover {
	color: #EE3224;
	text-decoration: none;
}
#PrimaryContent {
	width: 400px;
	float: left;
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 20px;
	}
	
#SecondaryContent {
	float: right;
	width: 150px;
	padding-top: 50px;
}