body {
	font-family:  arial, helvetica;
	font-size: 12px;
	color: #666666;
	background-color: #f4f4f4;
}

p {
	margin: 1em 0;
	line-height: 18px;
}

	#header {
		width: 100%;
		background-color: #f4f4f4;
	}
		#header #head {
			width: 960px;
			margin: 0 auto;
			clear: both;
		}
			#header #head h1, #header #head h3 {
				margin-top: 0.5em;
				font-family: arial, helvetica;
			}
			#header #head h1 {
				font-size: 28px;
				font-weight: bold;
				color: #333333;
				font-family: georgia, arial, helvetica;
			}
	#nav {
		width: 100%;
		margin: 0 auto;
		background-color: #f4f4f4;
		clear: both;
		padding-top: 10px;
	}
		#nav ul {
			width: 960px;
			list-style-type: none;
			margin: 0 auto;
		}
			#nav ul li {
				float: left;
				background-color: #cbd6e9;
				color: #103474;
				padding: 8px 25px;
				margin-right: 5px;
				font-size: 13px;
			}
				#nav ul li a {
					color: #103474;
					text-decoration: none;
				}
					#nav ul li a:hover, #nav ul li.on a:hover {
						text-decoration: underline;
					}
			#nav ul li.on {
				color: #FFFFFF;
				background-color: #061f4c;
			}
				#nav ul li.on a {
					color: #FFFFFF;
					text-decoration: none;
				}

	#footer {
		width: 100%;
		border-top: solid 5px #cbd6e9;
		color: #666666;
		font-size: 12px;
		padding-bottom: 10px;
	}
		#footer #foot {
			width: 960px;
			margin: 0 auto;
			padding-top: 10px;
		}
	
	#page {
		width: 100%;
		clear: both;
		margin:  0 auto;
		background-color: #061f4c;
	}
		#page #content {
			width: 960px;
			margin: 0 auto;
			padding: 20px 0px;
			clear: both;
		}
			#page #content h2 {
				font-size: 24px;
				font-weight: bold;
				color: #FFFFFF;
				margin: 1em 0;
				font-family: georgia, arial, helvetica;
			}
			
	#left {
		margin-left: 65px;
		width: 615px;
		float: left;
		clear: both;
	}
		#left div.top {
			background-image: url(../images/page_header.png);
			background-repeat: no-repeat;
			background-position: top left;
			height: 15px;
			float: left;
			width: 615px;
		}
		#left div.bottom {
			background-image: url(../images/page_footer.png);
			background-repeat: no-repeat;
			background-position: bottom left;
			height: 54px;
			float: left;
			width: 615px;
		}
		#left div.mid {
			float: left;
			width: 565px;
			background-image: url(../images/page_bg.png);
			background-repeat: repeat-y;
			background-position: top left;
			padding: 0px 25px;
		}
		
		#left div.mid a {
			color: #069;
			text-decoration: none;
		}
			#left div.mid a:hover {
				text-decoration: underline;
			}
		
		#left div.mid ul {
			list-style-type: disc;
			margin-left: 20px;
		}
			#left div.mid ul li {
				margin: 0.5em 0;
				line-height: 18px;
			}
			
		#left div.mid p.title {
			font-size: 16px;
			color: #333;
		}
		
	#right {
		width: 215px;
		float: left;
		margin-left: -4px;
		margin-top: 20px;
	}
	
	#right ul {
		list-style-type: none;	
	}
		#right ul li {
			background-color: #cbd6e9;
			color: #103474;
			padding: 10px 25px;
			margin-bottom: 5px;
		}
			#right ul li.on {
				background-color: #FFF;	
			}
			#right ul li:hover {
				background-color: #abb7cc;
				cursor: pointer;
			}
			#right ul li.on:hover {
				background-color: #FFFFFF;
			}
			
	.portfolio-img {
		float: left;
		margin-left: 40px;
		margin-top: 50px;
		border: solid 1px #666;
	}
	.portfolio-info {
		float: right;
		margin-right: 30px;
		margin-top: 50px;
		background-image: url(../images/overlay.png);
		width: 420px;
		padding: 0px 15px;
		color: #FFF;
	}
		.portfolio-info p.title {
			font-size: 14px;	
		}
			.portfolio-info p.title span {
				font-size: 11px;
			}
			.portfolio-info p.title span a {
				color: #CCC;	
			}
		.portfolio-info p.link {
			text-align: right;	
		}
			.portfolio-info p.link a {
				color: #FC0;
				text-decoration: none;
			}
				.portfolio-info p.link a:hover {
					text-decoration: underline;
				}