#heroContainer { width: 977px; height: 551px; margin: 0 0 18px 0; background: url(../images/bg_hero.png) top left no-repeat; }
#heroContainer #hero { margin: 20px 0 6px 19px; }
#heroContainer #tabs { margin: 0 0 0 15px; }
#heroContainer #tabs a,.callout .quote,#supportedFormats img { display: block; }
#heroContainer #tabs a,#supportedFormats img { float: left; }
#heroContainer #tabsPersonal { background: url(../images/btn_hero_tabs.png) 0 0 no-repeat; }
#heroContainer #tabsPersonal:hover { background: url(../images/btn_hero_tabs.png) 0 -166px no-repeat; }
#heroContainer #tabsPersonal.selected { background: url(../images/btn_hero_tabs.png) 0 -332px no-repeat; }
#heroContainer #tabsBusiness { background: url(../images/btn_hero_tabs.png) -189px 0 no-repeat; }
#heroContainer #tabsBusiness:hover { background: url(../images/btn_hero_tabs.png) -189px -166px no-repeat; }
#heroContainer #tabsBusiness.selected { background: url(../images/btn_hero_tabs.png) -189px -332px no-repeat; }
#heroContainer #tabsEnterprise { background: url(../images/btn_hero_tabs.png) -379px 0 no-repeat; }
#heroContainer #tabsEnterprise:hover { background: url(../images/btn_hero_tabs.png) -379px -166px no-repeat; }
#heroContainer #tabsEnterprise.selected { background: url(../images/btn_hero_tabs.png) -379px -332px no-repeat; }
#heroContainer #tabsWebServices { background: url(../images/btn_hero_tabs.png) -570px 0 no-repeat; }
#heroContainer #tabsWebServices:hover { background: url(../images/btn_hero_tabs.png) -570px -166px no-repeat; }
#heroContainer #tabsWebServices.selected { background: url(../images/btn_hero_tabs.png) -570px -332px no-repeat; }
#heroContainer #tabsAnalytics { background: url(../images/btn_hero_tabs.png) -760px 0 no-repeat; }
#heroContainer #tabsAnalytics:hover { background: url(../images/btn_hero_tabs.png) -760px -166px no-repeat; }
#heroContainer #tabsAnalytics.selected { background: url(../images/btn_hero_tabs.png) -760px -332px no-repeat; }
.calloutHolder { text-align: center; margin: 0 auto; width: 977px; height: 210px; }
.callout { float: left; text-align: left; width: 301px; height: 206px; background: url(../images/bg_home_bottom.png) top left no-repeat; margin: 0 0 0 10px; }
.callout .content { height: 150px; padding: 1.5em 20px 0 20px; text-align: left; }
.callout ul { list-style: none; padding: 0; }
.callout ul,.callout .quote,.callout .quoteOwner { line-height: 1.2em; }
.callout ul li { margin: 0 0 1em 0; }
.callout ul li a { color: #414042; text-decoration: none; }
.callout ul li a,.callout .quote { font-style: italic; }
.callout ul li a:hover { text-decoration: underline; }
.callout .quoteOwner { margin: 1em 0 0 0; color: #6d6e71; }
.callout .button { margin: 10px 0 0 15px; }
.callout h1 { color: #00aeef; margin: 20px 0 0 20px; }
.middleCallout { float: left; margin: 0 15px 0 25px; }
#supportedFormats { height: 80px; margin: 50px 0 125px 30px; clear: both; }
#supportedFormats h1 { color: #a7a9ac; margin: 0 0 20px 0; }
#supportedFormats img { margin: 0 40px 0 0; }