html, body {
	border:0 none;
	font-family:verdana;
	font-size:85%;
	min-width:677px;
	padding:0;
	background:#698C98 url(/images/bg_main.gif) repeat-x;
}
body {	
	margin:0 auto;
	text-align:center;
	color:#444444;
}
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
	color:#53707D;
	margin-bottom:1em;
	background:transparent url(/images/title_marker.png) no-repeat 0 3px;
	padding-left:20px;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
	color:#698C98;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}

h1,h2 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
ul li ul, ol li ol {
	margin-top:0;
	margin-bottom:0;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*
	border:1px solid #000;
	padding:.5em;
	*/
	padding: 0.2em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
a:link, a:active, a:visited {
	color:#53707D;
	text-decoration:underline;
}
a:hover {
	color:#53707D;
	text-decoration:none;
}

#wrapper {
	margin:0 auto;
	width:940px;
	text-align:center;
}
#content {
	width:640px;
	margin:0 125px 0 175px;
	background-color:#ffffff;
	text-align:left;
	float:left;
	border-radius:4px 4px 0 0;
}
#content div.inner {
	border:1px solid #A6B6BB;
	text-align:left;
	margin:5px;
	padding:10px 10px 10px 50px;
}
#featured {
	width:175px;
	float:left;
	margin-left:-175px;
}
#foot {
	font-size:73%;
	text-align:center;
	background-color:#BFD2D8;
	height:44px;
	width:640px;
	margin:0 125px 0 175px;
	clear:both;
	border-radius:0 0 4px 4px;
}
#footLinks {
	margin:3px;
}
#footFB {
	float:left;
	width:40px;
	margin:3px;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.clr {
	clear:both;
}
input.btn {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	background-color: #CBE6F5;
	background-image:url(/images/btn_bg.gif);
	background-repeat:repeat-x;
	border: 1px solid #A6D0E7;
	padding-right: 5px;
	padding-left: 5px;
}
#navigation {
	float:left;
	margin-left:-95%;
	margin-top:-40px;
	width:175px;
	background-color:#53707D;
	position:relative;
	border-radius:4px;
}
#navigation div.inner {
	border:1px solid #728B94;
	margin:4px;
}
ul#navList {
	display:block;
	text-align:left;
	margin:0;
	padding:0;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:108%;
	font-weight:bold;
	text-transform:uppercase;
}
ul#navList li {
	list-style:none;
	background-image:url(/images/nav_sep.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding: 0;
	margin: 0 4px 0 4px;
}
ul#navList li.first {
	background-image:none;
}
ul#navList li a {
	display:block;
	color: #ffffff;
	text-decoration:none;
	background:url(/images/nav_icon.gif) no-repeat scroll 7px center;
	padding:11px 0 11px 25px;
}
ul#navList li a:hover {
	background-image:url(/images/nav_icon_over.gif)
}
img.nav_icon {
	margin-right:7px;
	margin-left:7px;
}

/* Content Sections */
.content_section {
	margin-bottom:25px;
	padding:0;
	border:1px solid #53707D;
	border-radius:3px 3px 0 0 ;
}
.recent_projects {
	margin-top:25px;
}
h2.section_head {
	background:#53707D url(/images/section_title_bg.png) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	height:24px;
	line-height:24px;
	padding-left:6px;
	vertical-align:middle;
	font-size:123.1%;
	margin-bottom:0px;
	margin-top:0px;
}

/* Portfolio */
.folio_site {
	margin-bottom:25px;
	padding:0;
	border:1px solid #53707D;
	border-radius:3px 3px 0 0 ;
}
.hover {
	background-color:#eeeeee;
}
.folio_head {
	background:#53707D url(/images/section_title_bg.png) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	height:24px;
	line-height:24px;
	padding-left:6px;
	vertical-align:middle;
}
.folio_keys {
	background-color:#D9E8ED;
	border-bottom:1px solid #53707D;
	color:#777777;
	font-style:italic;
	font-weight:bold;
	padding:2px;
}
.folio_name {
	font-size:123.1%;
	margin-bottom:0px;
}
.folio_link {
	float:right;
	margin-right:5px;
	font-size:85%;
}
.folio_link a {
	color:#ffffff;
}
.folio_link a:hover {
	text-decoration:none;
}
.folio_descrip {
	float:left;
	margin:5px;
	width:340px;
}
.folio_descrip p:first-child {
	margin-top:0px;
}
.folio_images {
	margin:5px 0 5px 5px;
	float:left;
	width:210px;
}
.folio_images a {
	/* margin-bottom:10px; */
}
.folio_images img {
	border:1px solid #728B94;
}
.folio_extra {
	display:none;
}

/* Error/Notify/Warn messages */
.msg {
	border-width:1px;
	border-style:dashed;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}
.notify {
	color: #776E4F;
	border-color:	#776E4F;
	background-color:#DFEDFD;
}
.warn {
	border-color:#FF9933;
	color:#FF9933;
	background-color:#FEF7E7;
}
.error {
	border-color:#FF0000;
	color:#FF0000;
	background-color:#FEDEE4;	
}
#menu-button {
	display:none;
}

@media only screen and (max-width: 768px) {
	html, body {
		min-width:100px;
	}
	#wrapper {
		position:relative;
		width:100%;
	}
	#content {
		font-size:15px;
		margin: 50px 0 0 0;
		width:100%;
	}
	#navigation {
		position:absolute;
		margin:0;
		width:100%;
	}
	ul#navList li {
		background-image:none;
		display:inline-block;
	}
	#header img {
		width:100%;
		height:auto;
		max-width:677px;
	}
	#foot {
		width:100%;
		height:auto;
		min-height:44px;
		margin:0;
		font-size:100%;
	}
	#content div.inner {
		padding:10px;
	}
	h1#pageTitle {
		margin-top:0;
	}
	h2.section_head {
		min-height:24px;
		height:auto;
	}
	.folio_descrip {
		max-width:340px;
		width:auto;
}
@media only screen and (max-width: 520px) {
	ul#navList {
		display:none;
	}
	ul#navList.active {
		display:block;
	}
	#menu-button {
		display:block;
		text-align:left;
		background-color:#eff2eb;
	}
	ul#navList li {
		background-image:url(/images/nav_sep.gif);
		margin: 0 4px 0 4px;
		display:block;
	}
}