html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #f0f0f2;
}

	body {
		margin: 0px;
		padding: 0px;
		color: #343a32;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
	}
	
	img {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
	a {
		padding: 0px;
		margin: 0px;
		color: #856a7d;
		text-decoration: none;
	}
	a:hover, a:active {
		color: #c5b1bb;
		text-decoration: none;
	}
	h1 {
		font-family: Helvetica, Arial, sans-serif;
		font-style: italic;
		font-weight: normal;
		font-size: 18px;
		line-height: 18px;
		margin: 0px;
	}
	p.resume {
		font-family: Helvetica, Arial, sans-serif;
		font-style: italic;
		font-weight: normal;
		font-size: 18px;
		line-height: 5px;
		margin: 0px;
		padding: 0px;
	}
	p.subhead {
		font-family: Helvetica, Arial, sans-serif;
		font-style: italic;
		font-weight: normal;
		font-size: 12px;
		line-height: 8px;
		margin: 0px;
		padding: 0px;
	}
	p {
		line-height: 130%;
		padding: 0px;
	}
	.emphasis {
		font-size: 14px;
		font-style: italic;
	}
	
	#header {
		background: url(images/header_bkg.gif) center repeat-x;
		width: 100%;
		height: 151px;
	}
	.headerContent {
		width: 800px;
		margin: 0 auto;
	}
	.headerLogo {
		margin-left: -54px;
		position: absolute;
		top: 43px;
	}
	#nav {
		float: right;
		margin-right: 4.11px;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 418px;
		height: 117px;
		position: relative;
	}
	#nav a {
	    display: block;
	    text-indent: -900%;
	    position: absolute;
	    outline: none;
	    height: 117px;
	}
	
	#nav .home a {
	    width: 104.5px;
	    left: 0px;
	    top: 0px;
		background: transparent url(images/nav.gif) 0px 0px no-repeat;
	}
	#nav .graphic a {
	    width: 104.5px;
	    left: 104.5px;
	    top: 0px;
	    background: transparent url(images/nav.gif) -104.5px 0px no-repeat;
	}
	#nav .interactive a {
	    width: 104.5px;
	    left: 209px;
	    top: 0px;
	    background: transparent url(images/nav.gif) -209px 0px no-repeat;
	}
	#nav .motion a {
	    width: 104.5px;
	    left: 313.5px;
	    top: 0px;
	    background: transparent url(images/nav.gif) -313.5px 0px no-repeat;
	}
	
	#nav .home a:hover,a:active {
		background-position: 0px -117px;
	}
	#nav .graphic a:hover,a:active {
	    background-position: -104.5px -117px;
	}
	#nav .interactive a:hover,a:active {
	    background-position: -209px -117px;
	}
	#nav .motion a:hover,a:active {
	    background-position: -313.5px -117px;
	}
	
	
	
	html, body, #wrap {
		height: 100%;
	}

	body > #wrap {
		height: auto; 
		min-height: 100%;
	}

	#main {
		padding-top: 38px;
		padding-bottom: 51px;
		width: 800px;
		margin: 0 auto;
	}  /* must be same height as the footer */

	#footer {
		position: relative;
		margin-top: -51px; /* negative value of footer height */
		height: 51px;
		clear:both;
		background: transparent url(images/footer_bkg.gif) repeat-x;
	} 
	
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
	.footerContent {
		text-align: center;
		top: 21px;
		position: relative;
	}
	.footerFlourish {
		padding-left: 5px;
		padding-right: 5px;
	}


	.project {
		padding-bottom: 40px;
	}
	
	.imgHeader {
		margin-left: -18px;
		padding-bottom: 10px;
	}
	
	.backBtn {
		margin-left: -19px;
		padding-bottom: 10px;
	}
	
	a.projThumb:link img, a.projThumb:visited img {
		border: 3px solid #c5c5c5;
		vertical-align: bottom;
	}
	a.projThumb:hover img, a.projThumb:active img {
		border: 3px solid #959595;
	}
	
	.floatLeft {
		float: left;
		margin-right: 23px;
		width: 476px;
		padding: 0px;
	}
	.floatRight {
		width: 300px;
		float: right;
		padding: 0px;
	}
	
	.projImg {
		border: 3px solid #c5c5c5;
	}
	
	
	
	#aboutMe {
		width: 434px;
		padding-bottom: 40px;
	}
	#contact {
		padding-bottom: 40px;
	}
	#links {
		padding-bottom: 40px;
	}
	
	
#skillsSec {
	padding-bottom: 40px;
	width: 300px;
}
.programs {
	width: 150px;
	float: left;
	margin-right: 0px;
	padding: 0px;
}
.skills {
	float: right;
	padding: 0px;
	width: 150px;
}
	
