/* CSS Document */

@import url("grid.css");
@import url("reset.css");
@import url("type.css");


.green {background: #390;}
.ltgreen {background: #84d900;}
.grey {background: #ccc;}
.dkgrey {background: #666;}
.ltgrey {background: #ddd;}
.overflow {overflow:hidden;}
.buffer {padding:20px;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.hide {display:none;}

#logo {text-align:right;}

#nav { list-style: none; padding:0; margin:65px 0 0 30px; font-size: 20px; letter-spacing: -.01em; }
#nav li { list-style: none; padding:0; margin:0; display: inline; }
#nav .off { padding:8px; color: #84d900; }
#nav a {text-decoration: none; padding:8px; }
#nav .active a { color:#84d900; }
#nav a:hover {color:#84d900;}

.project {position: relative;}
.project .title {width:100%;}
.project .title a {
	-webkit-transition: padding-bottom 100ms ease-out;
	color:#fff; 
	text-decoration: none;
	position:absolute;
	bottom:0;
	left:0;
	padding:6px 10px 6px 10px;
	background:#333;
	filter:alpha(opacity=95);
	opacity:.95;
	font-size: 11px;
	width:inherit;
}
.project .title a:hover { padding-bottom: 10px; background:#111; }

.latest h3 { float: left; margin: 0 20px 0 0;font-size:18px;font-weight: normal;}
.latest h4 { font-weight: bold; margin:2px 0 0 0; }
.latest p { margin: 2px 0; }
.latest small {color: #666; margin-bottom: 10px; display:block; }
.latest .posts {float: left; width: 260px; }

.title h3 {margin-bottom:5px;}
.title h4 {margin-top:0; font-size: 12px;}

#services { padding: 20px 0 20px 19px; position:relative;}
#services ul {
	margin:0;
	width: auto;
	padding:0;
	list-style:none;
}
#services li {
	width: 280px;
	margin: 0 20px 0 0;
}
#services h2 {font-size: 34px; color: #390; margin:0; line-height: 37px; }
#services p {margin: 10px 0 0 0; font-size: 12px;}
#services p span {font-weight:bold;color:#999;text-transform:uppercase;}
#services .overDesign {position:absolute;left:0;padding-left: 19px; top:57px;background: transparent;width:300px;z-index:999; font-weight:bold;}


#portfolio { padding: 20px 0 20px 0; position:relative;}
#portfolio ul {
	margin:0;
	width: auto;
	padding:0;
	list-style:none;
	overflow:auto;
}
#portfolio li {
	width: 279px;
	margin: 0 40px 0 80px;
	height:350px;
}
#portfolio h2 { margin-top: 10px;}
#portfolio img {display: block; margin: 0 auto 20px auto;}
#portfolio .thumbs {margin:-10px auto 20px auto;text-align:center;}
#portfolio .thumbs a:link, #portfolio .thumbs a:visited {margin:0 1px;padding:0 3px 0 4px;text-decoration:none;background:#999;color:#fff;font-size:9px;}
#portfolio .thumbs a:active, #portfolio .thumbs a:hover, #portfolio .thumbs a:focus {background:#333;}
#portfolio dt, #portfolio dd {float:left;overflow:auto;}
#portfolio dt {width: 50px;color:#777;font-weight:normal;}
#portfolio dd {width: 210px;margin:0;}

a.prev, a.next {position: absolute; left:28px; padding:3px 7px;background:#ddd;z-index:999;color: #333; text-decoration: none;font-weight:bold;font-size:110%}
.prev {top: 30px;}
.next {top: 58px;}


#contactinfo h2 {
	margin-top: 0;
}
/*#contactinfo dt {
	text-transform: uppercase;
	color: #999;
}
#contactinfo dd {
	margin: 0 0 10px 0;
}*/
#contactinfo dl {overflow:auto;}
#contactinfo dt, #contactinfo dd {float:left;}
#contactinfo dt {width: 85px;font-size: 18px; font-weight:normal;clear:both;}
#contactinfo dd {width: 180px;margin:4px 0;}

#footer { list-style:none;margin:40px 0 10px 80px;padding:0; color:#999;}
#footer li { margin-right: 9px; padding-right:11px; border-right: 1px solid #ccc; display:inline;}
#footer a {color:#999;}
#footer .last {border:none;}

#content h2 {font-size:24px; line-height:1.1em;}