html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body { 
	background: #fff url('../img/title_background.jpg') no-repeat top center;
	text-align: center;
	font-family: helvetica, sans-serif;
	font-size: 0.9em;
	color: #80817c; }
a { color: #0f75bc; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border-width: 0; }

h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal;  }
h1 { color: #0f75bc; font-size: 1.3em; }
h2 { color: #525251; font-size: 1.0em; }
h3 { color: #bf773e; font-size: 0.9em; }
h4 { color: #7f7f7f; font-size: 1.2em; xfont-weight: bold; }
.textBlend { display: inline; }

ul.form,
ul.inline { list-style-type: none; margin: 0; padding: 0; }
ul.inline li { float: left; display: block; margin: 0; padding: 0; }
ul.form li { padding: 5px; }
ul.form li label { float: left; display: block; width: 120px; }
ul.form li span { font-size: 0.8em; }
ul.form li input,
ul.form li textarea { border: 1px solid #999; padding: 5px; }
ul.form li textarea { width: 400px; height: 200px; }
ul.form li input { width: 200px; }
ul.form li input.button { width: 120px; background-color: #6b9ecf; color: #fff; border-color: #0f75bc; }
ul.form li input.error,
ul.form li textarea.error { border-color: #bf773e; background-color: #fff0ef; }

div.message { 
	padding: 15px; 
	border-top: 1px solid #000; 
	border-bottom: 1px solid #000;
	margin: 3px;
	font-size: 0.9em; }
div.message.info { border-color: #6b9ecf; background-color: #eff7ff; }
div.message.error { border-color: #bf773e; background-color: #fff0ef; }

p { padding: 0; margin: 8px 0 10px 0; }
hr { border: 0; margin-right: 10px; border-bottom: 1px solid #ccc; }

div.clear { clear: both; font-size: 0; }

.wrapper { text-align: left; width: 920px; margin: 0 auto; }

#header { text-align: right; position: relative; }
#header #titleImage { float: left; background: transparent url('../img/spacer.gif') no-repeat center center }
#header .email { position: absolute; float: right; padding-right: 4px; right: 0; top: 30px; }

#navbar { clear: both; }
#navbar img { height: 50px; width: 230px; background: transparent url('../img/spacer.gif') no-repeat top left; }
#navbar li { background: transparent url('../img/spacer.gif') no-repeat top left; }
#navbar #navWork { background-image: url('../img/nav_work.gif'); }
#navbar #navAbout { background-image: url('../img/nav_about.gif'); }
#navbar #navServices { background-image: url('../img/nav_services.gif'); }
#navbar #navContact { background-image: url('../img/nav_contact.gif'); }
#navbar li img { visibility: hidden; }
#navbar li.over img,
#navbar li.selected img { visibility: visible; }

#contentWrapper { background: transparent url('../img/sidebar_bg.gif') repeat-y top right; }

#maincontent { float: left; width: 690px; }
#maincontent .intro { padding: 20px; font-size: 1.4em; }

#maincontent .recentWork { margin-bottom: 10px; }
#maincontent .recentWork h3 { padding: 10px 0; } 
#maincontent .recentWork ul li { text-align: center; width: 150px; }
#maincontent .recentWork ul label { display: block; font-size: 0.8em; }
#maincontent .recentWork ul li.info { width: 300px; padding: 15px 0 0 45px; text-align: left; }

#maincontent .allWork .project { padding-bottom: 15px; clear: both; }
#maincontent .allWork .project h4 { padding: 10px 0 5px 0; }
#maincontent .allWork .project img { float: left; }
#maincontent .allWork .project label { float: left; display: block; padding: 0 15px; width: 520px; }
#maincontent .allWork .project h4 a { font-size: 0.6em; padding-left: 10px; }

#maincontent .people { padding-top: 10px; }
#maincontent .people .person { padding: 0 10px 20px 0; }
#maincontent .people .person p { margin-left: 10px; }
#maincontent .people .person h1 span { font-size: 0.6em; color: #555; display: block; }

#sidebar { float: left; width: 199px; padding: 15px; }
#sidebar h2 { margin-bottom: 10px;}

#footer { clear: both; border-top: 1px solid #ccc; padding: 25px 0; font-size: 0.8em; }
#footer ul a { color: #7e807b; }
#footer ul li { padding-right: 25px; }
#footer .copyright { float: right; padding-right: 10px; }


/**********************************************************\
Page Themes
\**********************************************************/
body.standard { background-image: url('../img/spacer.gif'); }
body.standard #header #titleImage { background-image: url('../img/title.gif'); }

body.sunburst #header { padding-bottom: 10px; }
body.sunburst #header .email { top: 40px; }