/**********************
Global Styling
**********************/
body {
	margin: 0;
	padding: 0;
	background: #7DA2B3 url(../images/bg/body.gif) repeat-x;
	font-size: 0.8em;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
}

p {
	margin: 0.5em 0 1em 0;
}

a {
	color: #20627F;
}
a:visited {
	color: #973A39;
}
a:active {
	color: #FF8C13;
}

p.news {
	font-size: 0.8em;
	color: #666;
}

.date {
	font-weight: bold;
	color: #973A39;
}

/**********************
Page Layout
**********************/
#page {
	position: relative;
	margin: 0 auto;
	width: 764px;
	background: #FFF url(../images/bg/page.gif) no-repeat;
	text-align: left;
}
#logo {
	position: absolute;
	top: 39px;
	left: 18px;
	width: 288px;
	height: 59px;
	background: url(../images/logo.gif) no-repeat;
}
#nav {
	position: absolute;
	top: 98px;
	left: 18px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li {
	display: inline; /* for ie5.5 */
	margin: 0;
	padding: 0;
}
	#nav li a {
		display: block;
		width: 93px;
		height: 28px;
		margin-bottom: 1px;
	}
	#nav-home a,
	#nav-home a:hover {
		background: url(../images/nav/homeOff.gif) no-repeat;
	}
	#nav-profile a,
	#nav-profile a:hover {
		background: url(../images/nav/profileOff.gif) no-repeat;
	}
	#nav-experience a,
	#nav-experience a:hover {
		background: url(../images/nav/experienceOff.gif) no-repeat;
	}
	
h1 {
	position: absolute;
	top: 39px;
	left: 306px;
	width: 439px;
	height: 59px;
	margin: 0;
	padding: 0;
}
h2 {
	position: absolute;
	top: 98px;
	left: 111px;
	width: 653px;
	height: 86px;
	margin: 0;
	padding: 0;
}
h3 {
	margin-top: 18px;
	height: 27px;
}
h4 {
	height: 21px;
	margin: 12px 0 0 0;
}
#content {
	padding-top: 183px;
}
	#side {
		display: inline; /* ie double margin fix */
		float: left;
		margin-left: 18px;
		width: 288px;
	}
		#side-featuredProjects h3 {
			background: url(../images/h3/featuredProjects.gif) no-repeat;
		}
		
		/*
		#side-featuredProjects dl {
			margin: 0;
			padding: 0;
		}
		#side-featuredProjects dt {
			clear: both;
			float: left;
			margin: 0 0 18px 0;
			padding: 0;
		}
			#side-featuredProjects dt img {
				border: 1px solid #CCC;
			}
		#side-featuredProjects dd {
			float: right;
			width: 186px;
			font-size: 0.9em;
			margin: 0 8px 0 0;
			padding: 0;
		}
		*/
		#side-featuredProjects td {
			font-size: 0.8em;
		}
		#side-featuredProjects img {
			border: 1px solid #BBB;
		}
		
	#main {
		display: inline; /* ie double margin fix */
		float: left;
		width: 439px;
	}
		#main-contactUs {
			width: 439px;
			w\idth: 403px;
			padding-left: 18px;
			padding-right: 18px;
			padding-top: 1px;
			background: url(../images/bg/contactUs.gif) no-repeat;
			color: #444;
		}
		#main-contactUs h3 {
			background: url(../images/h3/contactUs.gif) no-repeat;
			font-size: 8pt;
		}
		#map {
			float: right;
			margin-top: 10px;
			margin-right: 15px;
			text-align: center;
		}
		#map a {
			display: block;
			text-align: center;
			margin-bottom: 4px;
			text-decoration: none;
		}
		#map a:hover {
			text-decoration: underline;
		}
		#map img {
			border: 1px solid #999;
		}
	
#footer {
	clear: both;
	background: #20627F;
	padding: 3px 0 3px 18px;
	color: #FFF;
	font-size: 0.8em;
}

/**********************
Common Elements
**********************/
.replace {
	display: block;
	text-decoration: none;
}
.replace span {
	display: block;
	text-indent: -1000em;
}
br.clear {
	clear: both;
	width: 0;
	height: 0;
	border: none;
	background: inherit;
	margin: 0;
	padding: 0;
}