#servicesBanner {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 147px;
	left: 0;
	height: 74px;
	width: 100%;
	background: #181818 url(images/services_banner.png) no-repeat 65px 26px;
}

#servicesBanner h1 {
	position: absolute;
	left: -9999px;
}

#servicesBanner span {
	float: right;
	margin-right: 65px;
	line-height: 74px;
	color: #777;
	font-size: 14px;
}

#servicesAnim {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 226px;
	left: 60px;
	text-align: left;
}
#canvas {
	position:absolute;
}


#servicesAnim a.open-target {
	position: absolute;
	z-index: 1;
	width: 175px;
	height: 55px;
	line-height: 55px;
	left: -9999px;
	background-color: #333;
	text-decoration: none;
}
#servicesAnim a.open-target img.open-icon {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 0px;
	right: 0px;
	_right: -1px;
	border: none;
}
#servicesAnim a.open-target.wide {
	width: 235px;
}


#servicesAnim div.company-card {
	position: absolute;
	z-index: 2;
	width: 475px; /* 8 x 55px squares + 7 x 5px spaces */
	height: 175px; /* 3 x 55px squares + 2 x 5px spaces */
	left: -9999px;
	background: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
#servicesAnim div.company-card a {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}
#servicesAnim div.company-card img {
	float: right;
	margin-right: -7px; /* we want 15px but we're getting 22px from the close thingy */
	margin-top: 40px; /* (175px - (88px image + 6px border)) / 2 */
	border: 3px solid #666;
}
#servicesAnim div.company-card h1 {
	margin-top: 15px;
	margin-bottom: 7px;
	margin-left: 11px;
	line-height: 29px;
}
#servicesAnim div.company-card p {
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 190px; /* 15px padding + 156px image + 6px border + 15px padding */
}
#servicesAnim div.company-card a.close-target {
	float: right;
	width: 22px;
	height: 22px;
	background: #333 url(images/collapse.png) no-repeat top left;
	text-decoration: none;
}


#servicesAnim a.open-target span,
#servicesAnim div.company-card h1 span {
	position: absolute;
	left: -9999px;
}


#asset4_target {
	background: url(images/asset4.png) no-repeat 15px 50%;
}
#connotate_target {
	background: url(images/connotate.png) no-repeat 15px 50%;
}
#epocrates_target {
	background: url(images/epocrates.gif) no-repeat 15px 50%;
}
/*#investars_target {
	background: url(images/investars.png) no-repeat 15px 50%;
}*/
#isuppli_target {
	background: url(images/isuppli.png) no-repeat 15px 50%;
}
#pacificepoch_target {
	background: url(images/pacificepoch.png) no-repeat 15px 50%;
}
#lusight_target {
	background: url(images/lusight.png) no-repeat 15px 50%;
}
#mga_target {
	background: url(images/mga_sm.png) no-repeat 15px 50%;
}
#qsg_target {
	background: url(images/qsg.png) no-repeat 15px 50%;
}
#trimtabs_target {
	background: url(images/trimtabs.png) no-repeat 15px 50%;
}
#vantage_target {
	background: url(images/vantage.png) no-repeat 15px 50%;
}
#wsod_target {
	background: url(images/wsod.gif) no-repeat 15px 50%;
}


#asset4_card h1 {
	background: url(images/asset4.png) no-repeat;
}
#connotate_card h1 {
	background: url(images/connotate.png) no-repeat;
}
#servicesAnim div#epocrates_card h1 {
	background: url(images/epocrates.gif) no-repeat;
	line-height: 36px;
}
/*#investars_card h1 {
	background: url(images/investars.png) no-repeat;
}*/
#isuppli_card h1 {
	background: url(images/isuppli.png) no-repeat;
}
#pacificepoch_card h1 {
	background: url(images/pacificepoch.png) no-repeat;
}
#lusight_card h1 {
	background: url(images/lusight.png) no-repeat;
}
#mga_card h1 {
	background: url(images/mga.png) no-repeat;
}
#qsg_card h1 {
	background: url(images/qsg.png) no-repeat;
}
#trimtabs_card h1 {
	background: url(images/trimtabs.png) no-repeat;
}
#vantage_card h1 {
	background: url(images/vantageMarketplace.png) no-repeat;
}
#servicesAnim div#wsod_card h1 {
	background: url(images/wsod.gif) no-repeat;
	line-height: 36px;
}

/* Custom styling to make Epocrates text fit */
#servicesAnim #epocrates_card h1 {
	margin-top: 10px;
	margin-bottom: 4px;
}
#servicesAnim #epocrates_card p {
	margin-bottom: 5px;
}
