#banner {
	position: relative;
	background:  url(../images/bkg-banner-services.jpg) no-repeat left;
	height: 200px;
}
#banner-msg {
	position: absolute;
	top: 15px;
	left: 320px;
	color: #fff;
}
#banner-msg h3 {
	font-size: 32px;
}
#banner-msg p {
	font-size: 22px;	
}

#service-content {
	position: relative;
	height: 500px;
	padding: 0 0 0 75px;
}

#service-content .serviceblock {
	position: relative;
	width: 340px;
	height: 180px;
	float: left;
}

#service-content .serviceblock h3 {
	font-size: 24px;
	font-weight: normal;
	margin: 20px 0 0 0;
	color: #2f8400;
	cursor: default;
}

#service-content .serviceblock p {
	position: relative;
	margin-top: 40px 0 0 0;
	padding-right: 12px;
	padding-left: 12px;
	line-height: 1.6em;
}

#service-content .serviceblock strong {
	font-size: 1.1em;
	color: #333;
}

#service-content .serviceblock.services-strategy {
	height:260px;
	left:0;
	padding:2px 0 0 0;
	position:absolute;
	top:0;
	width:275px;
}

#service-content .serviceblock.services-research {
	height:260px;
	left:330px;
	padding:2px 0 0 0px;
	position:absolute;
	top:0;
	width:275px;
}

#service-content .serviceblock.services-design {
	height:230px;
	left:0;
	padding:2px 0 0 0;
	position:absolute;
	top:240px;
	width:275px;
}

#service-content .serviceblock.services-evaluation {
	height:220px;
	left:330px;
	padding:2px 0 0 0;
	position:absolute;
	top:240px;
	width:275px;
}

/* Subtitlebar
---------------------------------------------------------------------------------- */

#subtitlebar {
	position: relative;
	background: url(../images/bkg-subtitlebar.jpg) repeat-x;
	height: 40px;
	width: 280px;
}

#subtitlebar span {
	cursor:pointer;
	position: absolute;
	top: 9px;
	left: 20px;
	font-size: 18px;
	font-weight: normal;
	color: #06c;
	display: inline;
	margin: 0;
}
#subtitlebar span:hover {
	color: #91cf38;
}



#subtitlebar a {
	background:transparent url(../images/icons_all.jpg) no-repeat scroll 0 0;
	float:right;
	height:32px;
	width:32px;
	display: block;
}


#subtitlebar a.strategy {
background-position:0px 0px; margin:4px 12px 0 0;
}
#subtitlebar a:hover.strategy, a:focus {
background-position: -32px 0px;
}

#subtitlebar a.userresearch {
background-position:0px -32px; margin:4px 0px 0 0;
}
#subtitlebar a:hover.userresearch, a:focus {
background-position: -32px -32px;
}
#subtitlebar a.userpersonas {
background-position:-0px -64px;  margin:4px 12px 0 0;
}
#subtitlebar a:hover.userpersonas, a:focus {
background-position: -32px -64px;
}
#subtitlebar a.uienhancement {
background-position:-0px -96px;  margin:4px 0px 0 0;
}
#subtitlebar a:hover.uienhancement, a:focus {
background-position: -32px -96px;
}
#subtitlebar a.datavisualization {
background-position:-0px -128px;  margin:4px 0px 0 0;
}
#subtitlebar a:hover.datavisualization {
background-position: -32px -128px;
}
#subtitlebar a.icondesign {
background-position:-0px -160px; margin:4px 12px 0 0;
}
#subtitlebar a:hover.icondesign, a:focus {
background-position: -32px -160px;
}
#subtitlebar a.expertevaluation {
background-position:-0px -192px;  margin:4px 0px 0 0;
}
#subtitlebar a:hover.expertevaluation, a:focus {
background-position: -32px -192px;
}
#subtitlebar a.usabilitystudy {
background-position:-0px -224px;  margin:4px 0px 0 0;
}
#subtitlebar a:hover.usabilitystudy, a:focus {
background-position: -32px -224px;
}
#subtitlebar a.usabilityhealthcheck {
background-position:-0px -256px; margin:4px 12px 0 0;
}
#subtitlebar a:hover.usabilityhealthcheck, a:focus {
background-position: -32px -256px;
}