@charset "utf-8";

/* Reset and Set */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin:0;
	padding:0;
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {	font-weight:normal; font-size:100%; }
a:focus { outline:none; }
img { border:none; }
table {	border-collapse:collapse; border-spacing:0; }
body, html { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
p { margin-bottom:10px; }
body { color:#FFFFCC; background:#006600 url(images/reeds.png) no-repeat; }

a { color:#FF9900; font-weight:bold; }

#container { width:100%; background:url(images/pondTop.png) 142px 0 no-repeat; min-width:800px; }
#nav {
	width:140px;
	float:left;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	margin-right:20px;
	position:relative;
	text-align: left;
}
	#nav ul#navList { margin:52px 0 0; }
	#nav ul { list-style:none; }
	#nav ul li { padding-left:20px; margin-bottom:10px; }
		#nav ul li span { font-weight:bold; color:#FFCC99; cursor:pointer; }
		#nav ul li.collapsable { background:url(images/true.gif) no-repeat; }
		#nav ul li.expandable { background:url(images/false.gif) no-repeat; }
		#nav ul li li { background:none; padding:0; margin:3px 0 0 26px; }
			#nav ul li li a:link, #nav ul li li a:visited { color:#FFF; font-size:11px; text-decoration:none; font-weight:normal; }
			#nav ul li li a:hover { color:#CCC; text-decoration:underline; }
	#navList>li>span { background:url(images/arrows.png) no-repeat left top; padding:0 0 0 18px; }
		#navList>li>span.active { background-position:left bottom; }
#content { margin-left:162px; }
#content #right { width:210px; float:right; margin:230px 10px 0 0; color:#999933; }
	#content #right ul.whatWeDo { font-weight:bold; list-style:none; }
		.whatWeDo li { background:url(images/bullet.png) 0 3px no-repeat; padding-left:10px; margin-bottom:2px; }
	#content #right #contactInfo { margin-top:20px; }
	#content #right img { margin:0 auto 25px; }
#content #left { margin-right:220px; }
	#content #left #header { margin:0 0 20px; height:110px; }
	
#work { min-height:280px; }
	#work ul.projects { list-style:none; }
	#work ul.projects li { display:inline-block; width:314px; height:130px; float:left; margin:-10px 0 0 -10px; padding:10px; background:url(images/workbg.png); }
		#work ul.projects li img { float:left; margin:0 15px 1px 0; }
	#work h3, #work h3 a { color:#FF9900; font-weight:bold; text-decoration:underline; margin:0 0 10px; }
	#work .otherContent { clear:left; max-width:400px; }
		#work .otherContent li { margin-left:15px; }
		#work .otherContent ul { margin-bottom:10px; }
	#work .otherContent.noCl { clear:none; }
	#work ol.li { margin-bottom:4px; }
#container #nav #navList li span {
	text-align: left;
}
#container #nav #navList li ul li a {
	text-align: left;
}
#container #content #right #contactInfo {
	text-align: left;
}

#contactForm { position:relative; }
#contactForm ul { list-style:none; margin:0; padding:0; }
#contactForm li { margin:0 0 10px 0; padding:0; }
#contactForm label { display:inline-block; line-height:26px; margin:0 10px 0 0; width:90px; }
	#contactForm label.error { float:right; font-size:13px; margin:0 0 0 10px; position:absolute; width:220px; }
		#contactForm label.error:before { content:"\AB "; }
#contactForm input, #contactForm textarea { background:#7fb27f; border:solid 1px #7fb27f; padding:5px 5px; width:180px; }
#contactForm textarea { height:140px; vertical-align:top; }
#contactForm input:focus, #contactForm textarea:focus { background:#FFF; }
#contactForm input.error, #contactForm textarea.error { background:#f2a3a3; border-color:#F00; }
#contactForm input[name="Submit"] { float:right; margin:0 90px 0 0; text-align:center; width:80px; }
	#contactForm input[name="Submit"]:hover { background:#FFF; }
#left ul.panels li #contactForm p { font-size:11px; line-height:13px; margin:0 0 5px; }
.response { }
.loader { float:right; margin:0 10px 0 0; }