/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Author: Danny Halarewich
    Website: www.halarewich.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



body {
	font: normal small "trebuchet ms", "verdana", sans-serif;
	color: #565873;
	background: #fff url(i/bg.gif) 0 0 repeat;
	margin: 0;
	padding: 0;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: 0.8em; /* for other IE versions */
}


div#wrapper {
	width: 780px;
	background: #fff url(i/wrapper_bg.gif) 100% 0 repeat-y;
}

div#container {
	width: 740px;
	background: #fff url(i/content_bottom.jpg) left bottom repeat-x;
}

div#header {
	width: 740px;
	height: 289px;
	background: transparent url(i/header_bg.jpg) 0 0 no-repeat;
}
	#header h1 {
		float: left;
		margin: 0;
	}

	#header h1 a {
		width: 204px;
		height: 129px;
		display: block;
		background: transparent url(i/logo.jpg) 0 0 no-repeat;
	}

#header #intro {
	float: left;
	width: 232px;
	height: 259px;
	margin-left: 120px;
	margin-top: 30px;
}

#header h2 {
	width: 232px;
	height: 52px;
	display: block;
	background: transparent url(i/signature_service.jpg) 0 0 no-repeat;
	margin: 0;
}

div#content_wrap {
	width: 728px;
	padding: 20px 6px 40px 6px;
}

div#navigation {
	float: left;
	width: 172px;
	background: transparent url(i/nav_bg.gif) 0 0 repeat-y;
}
	#navigation ul {
		list-style-type: none;
		background: transparent url(i/nav_top.jpg) 0 0 no-repeat;
		margin: 0;
		padding: 20px 5px 0 5px;
	}
		#navigation ul li {
			display: block;
			margin: 0;
		}
			#navigation ul li a {
				display: block;
				width: 158px;
				height: 21px;
				font: bold 110% "trebuchet ms", "verdana", sans-serif;
				background: transparent url(i/nav_norm.jpg) 0 0 no-repeat;
				color: #565873;
				text-decoration: none;
				padding: 5px;
			}
				#navigation ul li a:hover {
					background: transparent url(i/nav_over.jpg) 0 0 no-repeat;
				}

	div#navigation #nav_bottom {
		width: 172px;
		height: 67px;
		background: transparent url(i/nav_bottom.jpg) 0 0 no-repeat;
	}


div#contentboxes {
	float: left;
	width: 550px;
	height: 183px;
	padding-left: 6px;
}
#homeboxes div#contentboxes {
	float: none;
	width: 171px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px
}
div#homeboxes div#contentboxes div.keys,
  div#homeboxes div#contentboxes div.service,
  div#homeboxes div#contentboxes div.typing {
	margin-bottom: 6px
}
#footerboxes div#contentboxes {
	float: left;
	width: 734px;
	height: 183px;
	padding-left: 0px;
}
div#footerboxes {
	float: left;
	width: 734px;
	height: 183px;
	padding-left: 0px;
}
h2#contentboxes-head {
	float: left;
	margin: 0px 12px 12px;
	padding: 0px
}
div#contentboxes .universalbox {
	float: left;
	width: 147px;
	height: 159px;
	background: transparent url(i/uni_box.jpg) 0 0 no-repeat;
	margin: 0 6px;
	padding: 12px;
	display: inline; /*Fixes IE double-float-margin bug */
}
#contentboxes .keys {
	float: left;
	width: 147px;
	height: 159px;
	margin: 0 6px;
	padding: 12px;
	display: inline; /*Fixes IE double-float-margin bug */
	background: transparent url(i/uni_box_contract_keys.jpg) 0 0 no-repeat;
}
#contentboxes .service {
	float: left;
	width: 147px;
	height: 159px;
	margin: 0 6px;
	padding: 12px;
	display: inline; /*Fixes IE double-float-margin bug */
	background: transparent url(i/uni_box_service.jpg) 0 0 no-repeat;
}
#contentboxes .typing {
	float: left;
	width: 147px;
	height: 159px;
	margin: 0 6px;
	padding: 12px;
	display: inline; /*Fixes IE double-float-margin bug */
	background: transparent url(i/uni_box_typing.jpg) 0 0 no-repeat;
}

/*
div#contentboxes .universalbox {
	float: left;
	width: 147px;
	height: 171px;
	background: transparent url(i/uni_box.jpg) 0 0 no-repeat;
	margin: 0 6px;
	padding: 6px 12px;
	display: inline; /*Fixes IE double-float-margin bug *-/
}
*/
div#content {
	float: left;
	width: 538px;
	padding: 0 6px 0 12px;
	margin: 0px;
}

div#associations {
	width: 530px;
	height: 43px;
	margin: 60px 0 0 0;
}

div#footer {
	width: 100%;
	height: 60px;
	background: #50546D url(i/footer_bg.gif) 0 0 repeat-x;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h2 {
	font: bold 160% "trebuchet ms", "verdana", sans-serif;
	letter-spacing: -.02em;
	color: #D5A463;
	margin: 18px 0;
}

div.officeSep {
	clear: both;
}
div.officeSep h4 {
	color: #D5A463;
}
.universalbox h2 {
	color: #566873;
}
.keys h2, .service h2, .typing h2 {
	color: #364863;
}
.universalbox a:hover, .keys a:hover, .service a:hover, .typing a:hover {
	color: #C57423;
}
.universalbox, .keys, .service, .typing {
	color: #263853;
}
h3 {
	font: bold 140% "trebuchet ms", "verdana", sans-serif;
	color: #D5A453;
	margin: 18px 0;
}

h4 {
	font: bold 120% "trebuchet ms", "verdana", sans-serif;
	color: #565873;
}

p {
	font: normal 100% "trebuchet ms", "verdana", sans-serif;
	color: #565873;
}

#intro p {
	font: bold 115% "trebuchet ms", "verdana", sans-serif;
	color: #fff;
	line-height: 1.6em;
}

#footer p {
	float: left;
	width: 700px;
	height: 40px;
	color: #B2B0C6;
	font-size: 80%;
	padding: 0;
	margin: 15px 0 0 16px;
}

a {
	font: bold 100% "trebuchet ms", "verdana", sans-serif;
	color: #565873;
}
a:hover {color: #D5A453;}
#content ul#services li {
	float: left;
	text-align: left;
	width: 160px;
	list-style: circle;
	padding: 0px;
	margin: 0px;
}
#content ul, #content ol {
	font-size: 110%;
}

.universalbox ul, .universalbox ol, .keys ul, .typing ul, .service ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.keys li, .typing li, .service li {
	font-weight: bold
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #565873;
}

blockquote {
	padding: 12px;
	margin: 0;
	background-color: #F7E9CE;
}

blockquote p {
	font: bold italic 140% "trebuchet ms", "verdana", sans-serif;
	margin: 6px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.programtable {
	width: 538px;
	border: 1px solid #DAD9E4;
}

table.programtable th {
	background-color: #E8D0A0;
	text-align: left;
	padding: 3px;
}

table.programtable td {
	background-color: #EBEAF1;
	padding: 3px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Team Members
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.teammember {
	display: inline;
	float: left;
	width: 99px;
	text-align: center;
	margin: 0px 24px 9px 0px;
	padding: 0px 0px 9px 0px;
}
div.teammember .imgWrap {
	height: 126px;
	border: 1px solid #D5A453;
}
div.teammember img {
	padding: 4px;
/*	border: 1px solid #D5A453;*/
	margin: 0;
}
div.teammember h5 {
	display: inline;
	margin: 4px 0;
}
div.teammember h6 {
	font-size: 0.8em;
	margin: 0;
	overflow: hidden
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Bio
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#bio_top {
	/*width: 512px;*/
	width: 518px;
	padding: 0px;
	margin: 0px;
	float: left;
}

div#agentbio {
	float: left;
	width: 300px;
	padding: 0px 12px 0px 0px;
	margin: 0px
}

div#right_wrap {
	float: right;
	width: 200px;
	text-align: right;
	padding: 0px;
	margin: 0px
}

div#right_wrap img {
	width: 200px;
	padding: 0px;
	/*height: 260px;*/
	margin: 0px;
}
div#right_wrap ul {
	margin: 0px;
	padding: 0px;
	width: 200px;
	list-style-type: none;
	font-size: 85%;
}

div#bio_bottom {

}

	div#bio_bottom div#helpfullinks {
		float: left;
		width: 330px;
		padding-right: 12px;
	}
	div#bio_bottom div#biobuttons {
		float: left;
		width: 196px;
	}
		div#biobuttons a {
			display: block;
			float: left;
			width: 196px;
			height: 37px;
			background: #F7E9CE url(i/button.jpg) 0 0 no-repeat;
			color: #565873;
			font: bold 130% "trebuchet ms", "verdana", sans-serif;
			text-align: center;
			text-decoration: none;
			padding-top: 12px;
		}
			div#biobuttons a#contactbutton {
				margin: 40px 0;
			}
		div#biobuttons a:hover {
			color: #414558;
		}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


fieldset {
	padding: 34px 0 34px 34px;
}

legend {
	font-weight: bold;
	color: #565873;
	_margin-bottom: 34px;
	font-size: 1.2em
}

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

input.check_radio {
	width: auto;
	margin-right: 24px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

label.med {
	width: 120px
}

form br {
	clear: left;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Misc.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header h1 a,
#header h2 {      /*----Add image replaced element here----*/
	letter-spacing: -1000em;
	text-indent: -999em;
	overflow: hidden;
}

div.clearer {clear: left; line-height: 0px; height: 0;}

a img.associations {
	float: left;
	border: none;
	margin-right: 40px;
}

hr {
	height: 6px;
	color: #B2B0C6;
	background-color: #B2B0C6;
	/*margin: 24px 0;*/
	margin: 12px 0;
	_margin: 0;
}