﻿/* Landing Page CSS */
#main{ width: 100%; position: relative; }
#content{ width: 960px; height: 520px; position: absolute; left: 50%; top: 420px; display: none; margin: 0 0 0 -480px; z-index: 20; }
.videopage #content{ top: 140px; display: block; }
#flash-wrap{ width: 100%; height: 1100px; position: absolute; z-index: 10; }
.videopage #flash-wrap{ height: 800px; }
.clear{ clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0; }

#content .content-left{ width: 700px; background: transparent url(/ClientResources/LandingPage/Images/contentleft-top.png) no-repeat center 55px; display: inline; float: left; }
#content .content-left h1{ color: #fff; font-family: Georgia, Times New Roman, Serif; font-size: 36px; font-weight: normal; line-height: 60px; margin: 0 0 0 10px; }
#content .content-left .content-box{ width: 650px; background: transparent url(/ClientResources/LandingPage/Images/contentleft-btm.png) no-repeat center bottom; display: inline; float: left; margin: 15px 0 0; padding: 5px 25px 25px; }
#content .content-left .content-box p{ color: #2e5f9c; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 13px; line-height: 20px; margin: 0 0 13px; text-align: justify; }
#content .content-right{ width: 220px; display: inline; float: right; margin: 10px 10px 0 0; }

#content #logos-badge{ width: 650px; height: 80px; background: transparent url(/ClientResources/LandingPage/Images/badge.gif) no-repeat center top; display: inline; float: left; }
#content #logos-badge li{ display: inline; }
#content #logos-badge li a{ display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#content #logos-badge li .logo-aph{ width: 211px; height: 73px; margin: 6px 0px 0px 17px; }
#content #logos-badge li .logo-20years{ width: 92px; height: 69px; margin: 6px 0px 0px 51px; }
#content #logos-badge li .logo-wph{ width: 199px; height: 79px; margin: 0px 0px 0px 66px; }

/* Old Badge */
#content ul.badge-aph{ width: 200px; height: 410px; background: transparent url(/ClientResources/LandingPage/Images/badge-aph.png) no-repeat; display: inline; float: left; margin: 0 10px; list-style: none; }
#content ul.badge-aph li{ display: inline; }
#content ul.badge-aph li a{ display: block; margin: 0 5px; text-indent: -99999em; }
#content ul.badge-aph li a.logo-aph{ height: 125px; margin-top: 5px; }
#content ul.badge-aph li a.logo-20years{ height: 95px; }
#content ul.badge-aph li a.logo-wph{ height: 140px; }

#content .content-right .media{ width: 200px; display: inline; float: left; margin: 40px 10px 10px; overflow: hidden; }
#content .content-right .media a{ width: 200px; height: 100px; background: transparent url(/ClientResources/LandingPage/Images/cta-mediapage.png) no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#content .content-right .media p{ color: #fff; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 16px; margin: 0 10px; text-align: left; }
#content .content-right .cta-birthdaywishes{ width: 200px; height: 60px; background: transparent url(/ClientResources/LandingPage/Images/cta-birthdaywishes.png) no-repeat center top; display: inline; float: left; margin: 0 10px; overflow: hidden; text-indent: -99999em; }
#content .content-right .video .icon-video{ width: 200px; height: 120px; background: transparent url(/ClientResources/LandingPage/Images/video-thumb.png) no-repeat center top; display: inline; float: left; margin: 46px 10px 0; overflow: hidden; text-indent: -999999em; }
#content .content-right .video h2{ color: #fff; font-family: Georgia, Times New Roman, Serif; font-size: 16px; font-weight: normal; line-height: 20px; margin: 0 24px 5px; }
#content .content-right .video p{ color: #fff; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 16px; margin: 0 24px; text-align: left; }
#content .content-center{ width: 680px; display: inline; float: left; margin: 0 140px; }
#content .content-center #video{ width: 640px; height: 360px; margin: 0 20px 20px; }
#content ul.logos{ display: inline; float: left; list-style: none; }
#content ul.logos li{ display: inline; }
#content ul.logos li a{ height: 70px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#content ul.logos li a.logo-aph{ width: 200px; background-image: url(/ClientResources/LandingPage/Images/logo-aph.png); margin: 10px; }
.videopage #content ul.logos li a.logo-aph{ margin: 15px 0; }
#content ul.logos li a.logo-20years{ width: 120px; background-image: url(/ClientResources/LandingPage/Images/logo-20years.png); margin: 10px 65px; }
.videopage #content ul.logos li a.logo-20years{ margin: 15px 80px; }
#content ul.logos li a.logo-wph{ width: 200px; background-image: url(/ClientResources/LandingPage/Images/logo-wph.png); margin: 10px; }
.videopage #content ul.logos li a.logo-wph{ margin: 15px 0; }
#content .footer{ margin: 60px 0 0; }
#content .footer h3{ color: #588ac8; font-size: 28px; line-height: 28px; margin: 0 0 20px; }
#content .footer a{ width: 120px; height: 60px; display: inline; float: left; margin: 0 5px 15px 10px; }
