body{
	margin:0;
	font:12px Arial, sans-serif;
	background:#e8e8e8 url(images/body-bg.gif) repeat-x;
}

a:focus{outline:none;}

a{text-decoration:none;}

a:hover{text-decoration:underline;}

img{border:none;}

form,ul,p{
	margin:0;
	padding:0;
}

ul{list-style:none;}

/* header */

#header{
	margin:0 auto;
	width:680px;
	height:154px;
	background:url(images/header-bg.gif) no-repeat 350px 67px;
	position:relative;
	overflow:hidden;
}

#header h1{
	margin:0;
	position:absolute;
	left:17px;
	top:114px;
	width:149px;
	height:29px;
}

#header h1 a{
	display:block;
	width:149px;
	height:29px;
	text-indent:-9999px;
	background:url(images/logo.gif) no-repeat;
}

#header .top{
	width:680px;
	height:26px;
	background:#afafaf url(images/headertop-bg.gif) no-repeat 0 100%;
	overflow:hidden;
}

#header .top p{
	margin:6px 19px 0 0;
	float:right;
	display:inline;
	font:11px Arial, sans-serif;
	color:#fff;
}

#header .menu{
	position:absolute;
	left:252px;
	top:115px;
	height:30px;
	width:425px;
	overflow:hidden;
}

#header .menu li{
	margin-left:14px;
	padding-top:14px;
	float:left;
	height:16px;
	display:inline;
}

#header .menu li.active{background:url(images/menu-dot.gif) no-repeat 45% 0;}

#header .menu li a{
	font:14px/16px Arial, sans-serif;
	color:#686a6c;
}

#header .menu li a:hover{
	color:#f60;
	text-decoration:none;
}

#header .menu li.active a{color:#739dd3;}

/* content */

#content{
	margin:0 auto;
	width:680px;
	overflow:hidden;
}

#content .holder{
	width:680px;
	background:#fff url(images/holder-topbg.gif) no-repeat;
	overflow:hidden;
}

#content .holder .botbg{
	width:680px;
	background:url(images/holder-botbg.gif) no-repeat 0 100%;
	overflow:hidden;
}

#content .about{
	width:680px;
	position:relative;
	padding:25px 0 15px;
	overflow:hidden;
}

#content .about h2{
	position:absolute;
	margin:0;
	left:18px;
	bottom:0;
	width:133px;
	height:40px;
	text-indent:-9999px;
	background:url(images/about-title.gif) no-repeat;
}

#content .about p{
	margin:0 30px 0 195px;
	font:16px/20px Arial, sans-serif;
	color:#929292;
	overflow:hidden;
}

#content .about p a.more{
	font-size:9px;
	color:#f60;
	padding-left:8px;
	background:url(images/more-arrow.gif) no-repeat 0 3px;
}

#content .bothold{
	margin:16px auto 0;
	width:680px;
	overflow:hidden;
}

#content .bothold .work{
	width:335px;
	height:160px;
	float:left;
	background:url(images/work-bg.jpg) no-repeat;
	position:absolute;
	overflow:hidden;
}

#content .bothold .work h2{
	margin:0;
	position:absolute;
	left:18px;
	bottom:0;
	width:116px;
	height:39px;
	text-indent:-9999px;
	background:url(images/work-title.gif) no-repeat;
}

#content .bothold .work p{margin:140px 0 0 144px;}

#content .bothold .work a.last{
	font:11px Arial, sans-serif;
	padding-left:7px;
	background:url(images/more-arrow.gif) no-repeat 0 5px;
	color:#f60;
}

#content .bothold .blog{
	width:335px;
	float:right;
	background:#fff url(images/blog-topbg.gif) no-repeat;
	position:relative;
	overflow:hidden;
}

#content .bothold .blog .botbg{
	width:335px;
	min-height:160px;
	padding-bottom:13px;
	background:url(images/blog-botbg.gif) no-repeat 0 100%;
}

* html #content .bothold .blog .botbg{height:160px;}

#content .bothold .blog h2{
	margin:0;
	position:absolute;
	left:18px;
	top:132px;
	width:120px;
	height:52px;
	text-indent:-9999px;
	background:url(images/news-title.gif) no-repeat;
}

#content .bothold .blog ul{
	margin-left:27px;
	width:290px;
	overflow:hidden;
}

#content .bothold .blog ul li{
	margin-top:12px;
	padding-left:10px;
	width:280px;
	float:left;
	background:url(images/dot-gray.gif) no-repeat 0 3px;
}

#content .bothold .blog ul li h3{
	margin:0;
	font:11px/13px Arial, sans-serif;
	color:#b4b4b4;
}

#content .bothold .blog ul li h3 a{color:#f60;}

#content .bothold .blog ul li h3 span{color:#739dd3;}

#content .bothold .blog ul li p{
	font:11px/12px Arial, sans-serif;
	color:#929292;
}

#content .bothold .blog a.more{
	font-size:9px;
	color:#f60;
	padding-left:8px;
	background:url(images/more-arrow.gif) no-repeat 0 3px;
}

#content .bothold .blog .botlinks{
    bottom: 20px;
	margin:0 0 0 145px;
	position: absolute;
	width:190px;
}

#content .bothold .blog a.read,
#content .bothold .blog a.subs{
	font-size:11px;
	float:left;
	background-position:0 5px;
}

#content .bothold .blog a.subs{
	margin-left:12px;
	display:inline;
}

/* about page */

#content .staticblock{
	width:680px;
	overflow:hidden;
}

#content .holder .column{
	margin:85px 0 0 18px;
	width:155px;
	float:left;
	display:inline;
	overflow:hidden;
	min-height: 300px;
}

#content .column h2{
	margin:0;
	width:133px;
	height:40px;
	text-indent:-9999px;
	background:url(images/about-title.gif) no-repeat;
}

#content .column h2.why{
    background-image: url(images/why-title.gif);
    height: 52px;
}
#content .column h2.contact{background-image: url(images/about-title.gif);}

#content .holder .column ul{
	margin-top:18px;
	width:155px;
	border-top:1px #e9e9e9 solid;
}

#content .holder .column ul li{
	padding-left:5px;
	width:150px;
	border-bottom:1px #e9e9e9 solid;
}

#content .holder .column ul li a{
	padding-left:8px;
	background:url(images/more-arrow.gif) no-repeat 0 2px;
	font:9px/15px Arial, sans-serif;
	color:#f60;
}

#content .holder .main-content{
	margin:45px 25px 0 0;
	width:460px;
	float:right;
	padding-bottom:20px;
	display:inline;
	color:#929292;
}

#content .column .blog h2{
	margin:0;
	bottom:0;
	width:120px;
	height:52px;
	text-indent:-9999px;
	background:url(images/news-title.gif) no-repeat;
}

#content .staticblock .main-content a{
	margin-top:22px;
	font:18px/22px Arial, sans-serif;
}

#content .staticblock .main-content h2{
	margin:0;
	font:24px/28px Arial, sans-serif;
	width:380px;
}

#content .staticblock .main-content h3{
	font:14px/20px Arial, sans-serif;
}

#content .staticblock .main-content p{
    margin-bottom:22px; 
	font:14px/20px Arial, sans-serif;
}

#content .staticblock .main-content ul{
	margin:15px;
	font:12px/18px Arial, sans-serif;
}

#content .staticblock .main-content ul li{
	font:12px/18px Arial, sans-serif;
}

#content .staticblock .main-content .contact h3{
	margin-bottom:2px;
	font:16px/20px Arial, sans-serif;
}

#content .staticblock .main-content .contact p{
	margin-top:2px;
	font:12px/16px Arial, sans-serif;
}

#content .staticblock .main-content .contact a{
	margin-top:2px;
	font:12px/16px Arial, sans-serif;
}

/* case-studies page */


#content .staticblock .column .work h2{
	margin:0;
	width:155px;
	height:40px;
	text-indent:-9999px;
	background:url(images/studies-title.gif) no-repeat;
}

#content .contentblock .main-content{
    margin-top:40px;
	color:#929292;
}

#content .contentblock .main-content h3{
	margin:30px 0 0;
	width:460px;
	font:24px Arial, sans-serif;
	color:#739cd1;
	overflow:hidden;
}
#content h3 a, #content a:link, #content a:visited {
    color:#739cd1;
}

#content .contentblock .main-content p{
	margin-top:16px;
	font:12px/16px Arial, sans-serif;
}

#content .contentblock .main-content p a.more{
	font-size:9px;
	color:#f60;
	padding-left:8px;
	background:url(images/more-arrow.gif) no-repeat 0 3px;
}

#content .contentblock .main-content .topblocks{
	width:455px;
	overflow:hidden;
}

#content .contentblock .main-content .topblocks .block{
	width:220px;
	float:left;
	overflow:hidden;
}

#content .contentblock .main-content .topblocks .block2{float:right;}

#content .contentblock .main-content .topblocks .block span{
	display:block;
	margin-left:8px;
	font:10px Arial, sans-serif;
	color:#686a6c;
}

/* footer */

#footer{
	margin:20px auto 0;
	width:680px;
	height:32px;
	background:url(images/footer-bg.gif) no-repeat;
	overflow:hidden;
}

#footer p{
	margin-left:20px;
	float:left;
	display:inline;
	font:9px/32px Arial, sans-serif;
	color:#8c8c8c;
}

#footer ul{
	margin-left:130px;
	float:left;
	display:inline;
}

#footer ul li{
	margin-left:13px;
	float:left;
	display:inline;
}

#footer ul li a{
	font:10px/32px Arial, sans-serif;
	color:#fff;
}