body {
	margin: 0 auto;
	padding: 0;
	
	text-decoration: none;
	color: black;
	font: 75%/120% Georgia, Times New Roman, serif;
	background: #D9D9D9;
}

#container {
	margin-top: 0px;
	margin-right:auto;
	margin-left:auto;
	width:960px;
	background: white;
}

#container a:link, #container a:active, #container a:visited {
	border-color: black;
	//color: black;
	}
	
#container p {
		font: 95% Georgia, Times New Roman, serif;
		line-height:130%;
	}

/* HEADER */

#header {
	padding: 30px 30px 20px 30px;
	width: 920px;
	height: 72px;
}

/* link to home */

	#home a:link, #home a:active, #home a:visited{
		float: left;
		background-image: url("images/header/nadeemhaidary.png");
		width: 140px;
		height: 56px;
		padding:7px 8px 8px 7px;
		border: 1px solid;
		border-color: white;
	}
	
	#home a:hover{
		background-image: url("images/header/nadeemhaidary.png");
		border: 1px solid;
		border-color: #231F20;	
	}
	
/* top nav bar elements */

	#topnav {
		width: 696px;
		height: 72px;
		background: #D9D9D9;
		margin: 0px 0px 0px 190px;
		float:none;
	}
	
	a.portfolio {
		float: left;
		display: block;
		margin: 30px 0px 0px 20px;	
		background-image:url("images/header/portfolio_08.png");
		height:35px;
		width:109px;
	}
	a.portfolio:hover {
	  background-image: url("images/header/portfolio_over_08.png");
	}
	
	a.resume {
		float: left;
		display: block;
		margin: 30px 0px 0px 0px;	
		background-image:url("images/header/resume_09x.png");
		height:35px;
		width:89px;
	}
	a.resume:hover {
	  background-image: url("images/header/resume_over_09x.png");
	}
	
	a.about {
		float: left;
		display: block;
		margin: 30px 0px 0px 0px;	
		background-image:url("images/header/about_10.png");
		height:35px;
		width:80px;
	}
	a.about:hover {
	  background-image: url("images/header/about_over_10.png");
	}
	
	a.blog {
		float: left;
		display: block;
		margin: 30px 0px 0px 308px;	
		background-image:url("images/header/blog_12.png");
		height:35px;
		width:71px;
	}
	a.blog:hover {
	  background-image: url("images/header/blog_over_12.png");
	}

/* LEFT COLUMN */

#leftnav{
	clear:left;
	width:158px;
	padding: 0px 0px 0px 30px;
}
		

	#categories{
		margin-top: 12px;
		float: left;
		color: darkgray;
		font: 80% Georgia, Times New Roman, serif;	
	}
	
	#categories2{
		margin-top: 2px;
		float: left;
		color: darkgray;
		font: 80% Georgia, Times New Roman, serif;	
	}

	a.portfoliolinks {
		float: left;
		display: block;
		padding: 5px 0px 5px 6px;
		margin-top: 2px;
		height:10px;
		width:150px;
		
		color: darkgray;
		font: 80% Georgia, Times New Roman, serif;
		text-decoration: none;
		letter-spacing: 1px;
	}
	a.portfoliolinks:hover {
	  color: black;
	  background: #D9D9D9;
	}
	a.portfoliopage {
		float: left;
		display: block;
		padding: 5px 0px 5px 6px;
		margin-top: 2px;
		height:11px;
		width:150px;
		font: 80% Georgia, Times New Roman, serif;
		letter-spacing: 1px;
		
		background: #D9D9D9;
		color: black;
		text-decoration: underline;
	}
	
	a.download{
	float: left;
	position: relative;
	padding: 10px 0px 0px 6px;
	}

	
/* MAIN */

#main {
	width: 696px;
	height: 340px;
	margin: 0px 0px 0px 220px;
}
	#resume h1{
		margin-top: -12px;
		font: 80% Georgia, Times New Roman, serif;
		letter-spacing: 2px; 
	}
	
	#resume h2 {
		font: 105% Georgia; serif;
	}
	
	#resume p {
		font: 90% Georgia, Times New Roman, serif;
		margin-top: -8px;
		line-height:135%;
		margin-bottom: 18px;
		color: #231F20;
	}
	
	#resume{
		border-top: 1px solid;
		height: 320px;
	}
	
	
	#column1{
		width:250px;
		float: left;
		margin-left: 0px;
	}
	
	#column2{
		width:250px;
		float: left;
		margin-left: 50px;
	}
	
	#column3{
		width:125px;
		float: left;
		margin-left: 20px;
	}
	
	#column_about1{
		border-top: 1px solid;
		border-color: lightgray;
		width:155px;
		float: left;
		margin-left: -170px;
		margin-top: 10px;
	}
	
	#column_about2{
		border-top: 1px solid;
		border-color: lightgray;
		width:155px;
		float: left;
		margin-left: 15px;
		margin-top: 10px;
	}
	
	#column_about3{
		border-top: 1px solid;
		border-color: lightgray;
		width:155px;
		float: left;
		margin-left: 30px;
		margin-top: 10px;
	}
	
	a.portfolio-img{
	margin: 0px 7px 0px 0px;
	}
	
	
	#content p {
	position: relative;
	display: inline-block;
	bottom: 15px;
	left: 10px;
	width: 230px;
	}

	
	#content{
		border-top: 1px solid;
	}
	
	a.friends {
		font: 90% Georgia, Times New Roman, serif;
		color: black;
	}

/* HIDDEN PROCESS */

#process {
	clear: left;
	background: white;
	width: 696px;
	height: 1200px;
	display: none;
	margin: 25px 0px 0px 220px;
}

	#process img {
	margin-top: 15px;
	}
	
	#process p {
	position: absolute;
	bottom: 0px;
	text-align:left;
	padding:0px 0px 0px 0px;
	color: #555555;
	font: 90% Georgia, Times New Roman, serif;
	}
	
	#process-text {
	position: relative;
	display: inline-block;
	bottom: 0px;
	left: 10px;
	width: 230px;
	}
	
.btn-slide {
	background: url(images/seemore_26NEW.png) no-repeat center 5px;
	padding: 40px 0px 0px 298px;
	width: 398px;
	height: 30px;
	margin-left: 220px;
	display: block;
	
	font: 90% Georgia, Times New Roman, serif;
	text-decoration: none;
	color: black;
	
	border-color: black;
	border-top: 4px solid;
}


.btn-slide:hover {
	text-decoration: underline;
	/*background: url(images/seemore_26_over.png) no-repeat center -1px;*/
}



.active {
	background: url(images/seemore_26NEW.png) no-repeat;
	background-position: center -97px;
	
	color: white;
}
/*
.active: hover {
	background: url(images/seemore_26_over.png) no-repeat;
	background-position: center -105px;
}*/