/*====================================
	Florida Physicians Medical Group
--------------------------------------
	Base CSS
====================================*/

body{ background: #5a862d url(/ClientResources/Images/bg-body.jpg) no-repeat center top; color: #000; font-family: "Times New Roman", Times, serif; font-size: 63%; }

/*-- Header --*/
#header{ width: 960px; height: 130px; position: relative; margin: 0 auto; }
#header h1 a{ width: 400px; height: 62px; background: transparent url(/ClientResources/Images/logo.png) no-repeat center top; display: inline; float: left; margin: 12px 0px 16px 0px; overflow: hidden; text-indent: -99999em; }
#header .appointment{ width: 240px; color: #363; display: inline; float: left; font-size: 1.6em; font-style: italic; margin: 20px 25px; text-align:center; }
#header .appointment strong{ color: #fff; font-size: 2em; font-style: normal; }
#header .topnav{ width: 270px; height: 14px; display: inline; float: left; margin: 0 0 2px; padding: 8px 0; }
#header .topnav li{ border-left: solid 1px #fff; color: #fff; display: inline; float: left; font-size: 1.4em; line-height: 1em; margin-left: 5px; padding-left: 6px; }
#header .topnav li.firstitem{ border: 0 none; margin: 0; padding: 0; }
#header .topnav li a{ color: #fff; text-decoration: none; }
#header .topnav li a:hover, #header .topnav li a:focus{ color: #e9e5aa; text-decoration: underline; }
#header .site-search{ width: 270px; height: 28px; display: inline; float: left; }
#header .site-search input{ width: 203px; height: 18px; background: #fff; border: solid 1px #363; color: #ccc; display: inline; float: left; font-family: "Times New Roman", Times, serif; font-size: 14px; font-style: italic; line-height: 18px; margin: 0 1px 0 0; padding: 4px 5px; }
#header .site-search input.focus{ border-color: #363; color: #363; }
#header .site-search a{ width: 54px; height: 28px; background: transparent url(/ClientResources/Images/btn-sitesearch.gif) no-repeat center top; display: inline; float:left; overflow: hidden; text-indent: -99999em; }
#header .site-search a:hover, #header .site-search a:focus{ background-position: center bottom; }
#header #menu{ width: 960px; height: 40px; display: inline; float: left; }
#header #menu ul li{ display: inline; }
#header #menu ul li a{ height: 40px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#header #menu ul li a:hover, #header #menu ul li a:focus{ background-position: center -41px; }
#header #menu ul li #nav_our_physicians{ width: 143px; background-image: url(/ClientResources/Images/menu-physician.gif); }
#header #menu ul li #nav_our_services{ width: 125px; background-image: url(/ClientResources/Images/menu-services.gif); }
#header #menu ul li #nav_patient_information{ width: 169px; background-image: url(/ClientResources/Images/menu-patient.gif); }
#header #menu ul li #nav_maps_directions{ width: 176px; background-image: url(/ClientResources/Images/menu-maps.gif); }
#header #menu ul li #nav_about_us{ width: 100px; background-image: url(/ClientResources/Images/menu-about.gif); }
#header #menu ul li #nav_request_an_appointment{ width: 208px; background-image: url(/ClientResources/Images/menu-appointment.gif); float: right; }
.physicians #header #menu ul li #nav_our_physician, .services #menu ul li #nav_our_services, .patients #header #menu ul li #nav_patient_information, .locations #header #menu ul li #nav_maps_directions, .about #header #menu ul li #nav_about_us, .appointments #header #menu ul li #nav_request_an_appointment{ background-position: center bottom; }

/*-- Content --*/
#main{ width: 960px; position: relative; background: #fff; margin: 0 auto; padding: 0 0 10px; }

/*-- Footer --*/
#footer{ width: 960px; position: relative; color: #a4b491; font-size: 1.1em; line-height: 1.5em; margin: 15px auto 0; }
#footer a{ color: #a4b491; text-decoration: none; }
#footer a:hover, #footer a:focus{ color: #fff; text-decoration: underline; }
#footer .footer-left{ display: inline; float: left; }
#footer .footer-left hr{ border: 0 none; border-bottom: solid 1px #e1c16c; }
#footer .footer-left li{ border-left: solid 1px #a4b491; display: inline;  padding: 0 5px; }
#footer .footer-left li.firstitem{ border: 0 none; padding-left: 0px; }
#footer .footer-right{ width: 450px; position: relative; display: inline; float: right; text-align: right; }
#footer .footer-right p, #footer .footer-right address{ width: 395px; display: inline; float: left; font-style: normal; }
#footer .mcmurry{ width: 45px; height: 44px; position: absolute; right: 0px; top: 4px; background: transparent url(/ClientResources/Images/mcmurry.gif) no-repeat center top; display: block; overflow: hidden; text-align: left;  text-indent: -99999em; }
#footer .mcmurry:hover, #footer .mcmurry:focus{ background-position: center bottom; }

/*-- Styles --*/
.literalContent{ font-size: 1.4em; line-height: 1.5em; }
.literalContent h2, .literalContent legend, .literalContent h4, .literalContent h6{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; line-height: 1.5em; }
.literalContent h3, .literalContent h5{ font-family: Arial, Verdana, Sans-Serif; font-weight: normal; line-height: 1.5em; }
.literalContent h2, .literalContent legend{ color: #497057; font-size: 1.714em; }
.literalContent h3{ color: #000; font-size: 1.429em; }
.literalContent h4{ color: #630; font-size: 1.286em; }
.literalContent h5{ color: #e37118; font-size: 1.143em; }
.literalContent h6{ color: #666; font-size: 1em; }
.literalContent p{ font-size: 1em; line-height: 1.5em; margin: 0 0 1em; }
.literalContent a{ color: #1b6aa0; text-decoration: none; }
.literalContent a:hover, .literalContent a:focus{ color: #e37118; text-decoration: underline; }
.literalContent p a[target=_blank]{ background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat right top; padding-right: 10px; }
.literalContent ul{ margin: 0 0 1em 1em; }
.literalContent ul li{ background: transparent url(/ClientResources/Images/bullet-content.gif) no-repeat left 0.4em; font-size: 1em; line-height: 1.25em; margin: 0 0 0.5em; padding: 0 0 0 15px;  }
.literalContent ol{ margin: 0 0 1em 2.5em; }
.literalContent ol li{ font-size: 1em; line-height: 1.25em; list-style-type: decimal; margin: 0 0 0.5em; }
.literalContent hr{ height: 0; border: 0 none; border-bottom: solid 1px #ebbb64; line-height: 0; margin: 10px 0; padding: 0; }
.literalContent fieldset{ border: solid 1px #ece9b5; padding: 5px 10px; }
.literalContent blockquote, q{ border-left: solid 5px #ece9b5; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 5px 0 5px 10px; }
#main_content .formsection{ background: #fff; border: solid 1px #ece9b5; }
#main_content .formsection label{ color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; }
#main_content .button, #main_content .button_disabled{ border: solid 1px #ccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-style: italic; font-weight: normal; line-height: 1.5em; padding: 0.25em 1em; text-decoration: none; }
#main_content .button{ background: #157498; border-color: #005373; color: #fff; }
#main_content .greenbutton{ background: #8c8 !important; border-color: #575 !important; color: #fff !important; }
#main_content .greenbutton:hover, #main_content .greenbutton:focus{ background: #fff !important; color: #575 !important; }
#main_content input.button{ height: 1.5em; line-height: 1em; margin: 0; padding: 0 0.75em; }
#main_content .button:hover, #main_content .button:focus{ background: #fff; color: #157498; text-decoration: none; }
#main_content .button_disabled{ background: #fff; border-color: #f6f6f6; color: #ccc; padding: 0.25em 1em; }
#main_content input.button_disabled{ height: 1.5em; line-height: 1em; margin: 0; padding: 0 0.75em; }
#main_content .button_disabled:hover, #main_content .button_disabled:focus{ color: #ccc; text-decoration: none; }
#main_content .photo{ width: 132px; height: 152px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; }
#main_content .photo img{ position: absolute; left: 5px; top: 5px; }
#main_content .thumb{ width: 72px; height: 82px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; }
#main_content .thumb img{ position: absolute; left: 5px; top: 5px; }