/* CSS Document */
body {
	text-align:center; 
	margin-top: 0px;
	padding:0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#fbfbfb;
}

div#container {
	position:relative;
	width:639px;
	*width: 639px;
	height: 100%;
	clear:both;
	overflow:hidden;
	margin: 15px 0 0 0;
}

div#portfolioBG {
	width:639px;
	height: 200px;
	clear:both;
	overflow:hidden;
	background-image:url(images/projectsBG.png);
	background-repeat: repeat-y;
	text-align: left;
}

div#featured {
	position: absolute;
	text-align:left;
	width: 128px;
	height: 24px;
	margin: 30px 0 10px 35px;	
}

div#proj1 {
	position: absolute;
	float:left;
	margin: 70px 25px 10px 35px;	
}

div#proj2 {
	position: absolute;
	float:left;
	margin: 70px 25px 10px 182px;	
}

div#proj3 {
	position: absolute;
	float:left;
	margin: 70px 25px 10px 328px;	
}

div#proj4 {
	position: absolute;
	float:left;
	margin: 70px 0px 10px 478px;	
}

div#text {
	text-align: center;
	color: #7f7f7f;
	font-style:italic;
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#text a {
	text-decoration: none;
	font-style:italic;
	color: #7f7f7f;
}

div#text a:hover {
	text-decoration: none;
	font-style:italic;
	color: #679046;
}