/* CSS Document */

body {background: #fff /*url(images/bg-gradient.png) top left repeat-y*/; margin:0; padding:0; 
		font-size: 12px; color: #000; font-family:Verdana, Arial, Helvetica, sans-serif; }

* {margin:0; padding:0; }
a span {display: none; }

a, a:visited {color: #16498a; text-decoration: none; }
a:hover, a:active {color: #993333; text-decoration: underline; }

/*** structure ***/
#container {width: 100%; background: url(images/bg-top.png) top left repeat-x;}

#header {height: 114px; width: 100%; background: #fff url(images/header.png) center no-repeat;}
	#header a {width: 429px; height: 114px; display: block; }

#topnav {width: 962px; height: 28px; display: block;  padding:0; list-style: none; margin: 7px auto; }

#site { width: 962px; margin: 0 auto; overflow: auto; padding-bottom: 30px; }

#nav {height: 133px; margin:0; padding:0; list-style: none;  }

#content {width: 962px; margin-top: 40px; position: relative;  margin-bottom: 40px; color: #000;}	
	.leftCol {width: 500px; position: relative; float: left; }
	.rightCol {width: 460px;  position: relative;  float: left; }
	
#footer {width: 100%; height: 80px; display: block; background-color: #0f3360; }
	
	
/*** styles ***/
p {margin: 0 1em 1em 0; line-height: 18px; }	
	p.logos {text-align: center; }
	p.logos img {border: none; }

img {border: 1px solid #000; }	
#content ul {margin: 0 1em 1em 1em;  list-style:none;}
h1 {font-size: 18px; color:#000033; font-weight: bold; font-family: "Trebuchet MS" helvetica verdana;  }
	h1.plain {margin: 0 1em 1em 1em; line-height: 18px; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; }
h2 {font-size: 16px; margin: 1em 0 0 0; font-family: "Trebuchet MS" helvetica verdana;
		padding-top: 1em; border-top: 1px solid #000; clear: left; }
h3 {font-size: 14px; margin: 1em 0 0 0 ; font-weight: bold; color:#000033; font-family: "Trebuchet MS" helvetica verdana;  clear: both;}	

	
	
.left {float: left; margin: 0 1em 2em 1em; }
.right {float: right; }	
.clearfix {clear: both; }

.leftHalf {width: 45%; float: left; margin:0; padding:0; }
.rightHalf {width: 45%; float: left; margin:0; padding:0; }
	




.formfield, .textfield {border: 1px solid #333; background-color: #eee; color: #202020; width: 180px; padding: 2px 1px;}
	.textfield {width: 300px; }
	.formfield:focus {background-color: #fff; }
.formbutton {border: 1px solid #000; background-color:#66FF33; color: #000; padding: 2px 5px; }

	
	
#footerWrap {width: 970px; margin: 0 auto; }
	#footer p {font-size: 10px; color: #fff; margin-top: 20px; }
	#footer p.forge22 {float: right; }
	#footer p.contact {float: left; }
	#footer a {color: #fff; text-decoration: underline; }




/*** nav ***/
#topnav li {float: left; margin: 0 10px;}
	#topnav a {display: block; height: 28px; }
	#topnav a.about {width: 88px; background: url(images/nav/about.png);}
	#topnav a.services {width: 118px;background: url(images/nav/services.png); }
	#topnav a.contact {width: 105px; background: url(images/nav/contact.png);}
		#topnav a:hover {background-position: bottom left; }

		.about #topnav a.about {background-position: bottom left; }
		.services #topnav a.services {background-position: bottom left; }
		.contact #topnav a.contact {background-position: bottom left; }

#nav li {float: left; }
	#nav a {display: block; height: 133px; }
	#nav a.healthcare { background: url(images/nav/healthcare.jpg); width: 141px; }
	#nav a.historic {background: url(images/nav/historic.jpg); width: 126px; }
	#nav a.energy {background: url(images/nav/energy.jpg); width: 99px; }
	#nav a.interiors {background: url(images/nav/interiors.jpg); width: 108px; }
	#nav a.public {background: url(images/nav/public.jpg); width: 136px; }
	#nav a.data {background: url(images/nav/data.jpg); width: 125px; }
	#nav a.industrial {background: url(images/nav/industrial.jpg); width: 145px; }
	#nav a.museums {background: url(images/nav/museums.jpg); width: 76px; }
		#nav a:hover {background-position: 0 -1px; }
		
		.healthcare #nav a.healthcare { border: 1px solid #FFCC00; }
		.historic #nav a.historic { border: 1px solid #FFCC00; }
		.energy #nav a.energy { border: 1px solid #FFCC00; }
		.interiors #nav a.interiors { border: 1px solid #FFCC00; }
		.public #nav a.public { border: 1px solid #FFCC00; }
		.data #nav a.data { border: 1px solid #FFCC00; }
		.industrial #nav a.industrial { border: 1px solid #FFCC00; }
		.museums #nav a.museums { border: 1px solid #FFCC00; }