#container {
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	width: 960px;
}
#navigation {
	width: 960px;
	height:35px;
	background: url(images/header-bg.gif) repeat-x 0 0;
	position:relative;
}
	
#navigation ul {
	width:880px;
	height:35px;
	list-style:none;
	text-align: right;
	font-size:80%;
	float:right;
	margin-right: 45px;
	display:inline;
	position:absolute;
}
#navigation li {
	display:inline;
	padding-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	
	vertical-align: sub;
	overflow:hidden;
}

#navigation a
	{ color:#959484; text-decoration: none;}

#navigation a:focus, 
#navigation a:hover     {
	color: #B4CC95;
}

#navigation li a.current, #navigation li a.current:hover, #navigation li a.current:active{
	cursor:default;
	text-decoration:none;
	color:#B4CC95;
}



#mainContent {
	height: 33em;
	width: 960px;
	position: relative;
				background-image: url(images/main-bg.gif);
	background-repeat: repeat-y;
}

#logo {
	padding-top:91px;
	padding-left:111px;
}

#content {
	width:400px;
	height: 350px;
	margin-left:254px;
	margin-right:30px;
	margin-top:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.85em;
	line-height:1.4em;
	color:#959484;
	position: absolute;
}

#content h3,#content-text h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.4;
	margin:0;
	padding:0;
}

#content p,#content-text p {
	margin-top: 0;
	padding-top:0;
}
#content a,#content-text a
	{ color:#B4CC95; text-decoration: none;}

#content a:focus, 
#content a:hover,
#content-text a:focus,
#content-text a:hover{
	color:#959484; text-decoration:underline;}


	#portfolioLg { 
        width:200px; 
        height:200px; 
        z-index:1;
		background-color:#603;
		float:right;
    } 
	
#content-text {
	width:410px;
	height: 25em;
	margin-left:360px;
	margin-right:30px;
	margin-top:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.85em;
	line-height:1.4em;
	color:#959484;
	position: absolute;
	left: -10px;
}

#content-text li{
	margin-left:-25px;
}

#thumbContainer {
	width:170px;
	margin-left:430px;
	margin-top: 0px;
	height:220px;
	position:absolute;
}

#thumbContainer img {
	margin-right:7px;
	margin-bottom:7px;
}

#projectName {
	width:200px;
	margin-top: 240px;
	margin-left: 430px;
	position:absolute;
	height: 20px;
}

#projectName p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight:bold;
	color: #666;
}
	
#prevNextContainer {
	width: 155px;
	margin-left: 430px;
	margin-top: 280px;
	position: absolute;
}

#prevNextContainer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .7em;
	color:#999;
	text-decoration:none;
}

#prevNextContainer a:focus, 
#prevNextContainer a:hover     {
	color:#333;
	text-decoration:none;
}

#prev {
	float: left;
	position:relative;
}

#next {
	float: right;
	position: relative;
	padding-right: 10px;
}

#footer{
	width: 960px;
	height:3em;
	padding-top:20px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer-bg.gif);
	background-repeat: no-repeat;
}

#footer-left{
	float:left;
	margin-left: 45px;
	display:inline;
}

#footer-right{
	float:right;
	text-align:right;
	margin-right:45px;
	
}

#footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	color:#666;
}

#footer a{
	color:#666;
	text-decoration:none;
}

#footer a:focus, 
#footer a:hover     {
	text-decoration:underline;
}
Miscellaneous Classes
.holder		{ color:#959484; }
.current	{ font-weight:normal; color:#B4CC95;}
.lg-image	{
	float:right;
	position:relative;
}

to center, add the following after img in source HTML

/*  style="display:block;margin:auto;"  */


 to keep left, remove class
 
 
 .clear-float {
	clear:both;
}