body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	}
div#all {
	position: relative;
	width: 800px;
	margin: 0;
	padding: 0;
	}
div#contentsquare {
	position: relative;
	width: 639px;
	height: 576px;
	margin: 0;
	padding: 0;
	background-image: url("images/homepagebacksquare2.jpg");
	background-repeat: no-repeat;
	border-top: 1px solid #fff;
	}
div#contentsquare.profile {
	background-image: url("images/profilebackground.jpg");
	}
div#mainnav {
	position: absolute;
	top: 34px;
	right: 4px;
	width: 100px;
	border:0px solid red;
	text-align: right;
	}
div#mainnav a {
	display: block;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0;
	text-decoration: none;
	color: #646464;
	}
div#mainnav a:visited {
	color: #646464;
	}
div#mainnav a:active {
	color: #fff;
	}
div#mainnav a:hover {
	color: #fff;
	}
div#mainnav a.current {
	color: #DB4603;
	}
.solutions div#mainnav a:hover {
	color: #DB4603;
	}
div#contentsquare .contactinfo {
	position: absolute;
	top: 240px;
	right: 0;
	width: 631px;
	padding:  0 0 0 0;
	margin: 0;
	border: 0px solid #fff;
	background: url("images/whiterule.gif") no-repeat;
	background-position: bottom right;
	text-align: center;
	font-size: 14px;
	}
div#contentsquare a {
	text-decoration: none;
	color: #646464;
	}
div#contentsquare a:visited {
	color: #646464;
	}
div#contentsquare a:active {
	color: #fff;
	}
div#contentsquare a:hover {
	color: #fff;
	}
div#contentsquare a.current {
	color: #DB4603;
	}

/* RIGHT COLUMN STYLING FOLLOWS */
/* NAVIGATION FIRST */
div#rightnav {
	position: absolute;
	right: 0;
	top: 18px;
	border: 0px solid red;
	width: 143px;
	margin: 0;
	padding: 0 0 0 18px;
	}
div#rightnav h1 {
	display: block;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DB4603;
	margin: 0;
	padding: 0 0 3px 0;	
	}
div#rightnav a {
	display: block;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0;
	text-decoration: none;
	}
div#rightnav a:link {
	color: #646464;
	text-decoration: none;
	}
div#rightnav a:visited {
	color: #646464;
	text-decoration: none;
	}
div#rightnav a:active {
	color: #BEBDBD;
	text-decoration: none;
	}
div#rightnav a:hover {
	color: #BEBDBD;
	text-decoration: none;
	}
div#rightnav a.current {
	color: #DB4603;
	}
/* NOW WE HAVE THE BOTTOM RIGHT COLUMN */
div#projectinfo {
	position: absolute;
	right: 0px;
	top: 285px;
	border: 0px solid red;
	width: 143px;
	margin: 0;
	padding: 0 0 0 18px;
	}
div#projectinfo  h3 {
	color: #DB4603;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 5px 0 3px 0;
	padding: 0;
	}
div#projectinfo  h4 {
	display: inline;
	color: #DB4603;
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	}
div#projectinfo .text {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #646464;
	line-height: 12px;
	padding-bottom: 8px;
	padding-left: 0px;
	}
	
div#projectinfo .client, .project, .purpose, .copyright, .photocredit {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #646464;
	line-height: 16px;
	margin-bottom: 10px;
	}
div#projectinfo .copyright, .photocredit {
	font-family: verdana, sans-serif;
	font-size: 9px;
	margin: 15px 0 0 0;
	padding: 0;
	}	
div#projectinfo span.listitem {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #646464;
	display: block;	
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: normal;
	}
div#projectinfo ol {
	list-style: inside decimal;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #DB4603;
	margin:0;
	padding: 0;
	}
div#projectinfo ol li {
	margin:0;
	padding: 0;
	}
	
/* LETS CALL THIS THE END OF THE BOTTOM RIGHT COLUMN  STYLING*/


div#homefooter {
	position: relative;
	width: 639px;
	height: 162px;
	border:1px solid #fff;
	background-image: url("images/contact_footer.gif");
	background-position: 35px 60px;
	background-repeat: no-repeat;
	}
.contactinfo {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #646464;
	margin: 50px 0 0 125px;
	padding: 0;
	}	
.contactinfo span {
	margin-left: 15px;
	margin-right: 15px;
	}
.copyright {
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #646464;
	margin: 50px 0 0 15px;
	padding: 0;
	}
/* Done */	

	
/* Style for Profile Page */
div#contentsquare h1 {
	position: absolute;
	top: 39px;
	left: 100px;
	width: 150px;
	height: 50px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	}
.goaway {
	display: none;
	}
div#contentsquare h2.clientlist {
	position: absolute;
	top: 283px;
	left: 536px;
	width: 150px;
	height: 50px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	background: url("images/clientlist.gif") no-repeat;
	}
div.portrait {
	position: absolute;
	top: 140px;
	left: 0px;
	}
div.paratext {
	position: absolute;
	top: 138px;
	left: 100px;
	width: 415px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #646464;
	}
div.paratext p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 18px;
	}
/* LETS MAKE STYLE FOR THE CASE STUDY PAGE, A SPECIAL CASE */

.csmaterial {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid red;
	}
div#casestudy h2.process {
	position: absolute;
	top: 288px;
	left: 550px;
	width: 110px;
	height: 50px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	background: url("images/process2.gif") no-repeat; 
	}
div#casestudy h2.collaboration {
	position: absolute;
	top: 288px;
	left: 500px;
	width: 133px;
	height: 50px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	background: url("images/collaboration.gif") no-repeat; 
	}
div#casestudy h2.solutions {
	position: absolute;
	top: 288px;
	left: 550px;
	width: 133px;
	height: 50px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	background: url("images/solution.gif") no-repeat; 
	}
div#casestudy h1 {
	position: absolute;
	top: 39px;
	left: 100px;
	width: 150px;
	height: 50px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	z-index: 10;
	}
div#casestudy {
	position: relative;
	width: 639px;
	margin: 0;
	padding: 0;
	background-image: url("portfolio/casestudyback.jpg");
	background-repeat: no-repeat;
	background-color: #C7C7B6;
	border-top: 1px solid #C7C7B6;
	}
/* THATS ALL FOR THE CASE STUDY PAGE */

/* NOW LETS HAVE SOME STYLE FOR PORTFOLIO AND COLLATERAL PAGES MAIN COLUMN */

div#contentcolumn h2.casestudy {
	position: absolute;
	top: 283px;
	left: 526px;
	width: 110px;
	height: 50px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	}
div#contentcolumn h1 {
	position: absolute;
	top: 39px;
	left: 100px;
	width: 150px;
	height: 50px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	}
div#contentcolumn {
	position: relative;
	width: 639px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-color: #DBDBC8;
	border-top: 1px solid #DBDBC8;
	}
div#contentcolumn a:active {
	color: #fff;
	}
div#contentcolumn a:hover {
	color: #fff;
	}
/* old back color #EAEAE3; */	
div#subnav {
	position: absolute;
	top: 105px;
	left:97px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}
div#subnav a {
	margin-left: 3px;
	margin-right: 3px;
	padding: 0;
	text-decoration: none;
	}	
div#subnav a:visited {
	color: #646464;
	text-decoration: none;
	}
div#subnav a:active {
	color: #fff;
	text-decoration: none;
	}
div#subnav a:hover {
	color: #fff;
	text-decoration: none;
	}
div#subnav a.current {
	color: #DB4603;
	text-decoration: none;
	}
div.pubmaterial {
	position: relative;
	margin: 200px 0 0 0;
	padding: 0 0 50px 0;
	}
/* Here are a general link styles */	

 a:link {
	color: #646464;
	text-decoration: none;
	}
 a:visited {
	color: #646464;
	text-decoration: none;
	}
 a:active {
	color: #BEBDBD;
	text-decoration: none;
	}
 a:hover {
	color: #BEBDBD;
	text-decoration: none;
	}
 a.current {
	color: #DB4603;
	}
/* Style the credit for ME */

div#maxcredit {
	font-family: verdana, sans-serif;
	font-size: 11px;
	position: absolute;
	margin-left: 107px;
	margin-top: 75px;
	}
	}