/*/////////////////////////////////////////////
	International Hip Dysplasia Institute
	Copyright © 2009, McMurry Inc.
	http://www.mcmurry.com
	Design by Brandon Kidd

	Home Stylesheet
/////////////////////////////////////////////*/

/*---------------------------------------------
	Structure
---------------------------------------------*/
#top{ background-image: url(/ClientResources/Images/bg-top-home.jpg); }
#main_content{ margin: 300px 0 0; padding: 10px 0 20px 20px; }

/*---------------------------------------------
	Main Content
---------------------------------------------*/
/* Marquee */
#marquee{ width: 700px; height: 345px; position: absolute; right: 0; top: 56px; z-index: 10; background: transparent no-repeat center top; overflow: hidden; }
#marquee.ihdi{ background-image: url(/ClientResources/Images/bg-marquee.jpg); }
#marquee .slide{ width: 700px; height: 345px; position: absolute; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -999999em; }
#marquee .slide1{ background-image: url(/ClientResources/Images/marquee-slide1.jpg); }
#marquee .slide2{ background-image: url(/ClientResources/Images/marquee-slide2.jpg); }
#marquee .slide3{ background-image: url(/ClientResources/Images/marquee-slide3.jpg); }
#marquee .slide-pepsi{ background-image: url(/ClientResources/Images/marquee-slidepepsi.jpg); }
#marquee-nav{ position: absolute; left: 285px; top: 346px; z-index: 20; }
#marquee-nav a{ background: #4174a3; border: solid 3px #6491b8; color: #fff; display: inline; float: left; font-size: 14px; margin: 0 5px 0 0; padding: 5px 8px; text-align: center; text-decoration: none; }
#marquee-nav a:hover{ background: #6491b8; }
#marquee-nav a.activeSlide{ background: #fff; border-color: #e3e3e3; color: #4174a3; }
/* Video Library */
#video-library{ width: 670px; height: 60px; position: relative; background: transparent url(/ClientResources/Images/bg-videolibrary.gif) no-repeat center top; overflow: hidden; padding: 10px 0 10px 10px; }
#video-library h2{ width: 90px; height: 60px; background: transparent none; display: inline; float: left; font-size: 1.25em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0; }
#video-library h2 a{ color: #369; text-decoration: none; }
#video-library h2 a:hover, #video-library h2 a:focus{ color: #454545; }
#video-library .btn-nextvideo{ width: 30px; height: 80px; position: absolute; right: 0; top: 0; background: transparent url(/ClientResources/Images/btn-nextvideo.jpg) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#video-library .btn-nextvideo:hover, #video-library .btn-nextvideo:focus{ background-position: center bottom; }
#video-library div{ width: 540px; height: 60px; background: transparent none !important; display: inline; float: left; }
#video-library div .video{ width: 260px; height: 60px; background: transparent none !important; cursor: pointer; display: inline; float: left; margin: 0 10px 0 0; padding: 0; }
#video-library div .video-hover{ background: #ccc; }
#video-library div .video h3{ width: 160px; color: #369; display: inline; float: right; font-size: 1em; font-style: normal; line-height: 1.25em; }
#video-library div .video img{ display: inline; float: left; margin: 0 10px 0 0; }
#video-library div .video p{ width: 160px; display: inline; float: left; font-size: 0.75em; line-height: 1.25em; margin: 0; }
#video-library div .video a{ display: inline; float: left; font-size: 0.75em; line-height: 1.5em; text-decoration: none; }
/* CTA Bar */
#cta-buttons{ width: 220px; height: 210px; display: inline; float: left; margin: 80px 0 0; overflow: hidden; padding: 10px 20px 0; }
#cta-buttons li{ display: inline; float: left; margin: 0 0 10px; overflow: hidden; }
#cta-buttons li a{ width: 220px; height: 60px; background: transparent no-repeat center top; display: inline; float: left; margin: 0; overflow: hidden; text-indent: -99999em; }
#cta-buttons li.cta-getinvolved a{ background-image: url(/ClientResources/Images/cta-getinvolved.jpg); }
#cta-buttons li.cta-findaspecialist a{ background-image: url(/ClientResources/Images/cta-findaspecialist.jpg); }
#cta-buttons li.cta-whatcausesit a{ background-image: url(/ClientResources/Images/cta-whatcausesit.jpg); }
#cta-buttons li.cta-wyattwhitneystory a{ background-image: url(/ClientResources/Images/cta-wyattwhitneystory.jpg); }
#cta-buttons li.cta-donatenow a{ background-image: url(/ClientResources/Images/cta-donatenow.jpg); }
#cta-buttons li.cta-facebook a{  width: 23px; height: 23px; background: transparent url(/ClientResources/Images/cta-facebook.jpg) no-repeat 0 0; display: inline; float: left; overflow: hidden; position: absolute; right: 341px; top: 44px; text-indent: -99999em;  }
#cta-buttons li.cta-youtube a{ background-image: url(/ClientResources/Images/cta-youtube.jpg); }
#cta-buttons li.cta-twitter a{ background-image: url(/ClientResources/Images/cta-twitter.gif); }
#cta-buttons li.cta-rss a{ background-image: url(/ClientResources/Images/cta-rss.gif); }
#cta-buttons li.cta-swaddling a{ background-image: url(/ClientResources/Images/cta-swaddling.jpg); }

/*---------------------------------------------
	Beta Testing Modal
---------------------------------------------*/
#beta-testing{ width: 500px; background: #fff; border: solid 2px #ccc; padding: 10px; }
#beta-testing.inactive{ display: none; }
#beta-testing h3{ color: #295789; font-size: 2em; line-height: 1.5em; margin: 0 0 0.25em; }
#beta-testing p{ font-size: 1.4em; line-height: 1.5em; text-align: justify; }
#beta-testing a{ color: #295789; }
#beta-testing a:hover{ color: #666; text-decoration: none; }