/* -------------------- begin commonn elements ------------------- */
*{margin:0; padding:0;}
html, body{
	height:100%;
}
body{
	font: 76% Arial, Helvetica, sans-serif;
	color:#8a7967;
	background:url(../images/background-body.gif) left top repeat;
}
#wrapper{
	width:980px;
	padding-bottom:40px;
	background:url(../images/background-wrapper.gif) left top repeat-y;
	position:relative;
}
#home #wrapper{
	padding-bottom:0;
}

h1 a{
	display:block;
	width:210px;
	height:110px;
	background:url(../images/h1-signature_logo.gif) left top no-repeat;
	text-indent:-200em;
	overflow:hidden;
	position:relative;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.8em;
	font-weight:normal;
	margin-bottom:.4em;
}
h3 {
font-size:1em;
}
h4{
	font-size:.9em;
	font-weight:bold;
	margin-top:.5em;
}

a img {
border:none;
}

div#mastheadimage{
	width:980px;
	height:340px;
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}

div#maincontent p{
	font-size:1em;
	line-height:1.6em;
	margin-bottom:1.7em;
}
div#maincontent ul, div#maincontent ol{
	list-style-position:outside;
	font-size:1em;
	margin-left:22px;
	margin-bottom:10px;
	line-height:1.6em;
}

div#maincontent ul ul, div#maincontent ol ol{
	font-size:1em;
	margin-left:16px;
	margin-bottom:10px;
	line-height:1.6em;
}

div#maincontent{
	margin-left:254px;
	margin-top:206px;
	position:relative;
}
#maincontent a, #footer a, #maincontent a:visited, #footer a:visited{
	color:#325a7b;
	text-decoration:none;
}
#maincontent a:hover{
	color:#999;
}
#wrapper_swoop{
	height:100%;
	min-height:100%;
	background:url(../images/background-body_swoop.gif) 980px 80px no-repeat;
}
/* -------------------- end commonn elements ------------------- */



/* -------------------- begin individual page styles ------------------- */
body#home div#maincontent{width:420px;}

body#about div#mastheadimage{background:url(../images/background-masthead_about.jpg) left top no-repeat;}
body#about div#maincontent{width:540px;}
body#about h2{color:#8d9813;}

body#personal div#mastheadimage{background:url(../images/background-masthead_personal.jpg) left top no-repeat;}
body#personal div#maincontent{width:540px;}
body#personal h2{color:#81597b;}

body#business div#mastheadimage{background:url(../images/background-masthead_business.jpg) left top no-repeat;}
body#business div#maincontent{width:540px;}
body#business h2{color:#bd5d1d;}

body#employee div#mastheadimage{background:url(../images/background-masthead_employee.jpg) left top no-repeat;}
body#employee div#maincontent{width:540px;}
body#employee h2{color:#766655;}

body#contact div#mastheadimage{background:url(../images/background-masthead_contact.jpg) left top no-repeat;}
body#contact div#maincontent{width:540px;}
body#contact h2{color:#73080c;}
/* -------------------- end individual page styles ------------------- */

/* -------------------- begin search -----------------------------------*/

#searchform {
	position:absolute;
	z-index:2;
	top:10px;
	right: 27px;
	width:198px;
}

#searchform #s {
	height:14px;
	font-size:.8em;
	border: 2px solid #eaeaeb;
	margin:0;
	width:166px;
	float:left;
}

#searchform #searchsubmit {
	display:block;
	float:right;
	padding-top:3px;
}

/* -------------------- begin home ------------------- */
#intro{
	width:980px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
/* -- begin recentposts -- */
div#recentposts{
	margin-left:720px;
	padding-top:1.8em;
	background:url(../images/background-dottedborder_hor.gif) left top repeat-x;
}
div#recentposts ul{
	margin-left:4px;
}
div#recentposts li{
	font-size:.8em;
	line-height:1.3em;
	color:#8d981e;
	list-style:none;
	margin-bottom:2.2em;
	background:url(../images/background-sidebar_li.gif) left 2px no-repeat;
	padding-left:16px;
	width:212px;
}

div#recentposts li a,div#recentposts li a:visited {
	color:#8d9813;
	text-decoration:none;
}
div#recentposts li a:hover {
	color:#666;
}

/* -- end sidebar -- */
/* -------------------- end home ------------------- */

/* -------------------- begin footer ------------------- */
div#footer{
	position:relative;
	background:url(../images/background-dottedborder_hor.gif) left -1px repeat;
	height:19px;
	width:980px;
	padding-top:4px;
}
div#footer ul{
	color:#000;
	font-size:.8em;
	background:#fff;
	list-style:none;
	margin:0px 33px 0 696px;
	padding-right:5px;
	padding-left:10px;
	padding-top:1px;
	height:14px;
}
div#footer li{
	display:inline;
}
#footer_colorblock{
	float:right;
	height:22px;
	width:22px;
	position:absolute;
	top:0px;
	right:2px;
	
}
/* begin individual footer color blocks per top level categories */
#home #footer_colorblock{background:#325a7b;}
#about #footer_colorblock{background:#8d981e;}
#personal #footer_colorblock{background:#81597b;}
#business #footer_colorblock{background:#bd5d1d;}
#employee #footer_colorblock{background:#766655;}
#contact #footer_colorblock{background:#73080c;}
/* end individual footer color blocks per top level categories */

/* -------------------- end footer ------------------- */


/* -------------------- begin news ------------------- */

.news #wrapper #maincontent h2 {
	margin-bottom:0px;
}
.news #wrapper #maincontent div h3 {
	margin-top:12px;
}
.news #wrapper #maincontent div p {
	margin:0;
}
.news #wrapper #maincontent ul.yearlist {
	list-style:none;
	margin:0 0 24px 0;
	padding-left:0;
	width:100%;
	height:12px;
	text-indent:0;
}
.news #wrapper #maincontent ul.yearlist li{
	float:left;
	margin-right:8px;
}
#maincontent .postnav {
margin-bottom:20px;
height:20px;
display:block;
}
#maincontent .postnav .alignleft {
float:left;
}
#maincontent .postnav .alignright {
float:right;
}
/* -------------------- end news ------------------- */

/* -------------------- form elements ---------------- */


#wrapper #maincontent .entry .gform_wrapper form .gform_body .left_label .gfield .ginput_complex .ginput_left,
#wrapper #maincontent .entry .gform_wrapper form .gform_body .left_label .gfield .ginput_complex .ginput_right
 {


}
#gforms_confirmation_message {
	margin-top:200px;
	margin-bottom:300px;
}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{
	margin-left:160px;
}

/* -------------------- end form elements ---------------- */
/* -------------------- begin images      ---------------- */
 
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
#contact #maincontent .entry p img.alignleft{

}
/* End Images */