body 
{
font-size: 62.5%;
margin: 0px;
text-align: center;
background: #123156 url(img/bg.gif) top left repeat-x;
color: #125E3D;
font-family:Helvetica, Arial, sans-serif;
}

a img {
	text-decoration: none;
	border: 0 none;
	}
	
#wrap{
	position: relative;
	margin: auto;
	width: 962px;
	padding: 0 10px 0 10px;
	background: url(img/wbg.gif) top left no-repeat;
}

	#top{
		position: relative;
		height: 82px;
		background: url(img/head.gif) top left no-repeat;
	}
	
	#nav{
		position: relative;
		height: 37px;	
		padding-left: 4px;	
		background: url(img/nav-bg.gif) top left;
	}
	
		#nav li{
			position: relative;
			float: left;
			padding-right: 1px;
			height: 37px;
		}
		
		#nav li a{
			position: relative;
			float: left;
			padding: 15px 0 0 15px;
			height: 25px;
			font-size: 1.3em;
			letter-spacing: 2px;
			font-family: Georgia, Times, serif;
			color: #a5acb2;
			text-decoration: none;
			text-transform: uppercase;
			width: 165px;
			text-align: left;
		}
		
		#nav li a:hover{
			color: #99ccff;
			background: none;
		}
		
		#nav li.active a{
			color: #fff;
			background: url(img/nav-active.gif) top left;
		}
	
	
	
	#splash{
		position: relative;
		padding: 12px;	
		background: #172331;
		height: 313px;
	}
	


 
	#page{
		border: 12px solid #172331;
		border-bottom: 0;
		font-size: 1.4em;
		text-align: left;
		overflow: hidden;
		padding-top: 125px;
		background: #fff url('img/1-about.jpg') no-repeat;
		height: 100%;
	}
	
 
	#pagePortfolio{
		border: 12px solid #172331;
		border-bottom: 0;
		font-size: 1.4em;
		text-align: left;
		overflow: hidden;
		padding-top: 125px;
		background: #fff url('img/1-portfolio.jpg') no-repeat;
		height: 100%;
	}

	#pageStrategy{
		border: 12px solid #172331;
		border-bottom: 0;
		font-size: 1.4em;
		text-align: left;
		overflow: hidden;
		padding-top: 125px;
		background: #fff url('img/1-strategy.jpg') no-repeat;
		height: 100%;
	}
	#pageContact{
		border: 12px solid #172331;
		border-bottom: 0;
		font-size: 1.4em;
		text-align: left;
		overflow: hidden;
		padding-top: 125px;
		background: #fff url('img/1-contact.jpg') no-repeat;
		height: 100%;
	}
	
		#content{
			padding-right: 85px;
			color: #333;	
			padding-top: 6px;
			background: transparent;
		}
		
		.entry {
			margin-bottom: 80px;
			}
			
			.entry h2
			{ border-bottom: 1px #e4e4e4 solid; margin-bottom: 8px;}
						
						
			.entry h3
			{ border-bottom: 0; margin-bottom: 8px; font-size: 16px; font-style: italic; }
				
		#sidebar {
			position: relative;
			float: left;
			padding-left: 24px;
			width: 174px;
			background: transparent;
		}
		
			#sidebar ul{
				position: relative;
			}
			
			#sidebar li{
				position: relative;
				padding-top: 10px;
			}
			
			#sidebar li a{
				position: relative;
				display: block;
				padding: 8px 0 4px 3px;
				text-decoration:none;
				color: #0668AF;
			}
				#sidebar li a:hover {
				background-color: #0668AF;
				color: #fff;
				text-decoration:none;
			}
	#sidebarAbout{
			position: relative;
			float: left;
			padding: 10px 0 0 18px;
			width: 174px;
			background-color: #fff;
		}	
		
		#content{
			position: relative;
			float: right;
			width: 619px;
			padding-right: 85px;
			color: #333;	
			padding-top: 6px;
		}
		
			#content p{
				position: relative;
				line-height: 1.7em;
				padding-bottom: 1em;	
			}
			
			#content p a{
				color: #0668AF;
			}
			
			.story {
				font-family: georgia, time, serif;
				font-size: 17px;
				}
			
			#content h2{
				position: relative;
				font-size: 1.5em;
				font-weight: bold;
				padding: 18px 0 12px 0;	
			}
			
			.folio{
				position: relative;
				overflow: hidden;
			}
			
				.folio li{
					position: relative;
					float: left;
					width: 183px;
					overflow: hidden;
					height: 280px;
					padding-right: 35px;
				}
				
				
				#content .folio li p {
					padding: 0 0 12px 0;
					font-size: 12px;
				}
				
				
				.folio li.cap {
					padding-right: 0;
				}
								
				.folio li.cap.big {
					padding-right: 0;
					height: 380px;
				}
				
			
			.map1 {
				width:290px;
				position: relative;
				float: left;
				padding-right: 10px;
				line-height: 1.7em;			}
				
			.map2 {
				width:290px;
				position: relative;
				float: right;
				padding-right: 10px;
				line-height: 1.7em;			}
	
	#front{
		position: relative;
		color: #6C767F;
		text-align: left;
		padding: 35px 0 55px 0;	
		font-size: 1.4em;
		overflow: hidden;
	}
	
		.front-box{
			position: relative;
			float: left;
			padding-left: 22px;
			width: 263px;
			padding-right: 30px;
		}
		
		#front p{
			position: relative;
			padding: 4px 0 1.1em;
			line-height: 1.6em;
		}
		
		#front ul{
			position: relative;
			line-height: 1.6em;
			list-style: inside square;
			margin: -10px 0 0 6px;
		}
		
			
		#front a{
			color: #6C767F;
			text-decoration: none;
			border-bottom: 1px solid #6C767F;
		}
		
		#front a:hover{
			color: #99ccff;
			text-decoration: none;
			border-bottom: 1px solid #99ccff;
		}
			
		#front h2{
			position: relative;
			height: 33px;
			text-indent: -9999em;	
		}
		
		#front1 h2{
			background: url(img/title-1.gif) top left no-repeat;
		}
		
		#front2 h2{
			background: url(img/title-2.gif) top left no-repeat;
		}
		
		#front3 h2{
			background: url(img/title-3.gif) top left no-repeat;
		}







#foot{
	position: relative;
	padding: 25px 0 70px 32px;
	background-color: #1E1D22;
	border-top: 1px solid #184376;	
}

	#footer{
		position: relative;
		margin: auto;
		width: 942px;
		text-align: left;
		font-size: 1.4em;
		line-height: 1.7em;
		color: #666;	
	}
	
	#footer a{
		color: #666;
	}
	
	#footer a:hover{
		color: #999;
		text-decoration: none;
	}