div.columnbox { float: left; width: 300px; height: 302px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; padding-top: 19px; border-top: 1px solid #DBDBDB; }
div.columnbox h3 { margin-bottom: 10px; }
div.columnbox ul { list-style-type: disc; list-style-image: url(../images/bullet.gif); }
div.columnbox div.item { clear: left; width: 300px; margin: 20px 0; }
div.columnbox li.item { margin: 20px 0; }
div.columnbox .item h4 { margin-bottom: 10px; }
div.columnbox .item p { margin: 10px 0; }
div.columnbox .item .thumb { float: left; margin: 5px 20px 10px 0; }

#caseshow { position: relative; height: 398px; padding: 80px 0 20px; background: url(../images/breadcrumbs_bg.gif) scroll repeat-x top left; }
#caseshow h3 { margin-bottom: 10px; }
#caseshow .scroller a.case { display: block; width: 505px; height: 330px; overflow: hidden; margin: 0 10px; color: #333; text-align: center; text-decoration: none; }
#caseshow .scroller a.case .image { display: block; width: 505px; height: 280px; overflow: hidden; text-align: center; }
#caseshow .scroller a.case .name { display: block; margin-top: 8px; font-weight: bold; }
#caseshow .scroller a.case .client { display: block; margin-top: 2px; color: #666; }
#caseshow .scroller a.case:hover .name { text-decoration: underline; }
#caseshow .scroller .arrowleft { left: 60px; }
#caseshow .scroller .arrowright { right: 60px; }
#caseshow .scroller .bar { margin: 0 80px; }
#caseshow .heading { position: absolute; z-index: 500; top: 20px; left: 10px; }
#caseshowfadeleft, #caseshowfaderight { position: absolute; top: 40px; width: 20px; height: 438px; background-attachment: scroll; background-repeat: no-repeat; background-position: top left; }
#caseshowfadeleft { left: 0; background-image: url(../images/start_caseshow_fade_l.png); }
#caseshowfaderight { right: 0; background-image: url(../images/start_caseshow_fade_r.png); }

#newscolumn, #blogscolumn { height: 392px; }

#blogscolumn .item { min-height: 65px; height: auto !important; height: 65px; margin: 10px 0; padding-top: 10px; border-top: 1px dotted #D3D3D3; }
#blogscolumn .item.first { margin-top: 20px; padding-top: 0; border-top: none; }
#blogscolumn .item h4 { margin-bottom: 2px; }
#blogscolumn .item .thumb { margin: 0 10px 0 0; }
#blogscolumn .item a.readmore { color: #FFAF00; font-size: 10px; text-decoration: none; }
#blogscolumn .item a.readmore:hover { text-decoration: underline; }

#feedcolumn { float: right; height: 734px; margin-right: 0; }
#feedcolumn .item { width: 272px; margin: 20px 0; padding-left: 28px; background-attachment: scroll; background-repeat: no-repeat; background-position: 0px 2px; }
#feedcolumn .item a { display: block; margin-top: 2px; color: #222; text-decoration: underline; }
#feedcolumn .item a:hover { color: #555; }
#feedcolumn .item a.name { display: inline; font-weight: bold; color: #222; text-decoration: none; }
#feedcolumn .item .service { }
#feedcolumn .item .date { font-size: 9px; }
#feedcolumn .delicious { background-image: url(../images/icon_delicious.gif); }
#feedcolumn .flickr { background-image: url(../images/icon_flickr.gif); }
#feedcolumn .twitter { background-image: url(../images/icon_twitter.gif); }
#feedcolumn .twitter a { text-decoration: none; }

#contactbox #map { float: left; width: 140px; margin: 20px 20px 0 0; font-size: 11px; font-style: italic; }
#contactbox #map img { margin-bottom: 4px; }
#contactbox p { margin-top: 20px; }