body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin : 0;
	padding : 0; }

table {
	border-collapse : collapse;
	border-spacing : 0; }

fieldset, img { border : 0 none; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style : normal;
	font-weight : normal; }

strong { font-weight : bold; }

ol, ul {
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none; }

caption, th { text-align : left; }

h1, h2, h3, h4, h5, h6 {
	font-size : 100%;
	font-weight : normal; }

q:before, q:after { content : ''; }

abbr, acronym { border : 0 none; }

a {
	outline-style : none;
	outline-width : medium;
	color: #333333; }

html {
	height : 650px;
	margin : 0;
	padding : 0; }

body {
	background-color : white;
	color : #4a4946; }
	
h3 {
	color: #4a4946;
	font-size: 11px;
	font-weight: bold;
	}

#mapArea {
	font-family : Arial, Helvetica, sans-serif;
	height : 650px;
	width : 18000px; }

#nav {
	background : url(../images/nav_back.png);
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	height : 125px;
	left : 0;
	margin : 0;
	padding : 0;
	position : fixed;
	top : 0;
	width : 1000px; }

	#nav a {
		color : #4a4946;
		text-decoration : none; }

		#nav a:hover {
			color : #333333;
			text-decoration : underline; }

		#nav a:focus {
			background : #ccc;
			color : #000; }

		#nav a:active {
			background : #fff;
			color : #666; }

	#nav ul {
		list-style : none;
		padding : 21px 0 0 20px; }

#header {
	float : left;
	width : 250px; }

#nav ul li { padding : 7px 0 0 0; }

#navHisPorfolio {
	float : left;
	height : 125px;
	margin : 0;
	padding : 0;
	width : 90px; }

	#navHisPorfolio ul li { text-indent : 4px; }

#navMeetJohn {
	float : left;
	height : 125px;
	margin : 0;
	padding : 0;
	width : 79px; }

#navHowToContact {
	float : left;
	height : 125px;
	margin : 0;
	padding : 0;
	width : 108px; }

#navBlog {
	float : left;
	height : 125px;
	margin : 0;
	padding : 0;
	width : 83px; }

#navQuickContact {
	float : left;
	height : 125px;
	margin : 0;
	padding : 0;
	width : 275px; }

	#navQuickContact p {
		margin : 0;
		padding : 0 0 0 15px; }

		#navQuickContact p a {
			margin : 0;
			padding : 0 0 0 10px; }

			#navQuickContact p a strong {
				margin : 0;
				padding : 0 5px 0 0; }

#rowOne {
	height : 507px;
	padding : 125px 0 0 0;
	width : 18000px; }

#homeContainer {
	float : left;
	height : 507px;
	margin : 0;
	padding : 0;
	width : 1200px; }

#openingParagraph {
	float : left;
	height : 507px;
	margin : 0;
	padding : 0;
	width : 600px; }

h1 a.headerInfo {
        height: 125px;
        overflow: hidden;
        padding:0;
        display: block;
        text-indent:-9999px;
        width: 1px; }

#homepageButton {
	float : left;
	font-family : Arial, Helvetica, sans-serif;
	height : 307px;
	margin : 0;
	padding : 120px 0 0 0;
	width : 600px; }

	#homepageButton h1 { padding : 5px 0 5px 0; }

	#homepageButton a {
		color : #4a4946;
		text-decoration : none; }

		#homepageButton a:hover {
			background-color : #80a500;
			text-decoration : none; }

		#homepageButton a:focus {
			background : #ccc;
			color : #000; }

		#homepageButton a:active {
			background : #fff;
			color : #666; }

	#homepageButton h1 a {
		color : #4a4946;
		font-size : 16px; }

		#homepageButton h1 a strong {
			color : #80a500;
			font-size : 16px; }

		#homepageButton h1 a:hover { color : #ffffff; }

			#homepageButton h1 a:hover strong { color : #ffffff; }

div.hzSquare {
	float : left;
	height : 507px;
	margin : 0 150px 0 0;
	padding : 0 0 0 20px;
	width : 900px; }

div.hzSection {
	float : left;
	height : 50px;
	margin : 0;
	padding : 0;
	width : 900px; }

div.workInfo {
	float : left;
	height : 397px;
	width : 262px; }

	div.workInfo img { padding : 20px 0 0 10px; }

	div.workInfo p {
		margin : 0;
		padding : 20px 0 0 10px;
		width : 252px; }

		div.workInfo p strong {
			color : #4a4946;
			font-size : 24px; }

		div.workInfo p img { padding : 40px 0 0 0; }

div.projectSummary {
	color : #808080;
	font-size : 10px;
	line-height : 12px;
	padding : 2px 0 0 10px;
	width : 200px; }

	div.projectSummary a {
		color : #333333;
		font-size : 10px;
		text-decoration : none; }

		div.projectSummary a:hover {
			color : #333333;
			text-decoration : underline; }

#overviewSkills { padding : 20px 0 0 0; }

	#overviewSkills p {
		color : #808080;
		font-size : 10px;
		line-height : 12px;
		padding : 2px 0 0 10px;
		width : 200px; }

		#overviewSkills p strong {
			color : #80a500;
			font-size : 10px; }

#education { padding : 20px 0 0 0; }

	#education p {
		color : #808080;
		font-size : 10px;
		line-height : 12px;
		padding : 2px 0 0 10px;
		width : 200px; }

		#education p strong {
			color : #80a500;
			font-size : 10px; }

div.contactSection img { padding : 20px 0 0 10px; }

div.contactSection p {
	color : #80a500;
	font-size : 14px;
	line-height : 12px;
	padding : 2px 0 0 10px;
	width : 200px; }

	div.contactSection p a {
		color : #808080;
		padding : 0 0 0 0;
		text-decoration : none; }

		div.contactSection p a:hover {
			color : #333333;
			text-decoration : underline; }

#available { padding : 20px 0 0 0; }

	#available p {
		color : #80a500;
		font-size : 14px;
		padding : 0 0 0 10px; }

.viewProject h1 {
	color : #cccccc;
	font-size : 20px;
	padding : 15px 0 5px 10px; }

	.viewProject h1 strong {
		color : #cccccc;
		display : block;
		font-size : 9px; }

.viewProject a {
	color : #4a4946;
	text-decoration : none; }

	.viewProject a:hover {
		background-color : #80a500;
		text-decoration : none; }

	.viewProject a:focus {
		background : #ccc;
		color : #000; }

	.viewProject a:active {
		background : #fff;
		color : #666; }

.viewProject h1 a {
	color : #4a4946;
	font-size : 20px;
	font-weight : 700; }

	.viewProject h1 a strong {
		color : #80a500;
		display : inline;
		font-size : 16px; }

	.viewProject h1 a:hover { color : #ffffff; }

		.viewProject h1 a:hover strong { color : #ffffff; }
		
.previousNextBox {
	position: absolute;
	top: 515px;
	width: 262px;
	height: 60px; }

.previousNext { 
	padding : 0 0 0 10px; }

	.previousNext strong a {
		color : #80a500;
		font-size : 26px;
		text-decoration : none; }

		.previousNext strong a:hover { color : #333333; }

.projectNumber {
	color : #999999;
	font-size : 14px;
	padding : 0 0 0 10px; }

div.workImageContainer {
	float : left;
	height : 457px;
	margin : 0;
	padding : 0;
	width : 638px; }

	div.workImageContainer img {
		border : medium solid #80a500;
		margin : 25px 0 0 0; }

div.imgShadow img {
	border : none;
	margin : 10px 0 0 0; }

#footer {
	background-color : #80a500;
	color : #ffffff;
	height : 100%;
	position : fixed;
	width : 100%;
	border-top: 6px solid #546800; }

	#footer p {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 10px;
		padding: 3px; }