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

body {						text-align: center;
							margin: 0 auto;
							padding: 0;
							background-color: #3A6F8F; }
				
#page {						background: url(../images/page_bg.gif) top repeat-y;
							margin: 25px auto 0 auto;
							padding: 0;
							text-align: left;
							width: 1024px;
							height: auto; }

#bodybottom {				width: 1024px;
							height: 29px;
							margin: 0 auto 50px auto;
							padding: 0;
							background:  url(../images/body_bottom.gif) bottom no-repeat; }
							
							
.clear {					clear: both; }
				
#logo {						width: 417px;
							height: 95px;
							padding: 0;
							margin: 0;
							float: left; }
				
#nav {						width: 607px;
							height: 95px;
							padding: 0;
							margin: 0;
							list-style: none;
							overflow: hidden;
							float: left;
							text-align: -5000px;
							background: url(../images/nav_filler.gif) top right no-repeat; }
				
#nav li { 					float: left;
							height: 95px;
							overflow: hidden; }
			 
#nav li a { 				display: block;
							padding: 190px 0 0 0;
							height: 0px !important;
							overflow: hidden; }	
														
											
#nav li a.active { 			background-position: left -95px; }

#agency a { 				background: url(../images/nav_agency.gif) top left no-repeat; 
							width: 128px; }
							
#agency a:hover { 			background-position: left -95px; }
			
#portfolio a { 				background: url(../images/nav_portfolio.gif) top left no-repeat; 
							width: 93px; }
							
#portfolio a:hover { 		background-position: left -95px; }

#services a { 				background: url(../images/nav_services.gif) top left no-repeat; 
							width: 94px; }
							
#services a:hover { 		background-position: left -95px; }

#experience a { 			background: url(../images/nav_experience.gif) top left no-repeat; 
							width: 109px; }
							
#experience a:hover { 		background-position: left -95px; }

#contact a { 				background: url(../images/nav_contact.gif) top left no-repeat; 
							width: 102px; }
							
#contact a:hover { 			background-position: left -95px; }
							
#footer {					background: url(../images/footer_bg.gif) top repeat-y;
							width: 1024px;
							height: auto;
							padding: 0px;
							margin: 0px;
							float: left; }
							
#footer p {					font: 10px Arial, Helvetica, sans-serif;
							color: #B8C2C9;
							line-height: 14px;
							text-align: center;
							padding: 5px 0 0 0;
							margin: 0; }
							
#footer .left {				width: 304px;
							height: auto;
							margin: 0;
							padding: 0;
							float: left; }
							
#footer .right {			width: 720px;
							height: auto;
							margin: 0;
							padding: 0;
							float: left; }
							
#footer a:link {			color: #B8C2C9;
							text-decoration: none; }
							
#footer a:active {			color: #B8C2C9;
							text-decoration: none; }
							
#footer a:visited {			color: #B8C2C9;
							text-decoration: none; }
							
#footer a:hover {			color: #3A6F8F;
							text-decoration: none; }
							
.formfields {				font-size: 11px; }