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

#splash { background: url(../images/splash-bg.jpg) 0 0 no-repeat; position: relative; margin-bottom: 40px; width: 960px; height: 300px; }
	#splash-slides { list-style-type: none; margin: 0; padding: 0; position: relative; }
		#splash-slides li { margin: 0; padding: 0; position: absolute; }
			#splash-slides .splash-image { left: 0; top: 0; }
			#splash-slides .splash-text { position: absolute; left: 90px; top: 130px; text-transform: uppercase; font-size: 11px; display: none; width:400px;}
	#splash-links { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 20px; top: 250px; }
		#splash-links li { margin: 0; padding: 0; display: inline; }
			#splash-links li a { background: url(../images/splash-link-right.png) 100% 0 no-repeat; display: inline-block; *display: inline; font-size: 9px; text-transform: uppercase; line-height: 22px; height: 22px; margin: 0 0 0 13px; outline: none; }
				#splash-links li.active a { background: url(../images/splash-link-right-over.png) 100% 0 no-repeat; }
			#splash-links li a:link, #splash-links li a:visited { color: #fff; text-decoration: none; }
			#splash-links li a:hover, #splash-links li a:active { color: #2bb8c9; text-decoration: none; }
				#splash-links li a span { background: url(../images/splash-link-left.png) 0 0 no-repeat; display: inline-block; *display: inline; margin-left: -11px; padding: 0 10px; line-height: 22px; height: 22px; }
					#splash-links li.active a span { background: url(../images/splash-link-left-over.png) 0 0 no-repeat; }
		#splash-links li.about { }
			#splash-links li.about a { background: url(../images/splash-link-about.png) 0 0 no-repeat; width: 33px; }
				#splash-links li.about.active a { background: url(../images/splash-link-about-over.png) 100% 0 no-repeat; }
				#splash-links li.about a span { background: none; text-indent: -9999px; }
					#splash-links li.about.active a span { background: none; }

#row2 { height: 232px; }
	#recentProjects { background: url(../images/bg-div.png) 0 0 no-repeat; width: 592px; height: 232px; float: left; }
		#recentProjects h2 { margin: 18px 0 8px 20px; }
		#recentProjects .recentProject { width: 170px; text-align: center; float: left; margin-left: 20px; }
			#recentProjects .recentProject img { border: 1px solid #005d67; }
		#recentProjects h4 a:link, #recentProjects h4 a:visited { color: #fff; font-weight: normal; text-decoration: none; text-transform: uppercase; font-size: 10px; }
		#recentProjects h4 a:hover, #recentProjects h4 a:active { color: #5bc5d2; }
	#whatwedo { background: url(../images/bg-div.png) 0 0 no-repeat; color: #c6f3f8; width: 280px; height: 232px; float: right; font-size: 12px; padding: 0 20px; }
		#whatwedo h2 { margin: 18px 0 8px 0; }
		#whatwedo p, 
		#whatwedo ul { line-height: 16px; }
		#whatwedo a:link, #whatwedo a:visited { color: #c6f3f8; font-size: 10px; text-transform: uppercase; }
		#whatwedo a:hover, #whatwedo a:active { color: #fff; }
		* html #recentProjects, 
		* html #whatwedo { background: url(../images/bg-div.gif) 0 0 no-repeat; }
