body {
	background-image:url("../images/bg_gradient.png");
	background-color:#2f2f2f;
	background-repeat: repeat-x;
	color:#ffffff;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

#container{
	width:735px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:25px;
}

#footer-container{
	margin:0 auto;
	overflow:hidden;
	padding-bottom:20px;
	width:735px;
}

#tl-name{
	background-image:url("../images/name.png");
	background-repeat:no-repeat;
	float:left;
	height:65px;
	width:500px;
}

#tr-nav{
	height:45px;
	float:left;
}

	#tr-nav ul{	
		border-right:1px solid #333333;
		overflow:hidden;
		}
	
	#tr-nav li{
		border-left:1px solid #333333;
		display:inline;
		float:left;
		height:66px;
		width:110px;
	}
	
	#tr-nav li a:link, a:visited{
		color:#fff;
		text-decoration:none;
	}
	
	#tr-nav li a:hover{
		color:#00cccc;
		text-decoration:none;
		}
	
	#tr-nav h1{
		font-weight:700;
		padding:56px 0 0;
		text-align:center;
		width:110px;
	}

#connect{
	background-image:url("../images/bar.png");
	background-repeat:no-repeat;
	float:left;
	margin-top:10px;
	padding:10px 0 17px;
	width:755px;
}

	#connect p{
		display:inline;
		float:left;
		font-size:11px;
		padding:2px 5px 0 0;
	}

#about{
	float:left;
	padding:0 29px 0 0;
	width:720px;
}

	#about p{line-height:15px;}

#icons{}

	#icons img{padding:10px 5px 0 0;}
	
#title-portfolio{
	background-image:url("../images/portfolio.png");
	background-repeat:no-repeat;
	float:left;
	height:40px;
	margin:15px 0 20px;
	width:735px;
}

.project{
	float:left;
	padding:0 0 30px 0;
	width:730px;
	overflow:hidden;
}

	.project-image{
		float:left;
		border:5px solid #272727;
		height:120px;
		width:360px;
		}
	
	.project-info{
		float:left;
		padding:0 0 0 20px;
		width:340px;
	}
	
	.project p{
		line-height:15px;
		padding:10px 0 20px;
	}

.project-link{
	background-color:#00CCCC;
	color:#000000;
	font-weight:600;
	height:16px;
	padding-top:6px;
	text-align:center;
	width:105px;
	text-decoration:none;
}

	.project-link a:link{
		color:#fff;
		text-decoration:none;
	}
	
	.project-link a:hover{
		color:#000;
		text-decoration:none;
	}
	
#copyright{
	display:inline;
	float:left;
	height:13px;
	padding:3px 0 0;
	width:635px;
}

#footer-icons{
	display:inline;
	float:left;
	height:16px;
}

	#footer-icons img{
		padding:0 5px 0 0;
	}