@charset "UTF-8";
/* CSS Document */


/********************************************************
					  GLOBAL TAGS
********************************************************/
p {
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

a {
	color: #aeb89c;
	outline: none;
}

a:hover {
	color: #fff;	
	text-decoration: none;		
}

/***********************************
			  HEADINGS
***********************************/
h1 {
	font-family: Myriad, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #aeb89c;
	font-weight: lighter;
	margin: 15px 0px;
}


/********************************************************
					LIBRARY STYLES
********************************************************/
.current {
	text-decoration: none;
	color: #CCC;
	display: inline;
}

.divider {
	background-image: url('../images/divider.jpg');
	height: 11px;
	clear: both;
	margin: 25px 0px;
}

.italic {
	font-style: italic;	
}

.clear {
	height: 0px;
	clear: both;
	margin: 0px;
	padding: 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.navBtn {
	margin-top: 19px;
	padding: 0px;
	float: left;
}

/********************************************************
					  PAGE LAYOUT
********************************************************/
#mainWrapper {
	background: url('../images/headerBkgd.jpg') no-repeat;
	height: 1080px;
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -960px;
}

	#contentWrapper {
		width: 870px;
		margin: 42px 0px 0px 511px;
	}

		/***********************************
			  		   HEADER
		***********************************/
		#header {
			width: 870px;
			height: 150px;
			margin-bottom: 20px;
		}

			#jobInfo {
				background-image: url('../images/jobTitle.jpg');	
				width: 337px;
				height: 60px;
				float: right;
				margin: 26px 3px 0px 0px;
			}
		
			#mainNav {
				width: 590px;
				height: 70px;
				position: absolute;
				z-index: 1;
				left: 789px;
				top: 121px;
			}

		/***********************************
			  		 ABOUT PAGE
		***********************************/
		#aboutBlock {
			width: 870px;
			float: right;
			margin: 30px 0px;
		}

			#aboutLeft {
				float: left;
				width: 430px;
				margin-left: 15px;
			}

				#aboutInfo {
					width: 420px;
					height: 330px;
					margin-top: 10px;
					padding: 0px;
				}

			#aboutRight {
				float: right;
				width: 390px;
				margin-bottom: 30px;
			}
			
				
		/***********************************
				    PORTFOLIO PAGE
		***********************************/
		#portfolioBlock {
			width: 902px;
			height: 758px;
			float: right;
			margin: 25px 0px 15px 0px;
		}

		/***********************************
					LINKS PAGE
		***********************************/
		#linksBlock {
			width: 870px;
			height: 650px;
			float: right;
			margin: 25px 0px;
		}

			#linksBlock a:hover{
				color: #646d52;
			}

			#leftLinks {
				width: 310px;
				height: 500px;
				margin: 50px 0px 0px 100px;
				float: left;
			}

			#rightLinks {
				width: 300px;
				height: 500px;
				margin: 50px 60px 0px 0px;
				float: right;
			}

		/***********************************
				    CONTACT PAGE
		***********************************/
		#contactBlock {
			width: 870px;
			height: 650px;
			float: right;
			margin: 25px 0px;
		}

			#contactBlock a:hover{
				color: #646d52;
			}

			#contactInfo {
				width: 197px;
				height: 35px;
				float: right;
				margin: 12px 273px 0px 0px;
			}


	/******************************
			      FOOTER
	******************************/
	#footerWrapper {
		background: url('../images/footerBkgd.jpg') no-repeat;
		height: 195px;
		width: 1920px;
	}

		#footer {
			width: 855px;
			color: #fff;
			float: left;
			margin: 45px 0px 0px 520px;
		}

			#footer p {
				font-size: 11px;	
			}

/********************************************************
					   PAGE STYLES
********************************************************/
.socialIcons {
	float: right;
	margin:0px 1px 0px 6px;
}

.logo {
	background-image: url('../images/logo.jpg');
	width: 390px;
	height: 146px;
	margin: 4px 0px 0px 7px;
	float: left;
}

.logoLink {
	width: 390px;
	height: 60px;
}

.aboutTitle {
	background-image: url('../images/aboutTitle.jpg');
	width: 385px;
	height: 38px;
	margin-bottom: 15px;
}

.computerIcon {
	background-image: url('../images/aboutComputer.jpg');
	width: 79px;
	height: 50px;
}

.careerTitle {
	background-image: url('../images/careerTitle.jpg');
	width: 84px;
	height: 23px;
	margin-top: 10px;
}

.webLinks {
	margin-left: 5px;	
}

.linksTitle {
	margin-bottom: 12px;	
}

.contactTitle {
	background-image: url('../images/contactTitle.jpg');
	width: 197px;
	height: 38px;
	float: right;
	margin: 60px 275px 0px 0px;
}

.contactIcon {
	background-image: url('../images/contactIcon.jpg');
	width: 66px;
	height: 63px;
	float: right;
	margin: 5px 15px 0px 0px;
}

.ImageRow {
	width: 900px;
	margin-top: 15px;
	padding: 0px;
}

.images {
	width: 260px;
	height: 263px;
	float: left;
	margin: 0px 0px 20px 40px;
}

.launchBtn {
	width: 120px;
	float: left;
	margin: 10px 122px 10px 56px;
}
.projDescript p{
	font-size: 10px;
}
.projDescript {
	width: 230px;
	margin: 0px 13px 0px 57px;
	float: left;
}

.linkedInBtn {
	margin-top: 35px;

}