﻿/*::::::::::::::::::::::::::::::::::::::::::::
		Home CSS
		Copyright © 2010 McMurry
::::::::::::::::::::::::::::::::::::::::::::*/

/* Marquee */
#marquee-wrap{ width: 960px; height: 345px; position: relative; background: transparent url(../Images/bg-marqueewrap.jpg) no-repeat center top; }
#marquee{ width: 960px; height: 345px; position: relative; overflow: hidden; }
#marquee .slide{ width: 960px; height: 345px; position: absolute; background: transparent no-repeat center top; text-indent: -99999em; }
#marquee .slide1{ background-image: url(../Images/slide1.jpg); }
#marquee .slide2{ background-image: url(../Images/slide2.jpg); }
#marquee .slide3{ background-image: url(../Images/slide3.jpg); }
#marquee .slide4{ background-image: url(../Images/slide4.jpg); }
#marquee .slide5{ background-image: url(../Images/slide5.jpg); }
#marquee .slide6{ background-image: url(../Images/slide6.jpg); }
#marquee .slide7{ background-image: url(../Images/slide7.jpg); }
#marquee .slide8{ background-image: url(../Images/slide8.jpg); }
#marquee .slide9{ background-image: url(../Images/slide9.jpg); }
#marquee .slide a.slidelink{ width: 900px; height:225px; position: absolute; left: 30px; top: 0px; overflow: hidden; text-indent: -99999em; }
#marquee-wrap .specialties{ width: 525px; height: 50px; position: absolute; left: 385px; top: 255px; overflow: hidden; z-index: 35; }
#marquee-wrap .specialties p{ position: absolute; left: -99999em; }
#marquee-wrap .specialties ul li{ width: 116px; background: transparent url(../Images/bullet-marquee.gif) no-repeat left top; display: inline; float: left; font-size: 1.1em; letter-spacing: .05em; line-height: 1.25em; margin: 0 0 5px; padding: 0 0 0 15px; text-transform: uppercase; }
#marquee-wrap .specialties ul li a{ color: #fff; }
#marquee-wrap .specialties ul li a:hover, #marquee-wrap .specialties ul li a:focus{ color: #929284; }
#marquee-wrap .donate{ width: 204px; height: 47px; position: absolute; left: 52px; top: 251px; display: block; overflow: hidden; text-indent: -99999em; z-index: 30; }
#marquee-wrap .btn{ width: 86px; height: 86px; position: absolute; top: 130px; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; z-index: 50; }
#marquee-wrap .btn:hover{ background-position: center bottom; }
#marquee-wrap .btn-prev{ background-image: url(../Images/btn-marqueeprev.png); left: -40px; }
#marquee-wrap .btn-next{ background-image: url(../Images/btn-marqueenext.png); right: -40px; }
/* Content Area */
#content .welcome-message{ width: 660px; position: relative; display: inline; float: left; font-size: 1.2em; line-height: 1.5em;  margin: 10px 0 0; overflow: hidden; }
#content .welcome-message h1{ border-bottom: solid 1px #e1e1dd; color: #929284; font-size: 2.3em; font-weight: normal; line-height: 1.5em; margin: 0 0 10px; }
.learnmore-btn{ width: 100px; height: 30px; background: transparent url(../Images/learnmore-btn.gif) no-repeat 0 0; display: inline; float: left; margin: 10px 0 5px;; overflow: hidden; text-indent: -99999em;}

/* Featured Services */
#content .featured-services{ width: 660px; position: relative; display: inline; float: left; margin: 20px 0 0; overflow: hidden; }
#content .featured-services h2{ border-bottom: solid 1px #e1e1dd; color: #929284; font-size: 2.8em; font-weight: normal; line-height: 1.5em; margin: 0 0 10px; }
#content .featured-services .view-all{ position: absolute; right: 0px; top: 20px; background: transparent url(../Images/bullet1.gif) no-repeat left .15em; color: #929284; font-size: 1.2em; letter-spacing: .05em; line-height: 1em; text-decoration: none; text-transform: uppercase; padding: .25em 0 .25em 1em; }
#content .featured-services .view-all:hover, #content .featured-services .view-all:focus{ color: #79a9db; }
#content .featured-services ul{ width: 660px; height: 480px; overflow: hidden; }
#content .featured-services ul li{ display: block; width: 320px; height: 114px; overflow: hidden; position: relative; float: left; margin: 10px 10px 40px 0; }
#content .featured-services ul li h3{ width: 138px; position: absolute; left: 3px; top: 90px; color: #fff; font-size: 1.1em; letter-spacing: .03em; text-align: center !important; text-transform: uppercase; }
#content .featured-services ul li img{ display: block; float: left;  width: 144px; height: 113px; }
#content .featured-services ul li p{ width: 155px; float: left; font-size: 1.2em; line-height: 1.5em; margin-left: 12px; }
#content .featured-services ul li a{ position: absolute; bottom: 5px;  left: 155px; _left: 162px; display: block; width: 92px; height: 28px; background: transparent url(../Images/btn-readmore.gif) no-repeat center top; text-indent: -99999em; z-index: 10000; }
#content .featured-services ul li a:hover, #content .featured-services ul li a:focus{ background-position: center bottom; }

/* Hospital News */
#content .hospital-news{ width: 242px; display: inline; float: right; margin: 10px 0 0; padding: 0 0 10px; }
#content .hospital-news h2{ width: 218px; position: relative; border-bottom: solid 1px #e1e1dd; color: #929284; font-size: 2.8em; font-weight: normal; line-height: 1.5em; margin: 0 0 10px; padding: 0 0 0 24px; }
#content .hospital-news h2 a{ width: 16px; height: 16px; position: absolute; left: 0px; top: 15px; background: transparent url(../Images/btn-rss.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#content .hospital-news h2 a:hover, #content .hospital-news h2 a:focus{ background-position: center -16px; }
#content .hospital-news ul{ display: inline; float: left; overflow: hidden; }
#content .hospital-news ul li{ width: 242px; display: inline; float: left; margin: 0 0 10px; }
#content .hospital-news ul li a{ width: 185px; color: #6a6a63; float: right; font-size: 1.4em; line-height: 1.25em; }
#content .hospital-news ul li p{ width: 185px; color: #6A6A63; float: right; font-size: 1.2em; line-height: 1.25em; }
#content .hospital-news ul li p a{ color: #79a9db; float: none; font-size: 1.1em; font-style: italic; line-height: 1.25em; text-decoration: none; }

#content .hospital-news ul li a:hover, #content .hospital-news ul li a:focus{ color: #79a9db; }
#content .hospital-news ul li .date{ background: transparent url(../Images/bg-newsdate.gif) no-repeat right top; float: left; padding: 0 5px 0 0; }
#content .hospital-news ul li .date span{ width: 40px; height: 22px; background: transparent url(../Images/bg-newsdatespan.gif) no-repeat left top; color: #fff; display: inline; float: left; font-size: 11px; line-height: 11px; padding: 8px 0 4px 5px; text-align: center; text-transform: uppercase; }
#content .hospital-news .view-all{ background: transparent url(../Images/bullet1.gif) no-repeat left .15em; color: #929284; float: right; font-size: 1.2em; letter-spacing: .05em; line-height: 1em; text-decoration: none; text-transform: uppercase; padding: .25em 0 .25em 1em; }
#content .hospital-news .view-all:hover, #content .hospital-news .view-all:focus{ color: #79a9db; } 

/* Affiliations */
#content .affiliations{ width: 660px; height: 90px; border-bottom: solid 1px #e1e1dd;  border-top: solid 1px #e1e1dd; position: relative; display: inline; float: left; margin: 25px 0 10px; overflow: hidden; text-align: center; }
#content .affiliations ul{ height: 100%; margin: 10px 0; }
#content .affiliations li{ display: inline; float: left; font-size: 1em; margin: 0 45px 10px 0; overflow: hidden; text-transform: uppercase; }
#content .affiliations li span{ height: 75px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#content .affiliations li.stonybrook{ margin-left: 5px;}
#content .affiliations li.stonybrook span{ width: 120px; background-image: url(../Images/affiliations-stonybrook.gif);}
#content .affiliations li.eastendhealth span{ width: 134px; background-image: url(../Images/affiliations-eastendhealth.gif); }
#content .affiliations li.jointcommission{ margin-right: 15px; }
#content .affiliations li.jointcommission span{ width: 60px; background-image: url(../Images/affiliations-jointcommission.gif);  }
#content .affiliations li.healthgrades{ margin-right: 15px; }
#content .affiliations li.healthgrades span{ width: 120px; background-image: url(../Images/affiliations-healthgrades.gif); }
#content .affiliations li.partnership{ margin-right: 0px; }
#content .affiliations li.partnership span{ width: 75px; background-image: url(../Images/hhp_particip_message.gif); }

#content .meded{ width: 270px; height: 35px; background: transparent url(../Images/med_ed-btn.jpg) no-repeat 0 0; overflow: hidden; display: inline; float: right; margin: 15px 0 0; text-indent: -99999em; }

/* Virtual Tour */
#content .virtual-tour{ width: 270px; height: 143px; background: transparent url(../Images/virtual_tour-cta.jpg) no-repeat center top; display: inline; float: right; margin: 15px 0 0; overflow: hidden;  }
#content .virtual-tour h2{ height: 0; line-height: 0; overflow: hidden; text-indent: -99999em; }
#content .virtual-tour .vt-list{ margin: 38px 12px 10px;}
#content .virtual-tour ul li{ background: transparent url(../Images/video-icon.gif) no-repeat 0 1px; font-size: 11px; margin-bottom: 10px; padding-left: 20px; display: block; overflow: auto; }

/* Health Insights */
/*#content .health-insights{ width: 242px; height: 104px; position: relative; background: transparent url(../Images/bg-healthinsights.jpg) no-repeat center top; display: inline; float: right; margin: 15px 0 0; }
#content .health-insights h2{ height: 0; line-height: 0; overflow: hidden; text-indent: -99999em; }
#content .health-insights p{ width: 142px; font-size: 1.1em; line-height: 1.25em; margin: 30px 0 0 102px; }
#content .health-insights a{ height: 22px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; margin-top: 8px; text-indent: -99999em; }
#content .health-insights a:hover, #content .health-insights a:focus{ background-position: center bottom; }
#content .health-insights .current{ width: 70px; left: 10px; background-image: url(../Images/btn-currentissue.gif); margin-left: 102px; }*/

/* Videos */
#content .videos{ width: 270px; height: 228px; background: transparent url(../Images/focus_on-cta.jpg) no-repeat center top; display: inline; float: right; margin: 15px 0 0; }
#content .videos a.all{position:relative; margin-left:130px; margin-top: 12px;}
#content .videos h2{ height: 0; line-height: 0; overflow: hidden; text-indent: -99999em; }
#content .videos p{ width: 120px; color: #929284; display: inline; float: left; font-size: 1.1em; font-style: italic; line-height: 1.25em; margin: 22px 0 0 3px; }
#content .videos a{ color: #79a9db; display: block; font-size: 1.2em; font-style: normal; font-weight: bold; margin: 5px 0 0; }
#content .videos a.watch2{ width: 127px; height: 87px; display: inline; float: left; margin: 12px 5px 0 10px; overflow: hidden; text-indent: -99999em; }
#content .videos a.watch3{ width: 127px; height: 87px; display: inline; float: left; margin: 12px 5px 0 10px; overflow: hidden; text-indent: -99999em; }
#content .videos .youtube{ width: 50px; background-image: url(../Images/btn-youtube.gif); margin-left: 4px; }

/* Newsletter */
#content #newslettersignup{ width: 248px; height: 27px; background: transparent url(../Images/newsletter-cta.jpg) no-repeat center top; display: inline; float: right; margin: 15px 0 0; padding: 37px 10px 10px 12px; }
#content #newslettersignup h2{ height: 0; line-height: 0; overflow: hidden; text-indent: -99999em; }
#content #newslettersignup p{ color: #929284; font-size: 1.1em; line-height: 1.25em; margin: 8px 0 7px; }
#content #newslettersignup label{ display: none; }
#content #newslettersignup input{ width: 202px; border: 0 none; color: #c8c8c1; font-size: 1.1em; font-style: italic; font-weight: bold; margin-top: 4px; padding: 2px 4px; text-transform: capitalize; }
#content #newslettersignup input:focus{ color: #929284; font-style: normal; font-weight: normal; }
#content #newslettersignup a.button{ width: 40px; height: 24px; background: transparent url(../Images/news-go-btn.jpg) no-repeat center top; display: inline; float: right; overflow: hidden; text-indent: -99999em; }
#content #newslettersignup a.button:hover, #content #newslettersignup a.button:focus{ background-position: center bottom; }

/*-- H@ckz --*/




