/* web */
ul.services {margin: 0 0 0 35px;}
ul.services li.graphics {list-style: url(../images/icons/services/graphics.png);}
ul.services li.database {list-style: url(../images/icons/services/database.png);}
ul.services li.dev {list-style: url(../images/icons/services/dev.png);}
ul.services li.hosting {list-style: url(../images/icons/services/hosting.png);}
a.recent-work {background: url(../images/buttons/recent-work.png) no-repeat;display:block;height:62px;margin:10px 38px 0 0;overflow:hidden;text-indent:-10000px;width: 217px;}
a.recent-work:hover {background-position:0 100%;}

/* portfolio */
.portfolio-large {
  border: 1px solid #ccc;
	width: 598px;
	height: 456px;
	float: left;
	position: relative;
	overflow: hidden;
}
.portfolio-large h2 {
  color: #ffffff;
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px;
}
.portfolio-large p {
  color: #ffffff;
	font-size: 1.2em;
	line-height: 1.2em;
  margin: 0;
	padding: 10px;
}
.portfolio-large a {color:#ffffff;}
.block small {
	font-size: 1em;
	padding: 0;
}
.portfolio-large .block small {margin-left: 10px;}
.portfolio-large .desc{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}
.portfolio-large .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.portfolio-thumbs {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	float: left;
  height: 456px;
	width: 299px;
}
.portfolio-thumbs img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.portfolio-thumbs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.portfolio-thumbs ul li {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
	border-top: 1px solid #fff;
  float: left;
	margin: 0;
	padding: 8px 10px;
	width: 279px;
}
.portfolio-thumbs ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.portfolio-thumbs ul li.active {
	background: #fff;
	cursor: default;
}
.portfolio-thumbs ul li h2 {
	font-size: 1.5em;
	margin: 5px 0;
	padding: 0;
}
.portfolio-thumbs ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 170px;
}
.portfolio-thumbs ul li p {display: none;}
.portfolio-thumbs .scroll {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
  height: 16px;
}
.portfolio-thumbs .scroll.down {
  clear: both;
  border-bottom: 0;
}


/* contact */
div#contact li {padding:5px 0;}
li.email {list-style:url(../images/icons/22email.png);}
li.linkedin {list-style:url(../images/icons/22linkedin.png);}
li.ee {list-style:url(../images/icons/22ee.png);}