body {
	background: url("../images/bg-page.jpg") repeat-x #000;
	margin: 0;
	padding: 0;
	text-align: center;
}

p, h1, h2, h3, h4, h5, a, ul, li, ol, dl, dt, dd, address {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left; 
	color: #FFF;
}

address {
	font-style: normal;
}

dt {
	font-weight: bold;
	color: #01006D;
	margin: 10px 20px 5px 20px;
} 

dd {
	list-style: none;
	margin: 5px 30px 10px 30px;
} 

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #00CCCC;
	border-bottom: solid 1px #333333;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #00CCCC;
}

h3 {
	font-weight: bold;
	color: #FFF;
}

a:link, a:visited {
}

a:hover, a:active {
	text-decoration: none;
}


/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#top {
	width: 990px;
	margin: 0 auto 0 auto;
	height: 90px;
	background: url("../images/bg-top.jpg") left no-repeat;
	text-align: right;
}

	div#top img, div#top a {
		text-align: right;
	}

div#header {
	width: 990px;
	height: 160px;
	margin: 0 auto 0 auto;
	text-align: left;
}

	div#navcontainer {
		width: 990px;
		height: 50px;
		margin: 0 auto 0 auto;
	}
	
		
		div#nav {
			margin-left: 400px;
			height: 50px;
		}
	
	div#lightboxdiv {
		width: 990px;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	
		div#lightboxdiv img {
			margin: 10px;
		}
	
	div#resume {
		width: 990px;
		margin: 0 auto 0 auto;
	}
	
		div#resume ul {
			line-height: 22px;
		}
		
		div#resume ul li {
			margin-bottom: 4px;
		}
	
	div#footercontainer {
		height: 58px;
		background: url("../images/bg-footer.gif") repeat-x;
	}
	
	div#footer {
		text-align: center;
		clear: both;
		width: 990px;
		margin: 0 auto 0 auto;
		border-top: solid 1px #333333;
	}
			  

/* ----------------- IMAGE ELEMENTS ----------------- */

img.left {
	float: left;
	margin: 0 10px 10px 0;
}
img.right {
	float: right;
	margin: 0 0 10px 10px;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearcentered {
	clear: both;	
	text-align: center;
	margin: 0 auto 0 auto;
}
.centered {
	text-align: center;
	margin: 0 auto 0 auto;
}

/* ------------------------- MAIN NAVIGATION ----------------------------- */
ul#mainnav {
	margin: 0;
	padding: 0 0 24px;
	width: auto;
}

ul#mainnav li {
	float: left;
	width: 136px;
	height: 50px;
	list-style: none;
	margin: 0 3px 0 3px;
}

ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	background: url("../images/nav-off.jpg") no-repeat;
	text-decoration: none;
	display: block;
	padding: 6px 10px 40px 10px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav li a.current:visited {
	background: url("../images/nav-on.jpg") no-repeat;
}


/* ------------------------- FOOTER NAVIGATION ----------------------------- */
ul#footnav {
	margin: 18px 0 0 0;
	padding: 0 0 24px;
	width: auto;}

ul#footnav li {
	float: left;
	list-style: none;
}

ul#footnav li a:link, ul#footnav li a:visited, ul#footnav li a:active {
	color: #FFF;
	display: block;
	padding: 4px 20px 0 0;
	font-size: 11px;
}

ul#footnav li a:hover, ul#footnav li a.current:link, ul#footnav li a.current:visited {
	text-decoration: none;
}

/* ------------------------- MISCELLANEOUS ----------------------------- */

div#linkedin {
	width: 170px;
}

	div#linkedinleft {float: left;}
	
	div#linkedinright {float: right; padding-top: 15px; padding-right: 10px;}