﻿/* 
 Global CSS Declarations for bellevueurology.com
 Copyright (C) Analogue Web Design, LLC. All rights reserved
 Version 2009
*/

/* GLOBAL RESET */
html, body, address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p, pre, dl, dt, dd, ol, ul, li, table, caption, thead, tfoot, tbody, tr, td, th, form, fieldset, legend, label, a, img, object, q, span, abbr, acronym, del, dfn, em, ins, strong { background: transparent; border: none; font-size: 100%; margin: 0; outline: none; padding: 0; vertical-align: baseline; }
a { outline: none; text-decoration: none; }
abbr:hover, acronym:hover { border-bottom: 1px dotted #999; cursor: help; }
address { font-style: normal; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
hr { clear: both; height: 1.2em; visibility: hidden; }
html { height: 100%; }
fieldset, img { border: medium none; }
input, button, select, textarea { font-family: Verdana, Geneva, sans-serif; font-size: 1em; }
label { cursor: pointer; }
ol, ul { list-style: none; }
:focus { outline: none; }

/* LAYOUT */
body { background: #c2d0dc url(/assets/img/body.jpg) repeat-y 50% 0%; color: #000; font: 10px/1.5 Tahoma, Geneva, sans-serif; height: 100%; margin: 0 auto; min-width: 968px; }
#container { background: #fff url(/assets/img/container.jpg) repeat-y 50% 0%; color: #1d2528; margin: 0 auto; min-height: 100%; padding: 0 6px; position: relative; width: 948px; }

/* HEADER */
#header { background: #fff url(/assets/img/header.jpg) no-repeat 100% 0%; border-bottom: 6px solid #fff; padding: 12px 24px 14px; }
#header h1 { background: url(/assets/img/logo.png) no-repeat; height: 63px; overflow: hidden; text-indent: -999em; width: 600px; }

/* MENU */
#menu { background: #39658d url(/assets/img/menu.jpg) repeat-x 0% 50%; border-bottom: 6px solid #fff; color: #fff; font-size: 1.5em; line-height: 48px; overflow: hidden; padding-left: 24px; text-transform: uppercase; width: 924px; }
#menu li { border-right: 1px solid #dae7f0; display: inline; margin-right: 6px; padding-right: 9px; }
#menu li a { color: #dae7f0; }
#menu li a:hover { color: #fff; }
#menu li.contact { border: medium none; }
#menu li.forms { background: #1a4860; border: 1px solid #fff; border-width: 0 0 0 6px; float: right; height: 48px; margin-right: 0; padding: 0 18px; }
#menu li.forms:hover { background: #35628b; }

/* CONTENT */
#content { overflow: hidden; position: relative; width: 948px; }

/* CONTENT-MAIN */ 
#content-main { float: right; padding: 36px 24px 24px 36px; min-height: 378px; width: 612px; }
#content-main a  { color: #35628b; }
#content-main a:hover  { color: #a2303a; text-decoration: underline; }
#content-main address { font-size: 1.4em; margin-bottom: 1em; }
#content-main h3 { background: #fff; color: #b09880; font: normal normal 2.4em "Times New Roman", Times, serif; margin: -36px 0 1em -36px; padding: 36px 24px; text-align: center; text-transform: uppercase; width: 630px; }
#content-main h3 small { color: #1d2528; font-size: 0.6666em; }
#content-main h4 { font-size: 1.8em; font-weight: normal; margin-bottom: 1em; text-transform: uppercase; }
#content-main h5 { font-size: 1.4em; font-weight: normal; margin-bottom: 1em; text-transform: uppercase; }
#content-main p { font-size: 1.4em; margin-bottom: 1em; }
#content-main p.back { font-size: 1.2em; text-align: right; }
#content-main p.intro { font-size: 1.6em; }
#content-main p.intro strong { font-size: 1.1428em; font-weight: normal; text-transform: uppercase; }
#content-main ol { font-size: 1.4em; margin-bottom: 1em; }
#content-main ol ol, #content-main ol ol ol, #content-main ol ol ol { font-size: 1em; }
#content-main ol li { margin-left: 18px; }
#content-main ol address, #content-main ol h5, #content-main ol p, #content-main ol ul { font-size: 1em; }
#content-main ul { font-size: 1.4em; margin-bottom: 1em; }
#content-main ul ul, #content-main ul ul ul, #content-main ul ul ul { font-size: 1em; }
#content-main ul li { list-style-type: disc; margin-left: 36px; }
#content-main ul ul li { list-style-type: circle; }
a#incontinence,  a#reversal { background: url(/assets/img/incontinence.jpg) no-repeat; color: #261400; display: block; float: right; font-size: 2.4em; height: 73px; line-height: 73px; margin-bottom: 0.5em; text-align: center; width: 300px; }
a#vasectomy, a#erectile { background: url(/assets/img/vasectomy.jpg) no-repeat; color: #fff; display: block; float: left; height: 73px; font-size: 2.4em; line-height: 73px; margin-bottom: 0.5em; text-align: center; width: 300px; }
a#reversal { float: left; }
a#erectile { float: right; }
a#incontinence em, a#vasectomy em, a#reversal em, a#erectile em { font-size: 0.9166em; font-family:Times New Roman " New Roman", Times, serif; }
a#incontinence:hover, a#reversal:hover  { color: #fff; text-decoration: none; }
a#vasectomy:hover, a#erectile:hover { color: #261400; text-decoration: none; }

/* PAGE SPECIFIC */
#forms #content-main ul.pdf li { background: url(/assets/img/pdf.png) no-repeat 0% 50%; list-style: none; margin-left: 0px; text-indent: 24px; }
#home #content-main ul { font-size: 1.6em; text-transform: uppercase; }
#home #content-main ul li { background: url(/assets/img/bullet.jpg) no-repeat 0% 50%; margin-left: 18px; list-style: none; text-indent: 24px; }
#resources #content-main ul { overflow: hidden; width: 612px; }
#resources #content-main ul li { float: left; list-style: none; margin: 0 18px 0 0; width: 288px; }
#physicians div.physicians { overflow: hidden; width: 612px; }
#physicians div.physicians div.bio { float: left; margin: 0 6px 18px 0; width: 300px; }
#physicians div.physicians div.bio a.bio { float: left; margin-right: 9px; }
#physicians div.physicians div.bio blockquote { min-height: 200px; }
#physicians div.physicians div.bio blockquote h5 { font-size: 1.3em; margin-bottom: 9px; }
#physicians div.physicians div.bio blockquote p { font-size: 1.1em; margin: 0 9px; }
#physicians div.physicians div.bio blockquote p a { display: block; text-align: right; }
#physicians #content-main div.highlight { background: #fff; margin: -36px 0 1em -36px; min-height: 256px; width: 678px; }
#physicians #content-main div.highlight img { float: left; margin-right: 12px; }
#physicians #content-main div.highlight h4 { margin-bottom: 0.5em; padding-top: 1em; }
#physicians #content-main div.highlight p { border-bottom: 2px solid #dae7f0; font-size: 1.5em; margin: 0 12px 0.5em 179px; padding-bottom: 0.5em; }
#physicians #content-main div.highlight ul { margin: 0 6px 1em 179px; }
#physicians #content-main div.highlight ul li { list-style: none; background: url(/assets/img/expertise.jpg) no-repeat 0% 50%; margin: 0 12px 0 18px; padding-left: 18px; }

/* CONTENT-SIDEBAR */
#content-sidebar { float: right; margin-right: 6px; min-height: 809px; width: 270px; }
#content-sidebar h4 { font-size: 1.8em; font-weight: normal; text-transform: uppercase; }
#content-sidebar h5 { font-size: 1.2em; font-weight: normal; text-transform: uppercase; }
#sidebar-contact { bottom: 0; position: absolute; width: 270px; }
#sidebar-contact a { background: transparent url(/assets/img/bullet-contact.jpg) no-repeat 0% 0%; color: #35628b; padding-left: 15px; }
#sidebar-contact a:hover  { background-position: 0% 100%; color: #eaa20f; }
#sidebar-contact a.facebook { background: none; padding-left: 0; }
#sidebar-contact address { font-size: 1.1em; margin-bottom: 6px; padding: 3px 18px; }
#sidebar-contact address.hours { border: 1px solid #dae7f0; margin-bottom: 0; }
#sidebar-contact address em { color: #35628b; font-style: normal; }
#sidebar-contact address strong { font-weight: normal; text-transform: uppercase; }
#sidebar-contact h5 { background: #35628b; color: #fff; margin-bottom: 6px; padding: 3px 18px; }
#sidebar-links { background: #b09880; color: #261400; font-size: 1.2em; margin-bottom: 6px; padding: 9px 18px; }
#sidebar-links a { color: #fff; display: block; font-size: 0.8333em; text-align: right; text-transform: lowercase; }
#sidebar-links a:hover { color: #261400; }
#sidebar-links strong { color: #fff; display: block; font-size: 1.5em; font-weight: normal; text-transform: uppercase; }
#sidebar-forms { background: #35628b; color: #dae7f0; font-size: 1.2em; margin-bottom: 6px; padding: 9px 18px; }
#sidebar-forms a { color: #fff; display: block; font-size: 0.8333em; text-align: right; text-transform: lowercase; }
#sidebar-forms a:hover { color: #eaa20f; }
#sidebar-forms strong { color: #fff; display: block; font-size: 1.5em; font-weight: normal; text-transform: uppercase; }
#sidebar-news { background: #f6ece0; margin-bottom: 6px; padding: 9px 18px; }
#sidebar-news h4 { margin-bottom: 9px; }
#sidebar-news ol { font-size: 1.2em; }
#sidebar-news ol li { margin-bottom: 9px; }
#sidebar-news ol li cite { color: #35628b; }
#sidebar-physicians h4 { background: #35628b; color: #fff; margin-bottom: 6px; padding: 3px 18px; }
#sidebar-physicians img { vertical-align: bottom; }
#sidebar-physicians ul { font-size: 1.4em; } 
#sidebar-physicians ul li a { background: #f6ece0 url(/assets/img/bullet-physicians.jpg) no-repeat 18px 0%; color: #1d2528; display: block; margin-bottom: 6px; padding: 3px 18px 3px 36px; } 
#sidebar-physicians ul li a:hover { background-color: #eaa20f; background-position: 18px 100%; color: #000; } 

#sidebar-form { background: #f6ece0; font-size: 1.2em; margin-bottom: 6px; padding: 9px 18px; }
#sidebar-form button { background: url(/assets/img/submit.jpg) repeat-x; border: 1px solid #fff; color:#fff; padding: 6px 9px; text-align: center; text-transform: uppercase; width: 90px; }
#sidebar-form button:hover { font-weight: bold; }
#sidebar-form button:active { background-position: 0% 100%; }
#sidebar-form em { color: #35628b; font-style: normal; font-weight: bold; }
#sidebar-form input { background: #fff; border: 1px solid #979797; margin-bottom: 6px; padding: 1px 2px; width: 228px; }
#sidebar-form input:focus { border-color: #35628b; }
#sidebar-form h4 { font-size:18px; margin-bottom: 9px; }
#sidebar-form label.isInvalid { font-weight: bold; }
#sidebar-form p { margin-bottom:9px; }
#sidebar-form textarea { background: #fff; border: 1px solid #979797; height:90px; margin-bottom: 6px; padding: 1px 2px; width: 228px; }
#sidebar-form small { float:right; }


/* CONTACT FORM */
#inquiry { font-size: 1.4em; margin-bottom: 1em; }
#inquiry em { color: #35628b; font-style: normal; font-weight: bold; }
#inquiry input { background: #f6ece0; border: 1px solid #979797; margin-bottom: 6px; padding: 1px 2px; width: 300px; }
#inquiry input:focus { background: #fff; border-color: #35628b; }
#inquiry label.isInvalid { font-weight: bold; }
#inquiry textarea { background: #f6ece0; border: 1px solid #979797; height: 84px; margin-bottom: 6px; padding: 2px; width: 606px; }
#inquiry textarea:focus { background: #fff; border-color: #35628b; }
#inquiry button { background: url(/assets/img/submit.jpg) repeat-x; border: 1px solid #fff; color:#fff; padding: 6px 9px; text-align: center; text-transform: uppercase; width: 90px; }
#inquiry button:hover { font-weight: bold; }
#inquiry button:active { background-position: 0% 100%; }

/* ADMIN */
#admin form { font-size: 1.4em; margin-bottom: 1em; }
#admin form em { color: #35628b; font-style: normal; font-weight: bold; }
#admin form fieldset fieldset input { background: #f6ece0; border: 1px solid #979797; margin-bottom: 6px; padding: 1px 2px; width: 300px; }
#admin form fieldset fieldset input:focus { background: #fff; border-color: #35628b; }
#admin form label.isInvalid { font-weight: bold; }
#admin form textarea { background: #f6ece0; border: 1px solid #979797; height: 84px; margin-bottom: 6px; padding: 2px; width: 606px; }
#admin form textarea:focus { background: #fff; border-color: #35628b; }
#admin form input.button { background: url(/assets/img/submit.jpg) repeat-x; border: 1px solid #fff; color:#fff; padding: 6px 9px; text-align: center; text-transform: uppercase; width: 90px; }
#admin form input.button:hover { font-weight: bold; }
#admin form input.button:active { background-position: 0% 100%; }
#admin a.error { color: #a2303a; font-weight: bold; }

/* GOOGLE MAPS */
#gmap { background: #fff; border: 1px solid #979797; color: #000; float: right; font: 10px/1.25 Arial, sans-serif; height: 293px; margin-bottom: 16px; margin-left: 16px; width: 350px; }
#gmap a, #gmap a:hover { border-bottom: none; }
#gmap span.gmap-title { font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
#gmap span.gmap-address { display: block; font-size: 1.1em; font-style: normal; }
#gmap span.gmap-directions { display: block; margin-top: -6px; font-size: 1.1em; font-weight: bold; }
#gmap form label { color: #556; font-size: 1.1em; }
#gmap form #saddr { width: 165px; margin-right: .6em; padding: 1px; }
#gmap form .gmap-submit { padding: 1px; }

/* FOOTER */
#footer { background: #002b43 url(/assets/img/footer.jpg) repeat-x; border-top: 6px solid #fff; color: #a7bacc; overflow: hidden; padding: 0 24px; width: 900px; }
#footer h4 { color: #fff; float: left; font-size: 1.3em; font-weight: normal; letter-spacing: 1px; line-height: 48px; text-transform: uppercase; }
#footer ul { float: right; line-height: 48px; }
#footer ul li { display: inline; padding: 0 3px; }
#footer ul li a { color: #a7bacc; }
#footer ul li a:hover { color: #fff; text-decoration: underline; }

/*CLASSES */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.upper-alpha li { list-style-type: upper-alpha; }
.lower-alpha li { list-style-type: lower-alpha !important; }
.decimal li { list-style-type: decimal; }
.bullet li { list-style-type: disc; }
img.right { border: 1px solid #35628b; margin: 0 0 1em 1em; }
.hasJs .hide { display: none; }
.center { text-align: center; }
.center img { border: 1px solid #35628b; margin: 1em; }


/* MSIE 7.0 */
*+html #menu li { margin-right: 9px; padding-right: 6px; }
*+html #content-sidebar { min-height: 900px; }
*+html #physicians #content-main div.highlight img { display: block; margin-bottom: -7px; }

/* MSIE 6.0 */
* html #header { height: 66px; }
* html #header h1 { background: url(/assets/img/logo.jpg) no-repeat; }
* html #menu li { margin-right: 9px; padding-right: 6px; }
* html #home #content-main { padding: 36px 0px 24px; width: 672px; }
* html #home #content-main h3 { margin: -36px 0px 1em 0px; width: auto; }
* html #home #content-main p { margin-right: 24px; margin-left: 36px }
* html #home #content-main ul { margin-right: 24px; margin-left: 36px }
* html #physicians #content-main { padding: 36px 0px 24px; width: 672px; }
* html #physicians #content-main div.highlight { margin: -36px 0 1em 0px; height: 1%; width: auto; }
* html #physicians #content-main div.highlight img { display: block; margin-bottom: -7px; }
* html #physicians #content-main div.physicians { margin-right: 24px; margin-bottom: 2em; margin-left: 36px }
* html #physicians #content-main h4 { margin-right: 24px; margin-left: 36px }
* html #physicians #content-main p { margin-right: 24px; margin-left: 36px }
* html #physicians #content-main ul { margin-right: 24px; margin-left: 36px }
* html #physicians #content-main div.physicians div.bio blockquote p { font-size: 1.1em; margin: 0 9px; }
* html #content-sidebar { height: 900px; }
* html #sidebar-physicians ul li { height: 1%; position: relative; } 
* html #sidebar-physicians ul li a { height: 1%; position: relative; }