div.callout {
	display: block; overflow: hidden;
	width: 250px; margin-bottom: 17px;
	font-family: verdana, sans-serif;
	text-align: center;
	position: relative; 
	z-index: 1;
}

.callout.green-callout { width: 100%; right: 0; top: 0; bottom: 0; background: #b7c145; height: 100px; }.callout.green-callout a { background: url(../img/service-spectrum-chart.png) center no-repeat; display: block; width: 100%; height: 100%; }.callout.alt-callout { width: 100%; right: 0; top: 0; bottom: 0; background: #b7c145; height: 100px; }.callout.alt-callout a { background: url(../img/nerac-services.png) center no-repeat; display: block; width: 100%; height: 100%; }

div.callout a, div.callout h4 { display: block; overflow: hidden; background: url(../img/green-callouts.png) no-repeat; }

div.callout h4.co-top { height: 46px; padding: 11px 17px; }
div.callout h4.co-top a { width: 217px; height: 0; padding-top: 53px; }
div.callout h4.co-top#mynerac a { background-position: -500px 0; }
div.callout h4.co-top#news_events a { background-position: -500px -53px; }
div.callout h4.co-top#nmr a { background-position: -500px -107px; }
div.callout h4.co-top#nsn a { background-position: -500px -161px; }

div.callout h4.co-top#solution { background-position: -719px 0; padding: 73px 0 0 10px; height: 60px; position: relative; }
div.callout h4.co-top#solution .arrow {
	background: none; height: 57px; width: 230px; padding: 0;
	overflow: hidden; position: relative;
}
div.callout h4.co-top#solution .arrow { display: table; position: static; }

div.callout h4.co-top#solution .arrow-content-container { display: table-cell; vertical-align: middle; position: static; }

div.callout h4.co-top#solution .arrow-content-container a {
	background: none; padding: 0; font-size: 12px; color: #485282; font-weight: bold;  position: relative; top: -50%; height: auto;
}
div.callout h4.co-top#solution .arrow-content-container a { position: static; }

div.callout h4.co-top#solution a:hover { color: #fff; }


div.callout h4.co-top#career { background-position: -719px -133px; padding: 73px 0 0 10px; height: 60px; position: relative; }
div.callout h4.co-top#career a { 
	background: none; height: 61px;
	vertical-align: middle; display: table-cell; padding: 0;
	width: 230px; color: #485282; font-weight: bold;
	font-size: 12px;
}
div.callout h4.co-top#career a:hover { color: #fff; }



div.callout .co-middle { background: url(../img/green-callouts.png) no-repeat 0 bottom; padding: 4px 12px 6px 12px; font-size: 11px; line-height: 18px; overflow: hidden; }
p.co-middle strong { font-style: italic; white-space: nowrap; }

div.callout div.co-bottom {
	padding: 0 0 7px 0;
	background: url(../img/green-callouts.png) no-repeat -250px 0;
}

div.callout div.co-bottom a {
	background-position: -326px 0; width: 95px;
	padding: 21px 0 0 0; display: block;
	overflow: hidden; height: 0; margin: 0 auto;
	color: #394eb2; font-size: 11px;
}

div.callout div.co-bottom a:hover, div.callout div.co-bottom a:active  { background-position: -326px -30px; }

div.callout#medical-devices { background: url(../img/co-contactus-medicaldevices.png); width: 100%; height: 135px; }
div.callout#medical-devices a { padding-top: 135px; height: 0; overflow: hidden; display: block; }
