#topbar{
	height:168px;
	background:url(/_images/photos/nowhere_near2.jpg);/**/
	background-position:0px 0px;
	color:#fff;
	border-bottom:1px solid #000;
	background-repeat:no-repeat;
	background-color:#4B7AA9;
	overflow:hidden;
	z-index:100;
}

#topbar h1{
	font-size:14px;
	padding:4px 4px 4px 16px;
	margin:0px;
}

#logo{
	margin:4px 4px 4px 16px;
}

#logo img{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
}

#contactline{
	color:#333;
	margin:67px 0px 1px 162px;
	height:36px;
	text-align:right;
	font-size:10px;
	font-family:verdana,arial,helvetica,sans-serif;
	line-height:1em;
	border-left:1px solid #000;
	padding-top:0px;
}



#homelink{
	float:left;
	font-size:12px;
	margin:20px 0 0 3px;
}
#homelink a{
	background-repeat:no-repeat;
	background-image:url(/_images/ui_icons/mini/home.gif);
	padding-left:12px;
	background-position:0;
	text-decoration:none;
	color:#999;
	display:block;
	font-weight:normal;
}

#homelink a:hover{
	color:#4B7AA9;
	background-image:url(/_images/ui_icons/mini/arrow_l.gif);
}

#maincol{
	margin-left:211px;
	max-width:90%;
	min-width:480px;
	padding:26px 1em 1em 1em;
}

#maincol .intro{
	font-size:1.4em;
	color:#4B7AA9;
	margin-bottom:0px;
	font-family:arial, helvetica, sans-serif;
}


#maincol h2{
	font-size:1.1em;
	color:#003;
	font-weight:bold;

}




#xtracols{
	float:left;
	width:auto;
	border:0px solid #666;
}

#xtracols .content{
	float:left;
	width:260px;
	border:1px solid #efefef;
	margin:4px 4px 4px 0;
	padding:4px;
	height:auto;
	background:#fffcfc;
}

#leftbar{
	float:left;
	padding-top:46px;
	position:relative;
	top:-1px;
	left:1px;
	width:210px;
	background:url(/_images/bits/boxed_03.gif);
	background-repeat:no-repeat;
	border:1px solid;
	border-width:0px 1px 0px 0px;
	height:100%;
	background-position:0px 0px;
}




/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #leftbar {
		height:100%;
  }
/* End hide from IE5/mac */


#maincontent{
	width:30%;
	float:left;
	margin-left:2em;
	padding:1%;


	/*background:#fcfffc;
	padding:1%;
	border:1px solid #ccc;
	margin-left:8px;*/
}

#maincontent.empty{
	border-top:1px dashed #999;

	}



#maincontent h4{
	padding-left:24px;
	background-image:url(/_images/ui_icons/16x16/check.gif);
	background-repeat:no-repeat;

}

#maincontent blockquote{
margin: 0 8px 0 8px;;
font-style:normal;
color:#060;
}

#maincontent blockquote .quotesource{
text-align:right;

}
#maincontent blockquote  a{
color:#060;
}
#portfolio-links h3{
font-size:1.1em;
color:#900;
font-weight:bold;
}

#portfolio-links{
	width:62%;
	float:left;
	border:0px solid #ccc;
	padding-right:4px;

}

#portfolio-links h4{
	font-family:arial, helvetica, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	color:#000;
}

#portfolio-links a img{
	margin:4px 0 4px -24px;
}
#portfolio-links img{

	border:1px solid #000;
	margin:4px 0 4px 0px;
	display:block;

}

#portfolio-links a.portlink{
	background-image:url(/_images/ui_icons/16x16/website.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
	color:#00c;
	font-size:1.2em;
	padding-left:24px;
	font-weight:bold;
	display:block;
	width:330px;
}

#portfolio-links p {

}

#portfolio-links a.portlink:hover{
	background-image:url(/_images/ui_icons/16x16/website_blue.gif);
	color:#006;
}

.portfolio-item{
	border:1px solid #D1E0F0;
	padding:4px;
	margin-bottom:8px;
	background:#fcfcff;
}


#footer{
	background-image:url(/_images/ui_icons/16x16/comment.gif);
	background-repeat:no-repeat;
	background-position:210px 8px;
	clear:both;
	margin:12px 0 12px 0;
	color:#000;
	padding:8px 8px 8px 234px;
	border-top:1px dashed #003;
	background-color:#D1E0F0;
	clear:both;
}

#footer a{
	color:#000;
	font-weight:bold;
}


.sectionlink{
text-align:left;
font-size:10px;


}
.sectionlink a{
text-decoration:none;
color:#900;
}

.sectionlink a:hover{
text-decoration:none;
color:#009;
}
/*
INPUT FORM

*/

		form{
			margin:16px;
			padding:16px;
		}

		label{
			display:block;
			width:90px;
			float:left;
			text-align:right;
			padding-right:2px;
			font-weight:bold;
		}


		textarea{
		 	width:240px;
			height:120px;
			border:1px solid #009;
			padding:2px;
		}

		input.txt{
			border:1px solid #009;
			padding:2px;
			width:240px;
		}


		textarea:hover, select:hover, input.txt:hover{
			border:1px solid #000;
			background:#ffc;

		}

		textarea:focus, select:focus, input.txt:focus{
			border-color:#000;
			background:#fff;

		}

		.form-input{
			padding-bottom:2px;
		}


	#portItem{

		text-align:left;
		color:#000;
	}
	#projectname{
		margin:5px;
		font-size:16px;
		text-align:center;
		font-family:monospace;
		font-weight:bold;
		background:#333;
		padding:3px;
		color:#fc3;
	}

	#portpics{
		padding:3px;

		position:relative;


	}
	#portpics img{
		display:inline;
		margin:4px;
		border:1px solid #000;
	}

	#company{
		margin:5px;

	}
	#brief{
		margin:5px;
		font-family:verdana,arial,helvetica;
	}
	#myrole{
		margin:5px;
		font-family:verdana,arial,helvetica;
		font-size:9pt;
	}
	#sitelink{
		margin:5px;
	}

	.projdate{
		color:#666;
	}

	.subhead2{
		font-weight:bold;

	}

	.home-column{
		 width:49%;
		 float:left;
		 padding:2px;

	}

.home-column h3 a, .home-column h3 a:visited{
	padding-left:24px;
	background-image:url(/_images/ui_icons/16x16/check.gif);
	background-repeat:no-repeat;
	background-position:4px 4px;
	font-size:0.8em;
	color:#060;
	font-weight:bold;

}








a.inline-important{
	color:#060;
	padding-left:24px;
	background-image:url(/_images/ui_icons/16x16/arrow_r.gif);
	background-repeat:no-repeat;
	font-size:1.4em;
	text-decoration:none;
	background-position:4px 4px;
	margin-right:20px;
}

a.inline-important:hover{
	color:#090;
}


#contactline{
	color:#333;
	margin-top:132px;

}

#maincontent h3{
font-size:1em;
color:#000;
font-weight:bold;
}


#home #maincontent h4{
background-image:url(/_images/ui_icons/16x16/comment.gif);
font-size:12px;
font-weight:normal;
color:#999
}



#messageMap{
	margin-left:60px;
	border:1px solid #999;
	background:#efefef;
	padding:4px;
	width:400px;

}

#home #portfolio-links ol{
	background-image:url(/_images/bits/handy.gif);
	background-position:top-left;
	background-repeat:no-repeat;
	padding-left:30px;
}

ol.para, ul para{
	list-style: none;
	padding:0;
	margin:0;
}

ol.para li, ul.para li{

}



#skills-list, #clients-list, #noteslist{
	width:62%;
	float:left;
	border:0px solid #ccc;
	padding-right:0 4px 0 0;
	margin:1em 0 0 0;

	}

#skills-list li , #clients-list li{
	margin:0;
	padding:0;
}

#clients-list li h3{
	color:#000;
	font-size:1em;
	margin:0;
	border:0;
}
#clients-list li h4{
	font-size:1.4em;
	margin:0;
	border:0;
	font-weight:normal;
	color:#666;
}

#clients-list li h4 a{
	color:#666;
	padding-right:10px;
}

#clients-list li h4 a:after{
	content: " " url(/_images/ui_icons/16x16/website_blue.gif) ;
}


#clients-list li h5{
	color:#000;
	font-size:1em;
	margin:0;
	border:0;
	padding-left:24px;
	background-image:url(/_images/ui_icons/16x16/users.gif);
	background-repeat:no-repeat;
	color:#999;
}

#clients-list li{
	border:1px solid #D1E0F0;
	padding:4px;
	margin-bottom:8px;
	background:#fcfcff;
}


#skills-list{

}

#skills-list h3{
	margin:0;
	padding:0;
	color:#000;
	font-size:1.1em;
	font-weight:bold;
	padding-left:24px;
	background-image:url(/_images/ui_icons/16x16/check.gif);
	background-repeat:no-repeat;
}

.article-thumb{
	float:left;
	margin:0 4px 4px 0;
}

.newsitem{

	border-bottom:1px solid #999;
	padding-bottom:1em;
	margin-bottom:1em;
	overflow:auto;
}

#home .newsitem{
clear:left;
}