@import url("whitespace-reset.css");

body {
	background: #3F3F3F url("/images/bg_header.gif") repeat-x 0 0;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; }

#header {
	height: 81px;
	width: 930px;
	margin: 0 auto; }
	#header a#logo {
		float: left;
		position: relative;
		top: 7px; }
	#header ul#navigation {
		float: right;
		position: relative;
		top: 30px;
		right: 40px; }
		#header ul#navigation li {
			display: inline;
			color: #ADACAC; }
			#header ul#navigation li a {
				color: #ADACAC;
				text-transform: uppercase; }
				#header ul#navigation li a:hover {
					text-decoration: underline; }

#content-wrapper {
	float: left;
	width: 100%;
	background: #28668C url("/images/bg_content.gif") repeat-x 0 0;
	padding: 35px 0;
	border-bottom: 6px solid #26597A; }
	#content-wrapper #content {
		width: 915px;
		padding: 0 0 0 15px;
		margin: 0 auto;
		color: #FFFFFF; }
		#content-wrapper #content #latest-project {
			float: right; }
			#content-wrapper #content #latest-project img { }
			#content-wrapper #content #latest-project h2 {
				font-family: Arial, Helvetica, Verdana, Sans-Serif;
				font-size: 13px;
				color: #609DC3;
				padding: 4px 0 0 18px; }
				#content-wrapper #content #latest-project h2 strong { 
					color: #18425C;
					text-transform: uppercase; }
		#content-wrapper #content h1 {
			width: 460px;
			font-family: Arial, Helvetica, Verdana, Sans-Serif;
			font-size: 16px;
			color: #FFFFFF;
			text-transform: uppercase;
			letter-spacing: -1px;
			padding: 25px 0; }
		#content-wrapper #content p {
			width: 460px;
   font-size:12px;
			line-height: 125%;
			margin: 0 0 15px 0; }
  #content-wrapper #content a {
   color:#FFFFFF;
			text-decoration:underline; }
#bottom {
	clear: both;
	background: #3F3F3F url("/images/bg_bottom.gif") repeat-x 0 0; }
	#bottom #bottom-content {
		width: 920px;
		margin: 0 auto; }
	#bottom #bottom-content h3 {
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
		font-size: 16px;
		color: #609DC3;
		text-transform: lowercase;
		margin-bottom: 10px;
		letter-spacing: -1px; }
		#bottom #bottom-content #latest-news {
			float: left;
			width: 275px;
			margin-right: 60px;
			padding: 25px 0 10px 0;
			background: transparent url("/images/bg_column.gif") no-repeat 50% 0; }
			#bottom #bottom-content #latest-news h4 {
				color: #4C4C4C;
				font-family: Verdana, Helvetica, Sans-Serif;
				font-size: 10px; }
			#bottom #bottom-content #latest-news p {
				color: #6B6B6B;
				font-size: 11px;
				margin: 4px 0 0 0; }
			#bottom #bottom-content #latest-news div.hr {
				height: 1px;
				margin: 10px 0;
				background: transparent url("/images/hr_dotted.gif") repeat-x 0 0; }
				#bottom #bottom-content #latest-news div.hr hr { display: none; }
		#bottom #bottom-content #projects {
			float: left;
			width: 328px;
			padding: 25px 0 0 0;
			background: transparent url("/images/bg_column.gif") no-repeat 50% 0; }
			#bottom #bottom-content #projects ul { }
				#bottom #bottom-content #projects ul li {
					float: left;
					height: auto;
					width: auto !important;
					width: 87px; }
					#bottom #bottom-content #projects ul li a {
						display: block;
						height: 100%;
						border: 1px solid #484848;
						margin: 0 4px 4px 0; }
						#bottom #bottom-content #projects ul li a img {
							display: block;
							border-width: 4px 3px;
							border-color: #3F3F3F;
							border-style: solid; }
						#bottom #bottom-content #projects ul li a:hover {
							border: 1px solid #CCCCCC; }
		#bottom #bottom-content #our-products {
			float: left;
			width: 255px;
			padding: 25px 0 0 0;
			background: transparent url("/images/bg_column.gif") no-repeat 50% 0; }
			#bottom #bottom-content #our-products ul { }
				#bottom #bottom-content #our-products ul li {
					float: left;
					width: 210px;
					margin: 0 0 10px 0;
					text-align: center; }
					#bottom #bottom-content #our-products ul li a { }

#footer {
	clear: both;
	padding: 10px 0;
	background: #383838;
	text-align: right; }
	#footer p {
		width: 920px;
		margin: 0 auto;
		color: #504F4F;
		font-size: 10px; }
		#footer p a {
			color: #504F4F; }
			#footer p a:hover {
				text-decoration: underline; }
			#footer p small {
				float: left; }