*{
	padding:	0;
	margin: 	0;
	border: 	0;
}

html{ background-color: #e5dfd8;  }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	text-justify: newspaper;
	color: #666;
}

h1{ font-size: 3em;  margin-bottom: 10px; }
h2{ font-size: 2.6em; margin-bottom: 30px; margin-top: 20px; }
h3{ font-size: 0.9em; }
h3,h4,h5,h6{ color: #669999; margin-bottom: 5px; }

h1, h2 { color: #ddd; }

p { line-height: 1.5em; margin-bottom: 10px; font-size: 0.8em; }


a { color: #669999; }

ul#mainNav {
	float:			right;
	position:		relative;
	top:			140px;
}

ul#mainNav li {
	display:		block;
	float: 			left;
	margin-left:	10px;
	text-transform: uppercase;
	text-align: 	center;
	font-size:		90%;
	list-style: 	none;
}

ul#mainNav li a {
	text-decoration: 	none;
	color:				white;
}

ul#mainNav li a:hover{
	text-decoration:	underline;
	color:				white;
}

ul.projectPicker{
	width:				55px;
	list-style: 		none;
}

ul.projectPicker li{
	padding-top:		10px;
	padding-bottom: 	10px;
	text-align:			center;
	font-weight: 		bolder;
	background-color: 	white;
	color:				#e5dfd8;
}

ul.projectPicker li a{
	color:				#e5dfd8;
	text-decoration:	none;
}

ul.projectPicker li a:hover{
	text-decoration:	underline;
	color:				#fff;
}

ul.projectPicker li a.active{
	color:				#669999;
}

ul.projectPicker li a.active:hover{
	color:				#e5dfd8;
}

ul.projectPicker li:last-child{

	padding-bottom: 	10px;

}

ul.projectPicker li:hover{
	background-color:				#669999;
	color:				#fff;
}

div#header, div.panel {	margin-bottom: 5px; }

div#wrapper{
		width:			990px;
		margin:	 		0 auto;
}

div#header{
		height:				205px;
		background-image: 	url(/images/header.png);
}

div#headerPad{ padding: 30px; }

div#wrapper div#wrapperPad{ }

div.hide { display: none; }

div.panel div.splitPane.left{
	width: 300px;
}

div.panel div.splitPane.right{
	width: 420px;
}

div.panel div.splitPane div.certCol{
	float:				left;
	background-color:	#e5dfd8;
	width:				55px;
	height:				55px;
	margin-right:		10px;
}

div.panel div.splitPane div.certCol.tall{
	height:				107px;

}

div.panel div.splitPane div.certCol img { height:50px; width: 50px; }

div.panel div.certifications h3{
	padding-top: 15px;
}

div.panel div.splitPane div.splitPanePad{
	padding-left:		15px;
	width:				650px;
}

div.certCol h2 {
	color: #fff;
}

strong { color: #669999;}

div.panel div.leftStack{ float: left; }
div.panel div.left{ float: left; }

div.panel div.leftStack img{ margin: 0 0 30px 30px; border: 1px solid #ddd; }

div#footer p { text-align: right; }

div.panel {
	background-color:	white;
}

div.panel div.panelPad{
	padding: 30px;
}

div.panel div.panelPad #contactMap{
	float: left;
	padding-right: 30px;
}

div.panel div.panelPad img.portrait{
	border: 1px solid #ddd;
}

div.panel div.panelPad img.portrait.marginLeft{
	margin-left: 30px;
}

div.panel div.panelPad img.portrait.marginRight{
	margin-right: 30px;
}

div.panel div.panelPad ul, div.panel div.panelPad ol{
	padding-left: 50px;
	padding-bottom: 10px;
	font-size: 0.8em;
}

div.projectClip { float: right; margin-right: 30px; }

div.projectClip img {
		width:	379px;
		height:	234px;
		float:	left;
}

div.projectClip img.moreInfo {
		width:	89px;
		height:	21px;
}

div.panel div.projectCopy {
	width:				500px;
	float:				left;
	padding-top:		10px;
	padding-bottom:		10px;
	margin-left:		25px;
}

div.clearIt{ clear: both; height: 0; }

blockquote p cite { font-weight: bold; font-style:normal; color: #669999; }

blockquote {
	display:		block;
	margin-bottom:	30px;
}

blockquote:before, blockquote:after {
	color: #e5dfd8;
	display: block;
	font-size: 800%;
	width: 50px;
}

/** Address Stuff **/
div#address p {
	line-height: 0.7em;
}

div.vcard h4 {
	margin-bottom: 15px;
}

span.label{ font-weight: bold; }