﻿/*::::::::::::::::::::::::::::::::::::::::::::
	Parrish Medical Center
	Designed by Angie Thompson
	HTML/CSS/JS by Brandon Kidd
	Home CSS
	Copyright © 2010 McMurry
::::::::::::::::::::::::::::::::::::::::::::*/

#wrap{ position: relative; z-index: 10; }
#wrap.parrish{ background: transparent url(../Images/marquee-slide1.jpg) no-repeat center top; }
#footer-wrap{ position: relative; z-index: 12; }

/*::::::::::::::::::::
	Marquee

#marquee-wrap{ width: 100% !important; height: 500px !important; position: absolute; z-index: 5; overflow: hidden; }
#marquee-wrap .slide{ width: 100% !important; height: 500px !important; position: absolute; background: transparent no-repeat center top; }
#marquee-wrap .slide1{ background-image: url(../Images/marquee-slide1.jpg); }
#marquee-wrap .slide2{ background-image: url(../Images/marquee-slide2.jpg); }
#marquee-wrap .slide3{ background-image: url(../Images/marquee-slide3.jpg); }
::::::::::::::::::::*/

/*::::::::::::::::::::
	Content
::::::::::::::::::::*/
#content{ position: relative; z-index: 10; margin-top: 85px; }
#content .featured-videos,
#content .recent-updates{ height: 425px; position: relative; background-color: #fff; display: inline; float: left; margin: 0 15px 15px 0; overflow: hidden; padding: 5px 20px 70px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .featured-videos h2,
#content .recent-updates h2{ height: 55px; background: transparent no-repeat 0 0; overflow: hidden; text-indent: -99999em; }
#content .featured-videos h3,
#content .recent-updates h3{ color: #008c99; font-size: 18px; font-weight: normal; line-height: 20px; margin: 5px 0; }
#content .featured-videos p,
#content .recent-updates p{ color: #7c7570; font-size: 12px; line-height: 18px; }
#content a{ color: #008c9a; text-decoration: none; }
#content a:hover, #content a:focus{ color: #666; text-decoration: underline; }

/* Featured Videos */
#content .featured-videos{ width: 270px; background: #fff url(../Images/bg-featuredvideos_social.gif) repeat-x 0 100%; }
#content .featured-videos h2{ width: 270px; background-image: url(../Images/h2-featuredvideos.gif); }
#content .featured-videos .video-list{ position: relative; }
#content .featured-videos .btn-playvideo{ width: 270px; height: 180px; position: absolute; left: 0px; top: 0px; background: transparent url(../Images/btn-playvideo.png) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#content .featured-videos .btn-playvideo:hover{ background-position: center bottom; }
#content .featured-videos img{ width: 270px; height: 180px; position: absolute; left: 0px; top: 0px; }
#content .featured-videos .btn-seeallvideos{ width: 100px; height: 29px; position: absolute; right: 10px; bottom: 10px;  background: transparent url(../Images/btn-seeallvideos.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#content .featured-videos .btn-seeallvideos:hover{ background-position: center bottom; }
#content .featured-videos .btn-nextvideo{ width: 100px; height: 24px; background: transparent url(../Images/btn-nextvideo.gif) no-repeat center top; display: inline; float: left; margin: 10px 0 0; overflow: hidden; text-indent: -99999em; }
#content .featured-videos .btn-nextvideo:hover{ background-position: center bottom; }
#content .featured-videos #featured-video1{  }
/* Recent Updates */
#content .recent-updates{ width: 340px; }
#content .recent-updates h2{ width: 340px; background-image: url(../Images/h2-recentupdates.gif); }
#content .recent-updates a.rss{ width: 32px; height: 32px; position: absolute; right: 10px; top: 10px; background: transparent url(../Images/btn-rss.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -999999em; }
#content .recent-updates a.rss:hover{ background-position: center bottom; }
#content .recent-updates small{ color: #aaa49d; display: block; font-size: 11px; line-height: 12px; margin: 0 0 5px; }
#content .recent-updates hr{ height: 0; border: 0 none; border-bottom: dashed 1px #c6c2be; line-height: 0; margin: 10px 0; }
#content .recent-updates .btn-seeallupdates{ width: 111px; height: 29px; position: absolute; right: 10px; bottom: 10px;  background: transparent url(../Images/btn-seeallupdates.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#content .recent-updates .btn-seeallupdates:hover{ background-position: center bottom; }
/* Social Media */
#content .social_media{ width: 270px; position: absolute; left: 0; bottom: 0; z-index: 10; padding: 10px 20px; }
#content .social_media h4, #content .social_media ul, #content .social_media li, #content .social_media a{ display: inline; float: left; }
#content .social_media h4{ color: #666; font-size: 18px; font-weight: normal; line-height: 32px; }
#content .social_media li{ margin-left: 10px; }
#content .social_media a{ width: 32px; height: 32px; background: transparent no-repeat 0 0; overflow: hidden; text-indent: -999em; }
#content .social_media .facebook a{ background-image: url(../Images/social-facebook_32x32.png); }
#content .social_media .twitter a{ background-image: url(../Images/social-twitter_32x32.png); }
#content .social_media .youtube a{ background-image: url(../Images/social-youtube_32x32.png); }
#content .social_media .linkedin a{ background-image: url(../Images/social-linkedin_32x32.png); }
#content .social_media .rss a{ background-image: url(../Images/social-rss_32x32.png); }

#content .social_media .flickr a{ background-image: url(../Images/social-flickr_32x32.png); }
