html, body {margin:0;
			padding:0;
			color:#333;
			font: small verdana, arial, helvetica, sans-serif;	
			text-align: center;
			line-height: 1.2em;
			color: #333333;
			background: #fff;}
			
h1 {color:#333;
    background:#fff;
    font: bold 110%/1em arial, verdana, sans-serif;
	margin:0;
   	}

p.caption	{  font: 85%/1em arial, verdana, sans-serif;
   line-height:1.2em;
    padding-top: 0em;
	padding-left:.5em; 
	padding-right:.5em}
	
p{  font: small verdana, arial, helvetica, sans-serif;	
   	line-height:1.2em;}
			

ul.list	{list-style:none;
margin:0;
}	

#mainpagecontent ul	{
margin:0;
padding: 0 0 0 1em;
list-style-type:disc;
}	

#container {
	width:650px;
	margin:20px auto 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
	background: #fff;
	text-align:left;
	position:relative;
	}
			
#header {width:650px;
margin:20px auto 0; padding:0px;
background: #fff;}

#footer {
	margin:0;
	height:300px;
	background:#333;
	clear:both;	
	border:5px solid #ff9900;
	}

#maincontent {width:650px;
padding-top:10px;
background:#fff;}

/*use for index page only*/
#mainpagecontent {
padding-left:40px;
padding-right:0px;
padding-top:10px;
background:#fff;}

#porttable a {padding: 0 5px 0 0;}


#leftcolumn{

width: 150px;
float: left;
margin: 0 0 25px 0;
background:#fff;}

#maincolumn {
float:right;
width:450px;
background:#fff;
}

/*use for client list*/
#midleft{

width: 225px;
float: left;
margin: 0;
background:#fff;}
		
#midright{

width: 225px;
float: right;
margin: 0;
background:#fff;}

		
#navcontainer {
	position: relative;
	width: 650px;
	height: 30px;
	padding: 0;
	margin: 0px 0 5px 0;
	background: #fff;
	border-bottom:1px solid #000000;		
	}

#nav {
	position: absolute;
	top: 10px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 650px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:21px; /* for IE5/Win */
	}
	
	
#news {
	border:1px solid #000000;
	overflow: hidden;
	width: 350px;
	padding-top: 0em;
	
	
	}
#newstop {
	border-bottom:1px solid #000000;
	background-color:#D8FEFF;
	padding:3px;
	font-weight:bold;
	
	}
	
/*main navigation swap out images */	
#thome a  {
	width: 67px;
	background: url(images/home_off.gif) top left no-repeat;
	}
	
#thome a:hover  {
	width: 67px;
	background: url(images/home_on.gif) top left no-repeat;
	}

#thome a.selected  {
	width: 67px;
	background: url(images/home_on.gif) top left no-repeat;
	}

#tportfolio a  {
	width: 67px;
	background: url(images/portfolio_off.gif) top left no-repeat;
	}
	
#tportfolio a:hover  {
	width: 67px;
	background: url(images/portfolio_on.gif) top left no-repeat;
	}

#tportfolio a.selected  {
	width: 67px;
	background: url(images/portfolio_on.gif) top left no-repeat;
	}


#tclients a  {
	width: 67px;
	background: url(images/clients_off.gif) top left no-repeat;
	}
#tclients a:hover {
	width: 67px;
	background: url(images/clients_on.gif) top left no-repeat;
	}
#tclients a.selected {
	width: 67px;
	background: url(images/clients_on.gif) top left no-repeat;
	}
	
#tservices a  {
	width: 67px;
	background: url(images/services_off.gif) top left no-repeat;
	}
#tservices a:hover {
	width: 67px;
	background: url(images/services_on.gif) top left no-repeat;
	}
#tservices a.selected {
	width: 67px;
	background: url(images/services_on.gif) top left no-repeat;
	}

#tbio a  {
	width: 67px;
	background: url(images/bio_off.gif) top left no-repeat;
	}
#tbio a:hover {
	width: 67px;
	background: url(images/bio_on.gif) top left no-repeat;
	}
#tbio a.selected {
	width: 67px;
	background: url(images/bio_on.gif) top left no-repeat;
	}
	
#tresume a  {
	width: 67px;
	background: url(images/resume_off.gif) top left no-repeat;
	}
#tresume a:hover {
	width: 67px;
	background: url(images/resume_on.gif) top left no-repeat;
	}
#tresume a.selected {
	width: 67px;
	background: url(images/resume_on.gif) top left no-repeat;
	}
	
/*pop-up links */		
a.link {font-weight:bold;
			color:#000000;
			text-decoration:none}
		
a.link:hover {font-weight:bold;
			color:#D47D26;
			text-decoration:none}
a.linkselected {font-weight:bold;
			color:#D47D26;
			text-decoration:none}
	
/*link on index pagee */		
a.worklink {font-weight:bold;
			color:#000000;}
		
a.worklink:hover {font-weight:bold;
			color:#D47D26;
			text-decoration:none}
			
img {border:0}