@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol {
	list-style: none;
}
ul {
  font-family: Helvetica, Arial, Verdana;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 1.4em;	
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END CSS RESETS */


/* BEGIN Utility Styles */				  				  					  				  
.floatLeft 									{ float: left; }
.floatRight									{ float: right; }
.clear 										{ clear: both; }
/* END Utility Styles */


/* BEGIN General Site Styling */
body {
    font-size: 62.5%;
    font-family: 'Helvetica Neue', Helvetica, 'Gill Sans MT', 'Myriad Pro', Myriad, Arial, sans-serif;
    background: url(images/bgTile.png) repeat;
	text-align: center; /* Allows for Centering in Older Browsers */
    }

li {
	font-size: 1.4em;
}

a {  text-decoration: none; font-weight: bold; color: #000; }

a:hover, a:active { text-decoration: underline; color: #a45f08; }

a:visited {
	color: #7f4a07;
	}

h1 {
    font-size: 2.0em;
	font-weight: 600;
	color: #000;
    }
	h1 a {
		color: #000;
		text-decoration: none;
		font-size: 1.2em;
		}
	h1 a:hover, h1 a:visited  {
		text-decoration: none;
		color: #000;
		}
	h1.homeTitle {
		background: url(images/homeTitle.png);
		width: 81px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		}
	h1.aboutTitle {
		background: url(images/aboutTitle.png);
		width: 126px;
		height: 31px;
		text-indent: -9999px;
		overflow: hidden;
		}
	h1.pubServTitle {
		background: url(images/pubServTitle.png);
		width: 277px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		}
	h1.privServTitle {
		background: url(images/privServTitle.png);
		width: 292px;
		height: 30px;
		text-indent: -9999px;
		overflow: hidden;
		}
	h1.erTitle {
		background: url(images/erTitle.png);
		width: 139px;
		height: 31px;
		text-indent: -9999px;
		overflow: hidden;
		}
	h1.rlTitle {
		background: url(images/rlTitle.png);
		width: 230px;
		height: 31px;
		text-indent: -9999px;
		overflow: hidden;
		}
	h1.contactTitle {
		background: url(images/contactTitle.png);
		width: 103px;
		height: 31px;
		text-indent: -9999px;
		overflow: hidden;
		}
h2 {
	font-size: 1.9em;
	color: #000;
	font-weight: bold;
	}
	.portraitName {
		font-size: 1.9em;
		color: #000;
		font-weight: bold;
		margin-left: 125px;
		}
	h2 img {
		float: left;
		}
h3 {
	font-size: 1.4em;
	color: #999;
	font-weight: bold;
	}
	.portraitSub {
		font-size: 1.4em;
		color: #a08664;
		font-weight: bold;
		margin-left: 125px;
		}
h4 {
	font-size: 1.0em;
	color: #000;
	}
	.titleHR {
		padding: 10px 0 40px 0;
		}

span.bold {
	font-weight: bold;
	}
span.italic {
	font-style: italic;
	}

div#page-wrap {
	width: 960px;
	margin-left: auto; /* margin-left & -right: auto, centers page in browser */
	margin-right: auto;
	text-align: left; /* RESETS default body centering (compatibility for older browsers) */
	position: relative;
    }
/* END General Site Styling */


/* BEGIN Header Styling */
div#headerContainer {
	width: 960px;
	height: 249px;
	background: url(images/headerBG.png) no-repeat;
	position: relative;
	margin: auto;
	overflow: hidden;
	}
	div#headerContainer a {
		text-decoration: none;
		color: #FFF;
		}
div#headerPics { 
	height: 203px; 
	width: 628px; 
	margin: auto;
	position: relative;
	z-index: 1;
	margin: auto;
	bottom: 203px;
	left: 158px;
	}
	div#headerPics img { 
		display: none;
		}
	div#headerPics img.first {
		display: block; /* Gracefully degradable cycle when js is disabled */
		}
	.openFade img {
		display: none; /* Displays only first slide when js is disabled */
		}
/* END Header Styling */


/* BEGIN Navigation Styling */
div#naviTrans {
	background: url(images/naviTrans.png);
	width: 205px;
	height: 203px;
	position: relative;
	z-index: 2;
	top: 0px;
	left: 747px;
	}
	div#navi {
		position: relative;
		z-index: 3;
		}
	div#navi a {
		margin-left: 750px;
		}
	
	#buttonHome a,
	#buttonAbout a,
	#buttonPubServ a,
	#buttonPrivServ a,
	#buttonExpRef a,
	#buttonRL a,
	#buttonContact a,
	#buttonBlog a,
	#buttonUE a,
	#buttonCal a
	{
		width: 191px;
		height: 25px;
		position: absolute;
		background-position: 0 0;
		text-indent: -9999em;
		overflow: hidden;
	}
	#buttonAbout a {
		height: 20px;
		}
	#buttonPubServ a {
		height: 20px;
		}
	#buttonPrivServ a {
		height: 21px;
		}
	#buttonExpRef a {
		height: 20px;
		}
	#buttonRL a {
		height: 19px;
		}
	#buttonContact a {
		height: 20px;
		}
	#buttonBlog a {
		height: 19px;
		}
	#buttonUE a {
		height: 19px;
		}
	#buttonCal a {
		height: 28px;
		}
	#buttonHome a { top: 0px; left: 0px;}
	#buttonAbout a { top: 25px; left: 0px; }
	#buttonPubServ a { top: 45px; left: 0px; }
	#buttonPrivServ a { top: 65px; left: 0px; }
	#buttonExpRef a { top: 86px; left: 0px; }
	#buttonRL a { top: 106px; left: 0px; }
	#buttonContact a { top: 125px; left: 0px; }
	#buttonBlog a { top: 145px; left: 0px; }
	#buttonUE a { top: 164px; left: 0px; }
	#buttonCal a { top: 183px; left: 0px; }
	#buttonHome a { background-image: url(images/btnHome.png); }
	#buttonAbout a { background-image: url(images/btnAbout.png); }
	#buttonPubServ a { background-image: url(images/btnPubServ.png) ; }
	#buttonPrivServ a { background-image: url(images/btnPrivServ.png) ; }
	#buttonExpRef a { background-image: url(images/btnExp.png); }
	#buttonRL a { background-image: url(images/btnRL.png); }
	#buttonContact a { background-image: url(images/btnContact.png); }
	#buttonBlog a { background-image: url(images/btnBlog.png); }
	#buttonUE a { background-image: url(images/btnUE.png); }
	#buttonCal a { background-image: url(images/btnCal.png); }
	
	#buttonHome a:hover,
	#buttonAbout a:hover,
	#buttonPubServ a:hover,
	#buttonPrivServ a:hover,
	#buttonExpRef a:hover,
	#buttonRL a:hover,
	#buttonContact a:hover,
	#buttonBlog a:hover,
	#buttonUE a:hover,
	#buttonCal a:hover { background-position: 205px 0; }
/* END Navigation Styling */


/* ---------------------------- BEGIN MC Styling ---------------------------- */
/* BEGIN General MC Styling */
div#mainContent {
	background: url(images/mcVert.png) repeat-y;
	min-height: 500px;
	padding: 0px 200px 50px 87px; /* Original padding-r: 87px  Causes movement in IE6 */
	}
	div#mainContent p {
		font-size: 1.4em;
		line-height: 1.5em;
		}
div#mcBot {
	background: url(images/mcBot.png) no-repeat;
	margin: auto;
	position: relative;
	height: 6px;
	width: 960px;
	}
/* END General MC Styling */


/* BEGIN Homepage Styling */

div#mainBullets {
	margin: 30px 0px 30px 0px;
	font-size: 1.11em;
	}

span.largeP {
	font-size: 1.5em;
	color: #000;
	line-height: 1.2em;
	}
span.bullets {
	font-size: 0.9em;
	color: #000;
	line-height: 1.0em;
	}
/* END Homepage Styling */


/* BEGIN About Page Styling */
.aboutContent {
	margin: 15px 0 0 125px;
	display: block;
	}
	.aboutContent p {
		line-height: 1.5em;
		margin-top: 15px;
		}
/* END About Page Styling */


/* BEGIN Public Services Styling */
div#pubServContent p {
	font-size: 1.4em;
	padding-bottom: 35px;
	}
	div#pubServContent h2 {
		font-size: 2.2em;
		font-weight: bold;
		color: #000;
		padding-bottom: 8px;
		}
span.boldBrown {
	color: #854e08;
	font-weight: bold;
	}
.servLeft {
	float: left;
	width: 475px;
	}
/* END Public Services Styling */


/* BEGIN Private Services Styling */
div#privServContent p {
	font-size: 1.4em;
	padding-bottom: 35px;
	}
	div#privServContent h2 {
		font-size: 2.2em;
		font-weight: bold;
		color: #000;
		padding-bottom: 8px;
		}
span.boldBrown {
	color: #854e08;
	font-weight: bold;
	}
/* END Private Services Styling */


/* BEGIN Experiences and References Page Styling */

.toTop {
	position: relative;
	left: 700px;
	top: 5px;
	font-size: 1.2em;
	}
div#cityListL {
	float: left;
	}
div#cityListR {
	padding-right: 180px;
	float: right;
	}
div#erContent {
	width: 787px;
	}
	div#erContent p {
		padding-bottom: 10px;
		}
div#expNavContainer {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 625px;
	margin: 0 auto;
	margin-bottom: 40px;
	}
.expNavSep {
	list-style: none;
	}
.expNav, .expHomeLink {
	text-align: center;
	margin-bottom: 10px;
	}
	.expNav li, .expHomeLink li {
		display: inline;
		font-size: 1.0em;
		margin-left: -5px;
		}
	.expNav a {
		text-decoration: none;
		color: #854e08;
		padding-right: 5px;
		padding-left: 5px;
		}
	.expHomeLink a {
		color: #000;
		text-decoration: none;
		}
		.expNav a:hover, .expHomeLink a:hover {
			color: #38240f;
			background-color: #d5a05d;
			padding-right: 5px;
			padding-left: 5px;
			}

ul.exp {
	font-size: 1.0em;
	margin-left: 25px;
	padding-bottom: 20px;
	}
	.expTitle {
		font-weight: bold;
		list-style: disc outside;
		padding-bottom: 3px;
		}
	ul.exp li.expBullet {
		font-weight: normal;
		list-style: disc outside;
		padding-bottom: 15px;
		}
	.exp li {
		padding-bottom: 5px;
		}
h2.expBigTitle {
	padding-top: 10px;
	}
/* END Experiences and References Page Styling */


/* BEGIN Resources and Links Page Styling */
.linkTitle {
	font-size: 1.6em;
	color: #000;
	margin-bottom: 5px;
	}
.linkSub {
	font-size: 1.4em;
	color: #a45f08;
	font-weight: normal;
	padding-bottom: 5px;
	}
.rlContent {
	float: left;
	width: 475px;
	}

.rlContent a {
	color: #000;
	font-weight: normal;
	}
.rlContent a:hover, .rlContent a:active {
	text-decoration: underline; 
	color: #a45f08;
	font-weight: normal;
	}
.rlContent a:focus {
	color: #e28b1d;
	}
.rlContent a:visited {
	color: #744100;
	}
.rlContentDetails {
	width: 787px;
	}
div#brochureBtnContain {
	float: right;
	position: relative;
	right: 195px;
	}
	#brochureBtn a {
		width: 284px;
		height: 197px;
		position: absolute;
		background-position: 0 0;
		text-indent: -9999em;
		overflow: hidden;
		background-image: url(images/rrBrochureBtn2.png);
		}
	#brochureBtn a:hover { background-position: 0 197px; }

div#brochureBtnContainOther {
	float: right;
	position: relative;
	right: 195px;
	bottom: 170px;
	}
	#brochureBtnOther a {
		width: 284px;
		height: 197px;
		position: absolute;
		background-position: 0 0;
		text-indent: -9999em;
		overflow: hidden;
		background-image: url(images/rrBrochureBtn2.png);
		}
	#brochureBtnOther a:hover { background-position: 0 197px; }


/* END Resources and Links Page Styling */	


/* BEGIN Contact Page Styling */
.contactSub {
	font-size: 1.4em;
	color: #000;
	margin-left: 125px;
	font-weight: normal;
	line-height: 1.1em;
	}

div#contactContent {
	width: 786px;
	min-height: 500px;
	}
div#contactContent a {
	font-weight: normal;
	}
div#contactContent .portraitName, div#contactContent .portraitSub {
	font-weight: bold;
	}
	div#contactContent .portraitName {
		font-size: 1.7em;
		font-weight: bold;
		}

div#contactMain {
	width: 400px;
	float: left;
	}
div#contactSocial {
	width: 386px;
	min-height: 400px;
	float: right;
	}
div#socialArea {
	width: 400px;
	position: relative;
	top: 30px;
	}
	div#socialArea img {
		padding-right: 15px;
		}
h2.socialConnectTitle {
	font-size: 1.6em;
	color: #000;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #B6B6B6;
	}

/* END Contact Page Styling */


/* BEGIN Blog Page Styling */
	div#blogMainCol {
		width: 600px;
		float: left;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
		margin-top: 15px;
		background-color: #e2e2e2;
		border: 1px solid #ccc;
		}
		
		div#blogMainCol p {
			padding-top: 10px;
			}
		div#blogMainCol img.alignleft {
			padding: 8px 15px 8px 0px;
			float: left;
			clear: left;
			}
		div#blogMainCol img.alignright {
			padding: 8px 0px 8px 15px;
			float: right;
			clear: right;
			}
	div#blogSidebar {
		width: 200px;
		float: right;
		background: #e2e2e2;
		padding: 10px;
		margin-top: 15px;
		border: 1px solid #CCC;
		}
	div#blogSidebar li {
		font-size: 0.8em;
		line-height: 1.2em;
		}
	div#blogSidebar h2 {
		padding-top: 15px;
		padding-bottom: 7px;
		}
		
.post {
	padding: 0px 15px 15px 15px;
	line-height: 200%;
	background-color: #FFF;
	margin-top: 20px;
	border: 1px solid #CCC;
	}
.postSearch {
	padding: 15px;
	line-height: 200%;
	background-color: #FFF;
	margin-top: 20px;
	border: 1px solid #CCC;
	}
.postInfo {
	width: 570px;
	}
.postDate {
	font-size: 1.0em;
	color: #999;
	font-style: italic;
	float: right;
	width: 145px;
	text-align: right;
	}
.postEditLine {
	font-style: italic;
	border-top: 1px dotted #CCC;
	margin-top: 25px;
	padding-top: 8px;
	font-size: 0.9em;
	text-align: right;
	}

.button {
	border: 1px solid #1c1b1a;
	background: #5c5c5b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFF;
	padding: 5px;
	margin-top: 10px;
	}
.button:hover {
	border: 1px solid #1c1b1a;
	background: #d5a05d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFF;
	}

.moreEntries {
	padding: 10px 0px 10px 0px;
	font-size: 1.0em;
	width: 200px;
	}
	
.loginoutArea {
	margin-top: 15px;
	padding-top: 7px;
	border-top: 1px solid #666;
	width: 200px;
	}

h2.blogTitle {
	padding-top: 25px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 2.5em;
	float: left;
	width: 420px;
	line-height: 1.0em;
	border-bottom: thin solid #999;
	}
	h2.blogTitle a:hover {
		text-decoration: none;
		}
.singlePostInfo {
	font-style: italic;
	border-top: 1px dotted #CCC;
	margin-top: 25px;
	padding-top: 8px;
	font-size: 0.9em;
	}
	
#comment {
	margin-top: 10px;
	}
h3#respond {
	padding-top: 15px;
	}
#author, #email, #url {
	margin-top: 7px;
	}
h3#comments {
	margin-top: 15px;
	}
.commentReply {
	background-color: #F2F2F2;
	}
	.commentReply p {
		color: #674323;
		}
.commentsStyle {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	width: 529px;
	padding-bottom: 10px;
	}
.commentAvatar {
	float: left;
	}
.commentAuthor {
	float: right;
	font-size: 1.0em;
	position: relative;
	right: 390px;
	}
.commentContent {
	font-size: 0.7em;
	}
.commentTime {
	font-size: 0.9em;
	float: right;
	position: relative;
	left: 65px;
	font-style: italic;
	color: #999;
	}
.commentInfo {
	position: relative;
	top: 0px;
	left: 0px;
	}
.commentEdit {
	position: relative;
	right: 5px;
	font-size: 1.2em;
	}
.editDelSpm {
	position: relative;
	width: 400px;
	}
.archiveStyle {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 15px;
	}
.archivePost {
	margin: 15px 0px 25px 0px;
	padding-bottom: 7px;
	border-bottom: 1px solid #000;
	padding-right: 20px;
	padding-left: 20px;
	}
.archiveDate, .searchDate {
	font-style: italic;
	font-size: 1.0em;
	color: #999;
	padding-top: 3px;
	}
.archivesSidebar {
	margin-top: 10px;
	font-size: 0.9em;
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
	padding-top: 7px;
	padding-bottom: 7px;
	}
h2.archiveTitle {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 2.5em;
	line-height: 1.0em;
	}

.commentForm {
	float: left;
	width: 600px;
	}

.commentlist .quote {
	background: url(images/bg_quote.gif) no-repeat top right;
	min-height: 60px;
	}

.commentlist li {
 	padding: 5px 18px 30px 18px;
	margin-top:15px;
	font-size: 1.0em;
	background: #F2F2F2 url(images/bg_commentlist2.gif) bottom no-repeat;
	color: #4D3622;
	}

.commentlist cite {
	display: block;
	font-style: normal;
	padding-left: 35px;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color: #06C;
	text-decoration: none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color: #000;
	text-decoration: underline;
	}


/* END Blog Page Styling */

	
/* ---------------------------- END MC Styling ---------------------------- */


/* BEGIN Footer Styling */
div#footer {
	background: url(images/footerBG.png) no-repeat;
	height: 23px;
	width: 960px;
	margin-top: 25px;
	margin-bottom: 25px;
	}
	div#footer p {
		color: #333;
		font-weight: bold;
		position: relative;
		top: 6px;
		text-align: center;
		}
/* END Footer Styling */