@charset "utf-8";
/* CSS Document */

#pagebody{
	min-height:700px;
}
#pagebody h2.title {
	margin-bottom:0px;
}
#filtersbox {
	height: 2em;
	margin:0px 0 25px;
}
#filtersbox .title {
	float: left;
	padding: 1px 12px 3px 11px;
	background: url(../images/pointer.gif) no-repeat;
	height:15px;
	margin-right: 4px;
}
#filtersbox ul {
	margin:0px 5px;
	text-indent: 0;
	list-style: none;
}
#filtersbox ul li {
	margin:1px 5px;
	float: left;
}
#filtersbox ul li a {
	font-weight:bold;
	color: #93a5b7;
	margin: 0px;
	padding: 1px 4px 2px;
	border:none;
	cursor:pointer;
}
#filtersbox ul li a:hover {
	color: #364873;	
}
#filtersbox ul li a.selected, #filtersbox ul li a.selected:hover {
	color: #F3F1E9;
	background: #364873;
}
#filtersbox ul li a:focus { outline: none; }
#rightcolumn
{
	float:right;
	width: 520px;
}
#portfolioframe
{
	background: white;
	padding: 10px;
	width:500px;
	height: 445px;
	position:relative;
}
#portfolioframe .project
{
	position:absolute;
	top:10;
	left:10;
}
#portfolioframe .viewbox
{
	width:500px;
	height: 420px;
	border: solid 1px #ddd;
}
#portfolioframe .viewbox img {  

    top:  0; 
    left: 0 
} 
#portfolioframe .pager
{
	padding:8px 0;
	font-weight:bold;
	height: .75em;
	width:500px;
}
#portfolioframe .pager a
{
	display: block;
	float: left;
	margin-right:7px;
	font-weight:bold;
	color: #93a5b7;
	margin: 0px;
	padding: 1px 6px 2px;
	border:none;
}
#portfolioframe .pager a:hover {
	color: #364873;	
}
#portfolioframe .pager a.activeSlide {
	color: #364873;
	background: #eee;
}
#portfolioframe .pager a:focus { outline: none; }
#portfolioframe .pager .next-button
{
	float:right;
	width: auto;
	display: block;
	font-weight:bold;
	color: #93a5b7;
	cursor:pointer;
}
#portfolioframe .pager .next-button:hover {
	color: #364873;	
}
#portfoliolist{
	width:280px;
}
#portfoliolist ul
{
	text-indent:0;
	list-style:none;
	padding:0;
	margin:0;
}
#portfoliolist ul li
{
	position: relative;
	display: block;
	border-bottom:dotted 1px #D9D4CA;
	padding-top: 15px;
	padding-bottom: 5px;
	cursor: pointer;
	height:85px;
}
#portfoliolist > ul > li:hover
{
	background: url(../images/highlight.gif) repeat-x top;
}
#portfoliolist > ul > li.selected
{
	background: url(../images/highlight.gif) repeat-x top;
}
#portfoliolist ul:first-child
{
	border-top:dotted 1px #D9D4CA;
}
#portfoliolist ul li img
{
	float:left;
	display: block;
	background: gray;
	margin-left:10px;
}
#portfoliolist ul li p
{
	margin:0 0 0 90px;
	padding: 4px 0;
	line-height:1.1em;
	color:#867D6C;
}
#portfoliolist ul li h3
{
	margin:0 0 3px 90px;
	font-size: 1em;
	font-weight:bold;
	letter-spacing:0em;
}
#portfoliolist ul li li
{
	display: block;
	border:none;
	margin-top: 0px;
	padding:0;
	background: none;
	margin:0 0 0 90px;
}
.tag
{
	padding: 0px 8px 2px 19px;
	background: url(../images/tag_orange.png) no-repeat;
}