/*====================================
	St. Vincent Health System
	Designed by Angie Thompson
	XHTML/CSS by Brandon Kidd
------------------------------------
	Home.css
====================================*/

/*- Marquee -*/
#marquee{ width: 960px; height: 270px; position: relative; background: #fff url(/ClientResources/Images/bg-marquee.jpg) no-repeat center top; margin: 0 auto; }
#marquee .useful-links{ width: 220px; position: absolute; left: 20px; top: 16px; }
#marquee .useful-links li{ border-top: dashed 1px #ddd; display: inline; float: left; margin: 5px 0 0; padding: 5px 10px 0; }
#marquee .useful-links li.firstitem{ border: 0 none; margin: 0; padding: 0 10px; }
#marquee .useful-links li a{ width: 200px; height: 30px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#marquee .useful-links li a:hover, #marquee .useful-links li a:focus{ background-position: center bottom; }
#marquee .useful-links li.findaphysician a{ background-image: url(/ClientResources/Images/btn-findaphysician.gif); }
#marquee .useful-links li.askanurse a{ background-image: url(/ClientResources/Images/btn-askanurse.gif); }
#marquee .useful-links li.paymybill a{ background-image: url(/ClientResources/Images/btn-paymybill.gif); }
#marquee .useful-links li.mapsdirections a{ background-image: url(/ClientResources/Images/btn-mapsdirections.gif); }
#marquee .useful-links li.onlinegifts a{ background-image: url(/ClientResources/Images/btn-onlinegifts.gif); }
#marquee .useful-links li.sendecard a{ background-image: url(/ClientResources/Images/btn-sendecard.gif); }
#marquee .useful-links li.jobopportunities a{ background-image: url(/ClientResources/Images/btn-jobopportunities.gif); }
#marquee .useful-links li.mystvincent{ padding: 5px 0 0; }
#marquee .useful-links li.mystvincent a{ width: 220px; height: 40px; background-image: url(/ClientResources/Images/btn-mystvincent.gif); }
#marquee .slideshow-wrap{ position: relative; display: inline; float: right; margin: 16px 14px 0 0; }
#marquee .slideshow-wrap .slides{ width: 682px; height: 244px; position: relative; overflow: hidden; }
#marquee .slideshow-wrap .slides .slide{ width: 682px; height: 244px; position: absolute; background: transparent no-repeat center top; overflow: hidden; text-indent: -99999em; }
#marquee .slideshow-wrap .slides .clickable{ cursor: pointer; }


#marquee .slideshow-wrap .slides .slide-1{ background-image: url(/ClientResources/Images/SV_WebGraphics_Imagine.jpg); }
#marquee .slideshow-wrap .slides .slide-2{ background-image: url(/ClientResources/Images/SV_WebGraphics_Heart.jpg); }
#marquee .slideshow-wrap .slides .slide-3{ background-image: url(/ClientResources/Images/SV_WebGraphics_Neuro.jpg); }
#marquee .slideshow-wrap .slides .slide-4{ background-image: url(/ClientResources/Images/SV_WebGraphics_Women.jpg); }
#marquee .slideshow-wrap .slides .slide-5{ background-image: url(/ClientResources/Images/SV_WebGraphics_Ortho.jpg); }