/* Body */
#main-image{height:427px;}
#headline{width:624px;height:91px;right:-345px;}
#headline span{width:624px;height:91px;background:url('../images/headline-vision.gif') top right no-repeat;background-size:624px 91px;}
#cta{width:325px;height:40px;right:-644px;}
#cta span {width:325px;height:40px;background:url('../images/cta-vision.gif') top right no-repeat;background-size:325px 40px;}

.callout{float:right;width:300px;margin:0 12px 0 20px;}
.callout div{width:300px;overflow:hidden;margin:30px 0 0 0;border:1px solid #ccc;}

#image-01{width:300px;height:238px;}
#image-02{width:300px;height:214px;}

/* Navigation */
#nav-vision-image{background-position:0 -3px;}
#nav-vision span:hover{background-position:0 -3px;}

@media screen and (max-device-width: 768px) {
	.callout div{border:2px solid #ccc;}
}

/* Retina displays */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), 
only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	#headline span{background-image:url('../images/headline-vision@2x.gif');}
	#cta span{background-image:url('../images/cta-vision@2x.gif');}
}