﻿/*::::::::::::::::::::::::::::::::::::::::::::
		Physician Associates of Florida
		Copyright © 2010 McMurry
::::::::::::::::::::::::::::::::::::::::::::*/

body{ background: #003127; color: #4b4b4b; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 70%; }
#wrap{ min-height: 600px; height: auto !important; height: 600px; background: #004236 url(../Images/bg-wrap.jpg) no-repeat center top; }
.cta{ background: transparent url(../Images/cta-bg_white.gif) no-repeat right top; cursor: pointer; display: inline; float: left; padding: 0 12px 0 0; text-decoration: none; }
.cta span{ height: 12px; background: transparent url(../Images/cta-arrow_white.gif) no-repeat left top; color: #000000; display: inline; float: left; font-size: 12px; line-height: 13px; padding: 4px 0 4px 24px; }
.cta:hover{ background-position: right bottom; }
.cta:hover span{ background-position: left bottom; color: #333; }
.cta-gray{ background-image: url(../Images/cta-bg_gray.gif); }
.cta-gray span{ background-image: url(../Images/cta-arrow_gray.gif); }
.cta-yellow{ background-image: url(../Images/cta-bg_yellow.gif); }
.cta-yellow span{ background-image: url(../Images/cta-arrow_yellow.gif); }

/*- Header -*/
#header{ width: 960px; height: 110px; position: relative; margin: 0 auto; }
#header h1 a{ width: 184px; height: 74px; position: absolute; left: 0px; top: 4px; background: transparent url(../Images/logo.png) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#header .top-nav{ display: inline; float: right; margin: 10px 30px 0 0; }
#header .top-nav li{ border-left: solid 1px #8ac2b4; color: #8ac2b4; display: inline; float: left; font-size: 1.3em; font-weight: bold; line-height: 1em; margin: 0 0 0 15px; padding: 0 0 0 15px; text-transform: uppercase; }
#header .top-nav li.first{ border-left: 0 none; margin: 0; padding: 0; }
#header .top-nav li a{ color: #fff; text-decoration: none; }
#header .top-nav li a:hover{ color: #dfb534; text-decoration: underline; }
#header .navigation{ width: 886px; height: 28px; position: absolute; left: 37px; top: 82px; }
#header .navigation ul{ display: inline; float: left; }
#header .navigation ul li{ display: inline; float: left; }
#header .navigation ul li a{ height: 28px; background: transparent url(../Images/bg-navigation.gif) no-repeat; display: inline; float: left; margin: 0 3px 0 0; overflow: hidden; text-indent: -99999em; }
#header .navigation ul li a#nav_find_a_doctor{ width: 119px; background-position: -3px -3px; }
#header .navigation ul li a#nav_find_a_doctor:hover{ background-position: -3px -34px; }
#header .navigation ul li a#nav_find_a_doctor:active{ background-position: -3px -65px; }
.physicians #header .navigation ul li a#nav_find_a_doctor{ background-position: -3px -96px; }
#header .navigation ul li a#nav_our_specialties{ width: 136px; background-position: -125px -3px; }
#header .navigation ul li a#nav_our_specialties:hover{ background-position: -125px -34px; }
#header .navigation ul li a#nav_our_specialties:active{ background-position: -125px -65px; }
.services #header .navigation ul li a#nav_our_specialties{ background-position: -125px -96px; }
#header .navigation ul li a#nav_patient_resources{ width: 150px; background-position: -264px -3px; }
#header .navigation ul li a#nav_patient_resources:hover{ background-position: -264px -34px; }
#header .navigation ul li a#nav_patient_resources:active{ background-position: -264px -65px; }
.patients #header .navigation ul li a#nav_patient_resources{ background-position: -264px -96px; }
#header .navigation ul li a#nav_office_locations{ width: 145px; background-position: -417px -3px; }
#header .navigation ul li a#nav_office_locations:hover{ background-position: -417px -34px; }
#header .navigation ul li a#nav_office_locations:active{ background-position: -417px -65px; }
.locations #header .navigation ul li a#nav_office_locations{ background-position: -417px -96px; }
#header .navigation ul li a#nav_my_health{ width: 98px; background-position: -565px -3px; }
#header .navigation ul li a#nav_my_health:hover{ background-position: -565px -34px; }
#header .navigation ul li a#nav_my_health:active{ background-position: -565px -65px; }
.my-health #header .navigation ul li a#nav_my_health{ background-position: -565px -96px; }
#header .navigation ul li a#nav_about_physician_associates{ width: 223px; background-position: -666px -3px; margin: 0; }
#header .navigation ul li a#nav_about_physician_associates:hover{ background-position: -666px -34px; }
#header .navigation ul li a#nav_about_physician_associates:active{ background-position: -666px -65px; }
.about #header .navigation ul li a#nav_about_physician_associates{ background-position: -666px -96px; }
#header a.facebook{ width: 25px; height: 25px; background: transparent url(../Images/facebook.gif) no-repeat 0 0; display: inline; float: left; overflow: hidden; position: absolute; right: 370px; top: 39px; text-indent: -99999em; } 
#header .site-search{ width: 362px; height: 40px; position: absolute; right: 0px; top: 30px; background: transparent url(../Images/bg-sitesearch.gif) no-repeat left top; }
#header .site-search-focus{ background-position: center bottom; }
#header .site-search input{ width: 295px; background: transparent none; border: 0 none; color: #ccc; display: inline; float: left; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 14px; margin: 9px 0 7px; padding: 4px 5px 6px 26px; }
#header .site-search-focus input{ color: #666; }
#header .site-search a{ width: 31px; height: 31px; background: transparent url(../Images/btn-gosearch.gif) no-repeat center top; display: inline; float: left; margin: 5px 5px 4px 0; overflow: hidden; text-indent: -99999em; }
#header .site-search a:hover{ background-position: center bottom; }

/*- Content -*/
#content-wrap{ width: 960px; background: transparent url(../Images/bg-contentwrap.gif) no-repeat center top; margin: 0 auto; padding: 10px 0 0; }
#content{ background: transparent url(../Images/bg-content.gif) no-repeat center bottom; padding: 0 0 10px; }
#what-we-offer{ width: 960px; display: inline; float: left; margin: 0 auto; overflow: hidden; }
#what-we-offer .wwo-wrap{ display: inline; float: left; overflow: hidden; }
#what-we-offer .office-locations{ width: 610px; height: 136px; position: relative; background: transparent url(../Images/bg-locations-specialties.gif) no-repeat left bottom; display: inline; float: left; overflow: hidden; padding: 0 0 0 20px; }
#what-we-offer .office-locations h2{ width: 330px; height: 28px; background: transparent url(../Images/h2-officelocations.gif) no-repeat left top; border-right: solid 1px #ccc; overflow: hidden; padding: 0 15px 0 0; text-indent: -999999em; }
#what-we-offer .office-locations .cta{ position: absolute; left: 390px; top: 5px; }
#what-we-offer .office-locations ul{ margin: 10px 0 0 32px; }
#what-we-offer .office-locations ul li{ width: 132px; background: transparent url(../Images/bullet-square1.gif) no-repeat left 0.25em; display: inline; float: left; font-size: 9 px; line-height: 1.3em; margin: 0 0 .8em; padding: 0 0 0 12px; text-transform: uppercase; }
#what-we-offer .office-locations ul li a{ color: #666666; text-decoration: none; }
#what-we-offer .office-locations ul li a:hover{ color: #004236; text-decoration: underline; }
#what-we-offer .specialties2{ width: 960px; height: 115px; position: relative; background: transparent url(../Images/bg-locations-specialties.gif) no-repeat right bottom; display: inline; float: left; overflow: hidden; padding: 0px 0px 0 0px;}
#what-we-offer .specialties2 h2{ width: 286px; height: 28px; margin-left: 20px;background: transparent url(../Images/h2-specialties.gif) no-repeat left top; overflow: hidden; text-indent: -999999em; }
#what-we-offer .specialties2 ul{ margin: 10px 0 0 30px; width: 550px}
#what-we-offer .specialties2 ul li{ width: 120px; background: transparent url(../Images/bullet-square1.gif) no-repeat left 0.25em; display: inline; float: left; font-size: 1.1em; line-height: 1em; margin: 0 0 1em; padding: 0 0 0 10px; text-transform: uppercase; }
#what-we-offer .specialties2 ul li a{ color: #666666; font-size: 10 px; text-decoration: none; }
#what-we-offer .specialties2 ul li a:hover{ color: #004236; text-decoration: underline; }

#what-we-offer .specialties{ width: 295px; height: 136px; position: relative; background: transparent url(../Images/bg-locations-specialties.gif) no-repeat right bottom; display: inline; float: right; overflow: hidden; padding: 0 20px 0 15px; }
#what-we-offer .specialties h2{ width: 286px; height: 28px; background: transparent url(../Images/h2-specialties.gif) no-repeat left top; overflow: hidden; text-indent: -999999em; }
#what-we-offer .specialties ul{ margin: 10px 0 0 30px; }
#what-we-offer .specialties ul li{ width: 120px; background: transparent url(../Images/bullet-square1.gif) no-repeat left 0.25em; display: inline; float: left; font-size: 1.1em; line-height: 1em; margin: 0 0 1em; padding: 0 0 0 10px; text-transform: uppercase; }
#what-we-offer .specialties ul li a{ color: #666666; font-size: 10 px; text-decoration: none; }
#what-we-offer .specialties ul li a:hover{ color: #004236; text-decoration: underline; }


/*- CTAs -*/
ul.ctas{ width: 940px; height: 60px; margin: 0 auto; }
ul.ctas li{ display: inline; float: left; }
ul.ctas li a{ height: 60px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
ul.ctas li a:hover{ background-position: center bottom; }
ul.ctas li.patientservices a{ width: 260px; background-image: url(../Images/cta-patientservices.png); }
ul.ctas li.patients a{ width: 300px; background-image: url(../Images/cta-patients.png); margin: 0 30px; }
ul.ctas li.appointments a{ width: 260px; background-image: url(../Images/cta-appointments.png); }
ul.ctas li.physicians a{ width: 320px; background-image: url(../Images/cta-physicians.png); }

/*- Footer -*/
#footer-wrap{ height: 120px; background: #002f26 url(../Images/bg-footerwrap.gif) repeat-x center top; }
#footer{ width: 960px; color: #fff; font-size: 1.2em; line-height: 1em; margin: 0 auto; padding: 15px 0 0; }
#footer a{ color: #95a372; text-decoration: none; text-transform: uppercase; }
#footer a:hover{ color: #fff; text-decoration: underline; }
#footer .site-details{ width: 478px; display: inline; float: left; overflow: hidden; }
#footer .site-details p{ width: 100%; display: inline; float: left; margin: 0 0 0.25em; }
#footer .site-details address{ display: inline; float: left; font-style: normal; }
#footer .site-details a{ border-left: solid 1px #fff; display: inline; float: left; margin: 0 0 0 8px; padding: 0 0 0 8px; }
#footer .legal{ display: inline; float: right; }
#footer .legal li{ border-left: solid 1px #fff; display: inline; float: left; margin: 0 0 0 8px; padding: 0 0 0 8px; }
#footer .legal li.first{ border: 0 none; margin: 0; padding: 0; }
