/* Neutralize default stylings
----------------------------------------------------------------------------- */
ul,ol {
    list-style:none;
}
h1,h2,h3,h4,h5,h6,pre,code,kbd {
    font-size:1em;
}
dl,dd,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
    margin:0; 
    padding:0;
}
img, a img,:link img,:visited img {
    border:none;
}
address,abbr {
    font-style:normal;
}
object {
    margin: 0 auto;
    display: block
}

/* Structure
----------------------------------------------------------------------------- */
body {
    background: #e7edf2 url(../images/bg.jpg) repeat-x;
}
#wrap {
    width: 770px;
    margin: 0 auto;
    text-align: center;
}
#masthead {
    margin-top: 0;
}
#container {
    position: relative;
    float: left;
    width: 100%;
    background-color: #FFF;
    text-align: left;
    margin-bottom: 20px;
}
#leftpane {
    position: relative;
    float: left;
    width: 175px;
    background-color: #f8f8f8;
    border-left: 2px solid #FFF;
}
#content {
    position: relative;
    float: left;
    width: 590px;
}
#navmenu {
    margin: 0 auto;
    padding: 0;
    width: 770px;
    background: url(../images/masthead_sub.jpg) no-repeat left;
}
#procmenu {
    position: relative;
    float: right;
    margin: 25px 0 10px 20px;
    width: 175px;
    height: 420px;
    background-color: #f8f8f8;
}
#footer {
    clear: both;
    border-top: 4px solid #e3e8ee;
    background: #F2F2F2 url(../images/footer.gif) no-repeat bottom;
    text-align: center;
    padding: 10px 30px 0 30px;
    font-size: 80%;
}
#choose {
    border-bottom: 2px solid #d0d6de;
    padding-bottom: 5px;
    margin-bottom: 7px;
    width: 370px;
}
.innerpad {
    padding: 20px 20px;
}


/* Typeography
----------------------------------------------------------------------------- */
body {
	font: small/120% sans-serif;
    color: #333;
}
#container {
    font: normal 100% Arial, Helvetica, sans-serif;
    color: #696969;
}
h1 {
    border-bottom: 2px solid #d0d6de;
    margin-bottom: 7px;
    font: normal 17px Georgia, "Times New Roman", Times, serif;
    color: #33598b;
}
h2 {
    font-size: 120%;
}
h3 {
    font-size: 120%;
}
#content h2 {
    border-bottom: 2px solid #d0d6de;
    margin-bottom: 7px;
    font: normal 17px Georgia, "Times New Roman", Times, serif;
    color: #33598b;
}
ul li {
    font-size: 100%;
}
p {
    padding-bottom: 1em;
}
a {
    color: #9a672d;
    text-decoration: underline;
}
.small {
    font-size: 70%;
}
#leftpane {
    font-size: 85%;
}
#leftpane h2,
#procmenu h2 {
    background-color: #f0f0f0;
    color: #ab8f6f;
    font: bold 16px Georgia, serif;
    padding: 3px 10px;
    margin-bottom: 5px;
}
#leftpane p {
    padding-left: 10px;
    padding-right: 10px;
}
#leftpane form {
    padding-left: 10px;
    padding-right: 10px;
}
#leftpane form .textinput {
    width: 145px;
    border: 1px solid #cfdae9;
    margin-bottom: 2px;
    padding: 3px;
    font-size: 12px;
    color: #999;
}
#leftpane form .submit {
    background-color: #FFF;
    font-size: 10px;
    padding: 3px;
    margin-bottom: 10px;
    border: 1px solid #cfdae9;
}
.phone {
    color: #33598b;
    font: normal 20px Georgia, serif;
    margin: 0 0 10px 0;
    padding: 0;
}
#staffInfo {
    margin: 10px 0;
    padding: 0;
    text-align: center;
}

#staffInfo dt {
    padding: 0 0 .5em 0;
    margin: 0;
    color: #696969;
    font: bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#staffInfo dd {
    margin: .2em 0 .2em 0;
    font: normal 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* Main Navigation
----------------------------------------------------------------------------- */
#nav {
    position: relative;
    height: 30px;
    width: 586px;
    margin-left: 183px;
    border-right: 1px solid #FFF;
}
#nav li ul, 
#nav li ul {
    margin: 0;
    padding: 0;
}
#nav a {
    text-decoration: none;
}
#nav li {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
#nav li ul {
    display: none;
}
#nav li.off ul, 
#nav li.on ul  {
    position: absolute;
    top: 35px;
    left: 0;
    padding-top: 5px;
    background: #68321f;
    height: 30px;
    width: 586px;
    padding-left: 65px;
}

#nav li.on ul {
    background: #68321f;
}
#nav li.on:hover ul,
#nav li.over ul {
    background: #68321f;
}
#nav li a {
    color: #68321f;
    font-weight: bold;
    display: block;
    padding: 0;
}
#nav li.on a {
    color: #68321f;
}
#nav li.on ul a,
#nav li.off ul a {
    border: 0;
    float: left;
    color: #68321f;
    width: auto;
    margin-right: 15px;
}
#nav li.on:hover ul a, 
#nav li.over ul li a {
    background: #68321f;
}
#nav li.on ul {
    display: block;
}
#nav li.off:hover ul,
#nav li.over ul {
    display: block;
    z-index: 6000;
}
#nav li.off a:hover,
#nav li.on a:hover {
    color: #a66909;
}

#nav li span {
    position: absolute;
    left: -9384px;
}

#liAbout a, #liContact a, #liInfoCenter a, #liProcedures a {
    display: block;
    position: relative;
    height: 30px;
    background: url(../images/nav.png) no-repeat;
}

#nav #liAbout {
    width: 209px;
}
#nav #liContact {
    width: 125px;
}
#nav #liInfoCenter {
    width: 129px;
}
#nav #liProcedures {
    width: 123px;
}

#liAbout a {
    background-position: 0 0;
}
#liContact a {
    background-position: -209px 0;
}
#liInfoCenter a {
    background-position: -334px 0;
}
#liProcedures a {
    background-position: -463px 0;
}

#liAbout.on a {
    background-position: 0 -35px;
}
#liContact.on a {
    background-position: -129px -30px;
}
#liInfoCenter.on a {
    background-position: -334px -30px;
}
#liProcedures.on a {
    background-position: -463px -30px;
}

#liAbout a:hover, #liAbout:hover a, #liAbout.over a {
    background-position: 0 -30px;
}
#liContact a:hover, #liContact:hover a, #liContact.over a {
    background-position: -209px -30px;
}
#liInfoCenter a:hover, #liInfoCenter:hover a, #liInfoCenter.over a {
    background-position: -334px -30px;
}
#liProcedures a:hover, #liProcedures:hover a, #liProcedures.over a {
    background-position: -463px -30px;
}

#nav li.off ul a,
#nav li.on ul a {
    display: block;
    background: #68321f;
    color: #fff;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    height: 10px;
}
#nav li.on ul a {
    background: #68321f;
}

/* Proceedures Navigation
----------------------------------------------------------------------------- */
#procnav {
    width: 150px;
    height: 382px;
    margin: 0 auto;
}
#procnav a {
    text-decoration: none;
}
#procnav li {
    display: inline;
}
#procnav li a {
    height: 32px;
}
#procnav li span {
    position: absolute;
    left: -9384px;
}
#liBelpharoplasty a, #liFacialScar a, #liForehead a, #liMentoplasty a, #liHair a,
#liLaser a, #liOtoplasty a, #liRhinoplasty a, #liRhytidectomy a, #liSkin a, 
#liWrinkle a, #liFacial a {
    display: block;
    height: 32px;
    background: url(../images/proceedures.gif) no-repeat;
}

#liBelpharoplasty a {
    background-position: 0 0;
}
#liFacialScar a {
    background-position: 0 -32px;
}
#liForehead a {
    background-position: 0 -64px;
}
#liMentoplasty a {
    background-position: 0 -96px;
}
#liHair a {
    background-position: 0 -128px;
}
#liLaser a {
    background-position: 0 -160px;
}
#liOtoplasty a {
    background-position: 0 -192px;
}
#liRhinoplasty a {
    background-position: 0 -224px;
}
#liRhytidectomy a {
    background-position: 0 -256px;
}
#liSkin a {
    background-position: 0 -288px;
}
#liWrinkle a {
    background-position: 0 -320px;
}
#liFacial a {
    background-position: 0 -352px;
}

#liBelpharoplasty.on a {
    background-position: -150px 0;
}
#liFacialScar.on a {
    background-position: -150px -32px;
}
#liForehead.on a {
    background-position: -150px -64px;
}
#liMentoplasty.on a {
    background-position: -150px -96px;
}
#liHair.on a {
    background-position: -150px -128px;
}
#liLaser.on a {
    background-position: -150px -160px;
}
#liOtoplasty.on a {
    background-position: -150px -192px;
}
#liRhinoplasty.on a {
    background-position: -150px -224px;
}
#liRhytidectomy.on a {
    background-position: -150px -256px;
}
#liSkin.on a {
    background-position: -150px -288px;
}
#liWrinkle.on a {
    background-position: -150px -320px;
}
#liFacial.on a {
    background-position: -150px -352px;
}

#liBelpharoplasty a:hover, #liBelpharoplasty:hover a, #liBelpharoplasty.over a {
    background-position: -150px 0;
}
#liFacialScar a:hover, #liFacialScar:hover a, #liFacialScar.over a {
    background-position: -150px -32px;
}
#liForehead a:hover, #liForehead:hover a, #liForehead.over a {
    background-position: -150px -64px;
}
#liMentoplasty a:hover, #liMentoplasty:hover a, #liMentoplasty.over a {
    background-position: -150px -96px;
}
#liHair a:hover, #liHair:hover a, #liHair.over a {
    background-position: -150px -128px;
}
#liLaser a:hover, #liLaser:hover a, #liLaser.over a {
    background-position: -150px -160px;
}
#liOtoplasty a:hover, #liOtoplasty:hover a, #liOtoplasty.over a {
    background-position: -150px -192px;
}
#liRhinoplasty a:hover, #liRhinoplasty:hover a, #liRhinoplasty.over a {
    background-position: -150px -224px;
}
#liRhytidectomy a:hover, #liRhytidectomy:hover a, #liRhytidectomy.over a {
    background-position: -150px -256px;
}
#liSkin a:hover, #liSkin:hover a, #liSkin.over a {
    background-position: -150px -288px;
}
#liWrinkle a:hover, #liWrinkle:hover a, #liWrinkle.over a {
    background-position: -150px -320px;
}
#liFacial a:hover, #liFacial:hover a, #liFacial.over a {
    background-position: -150px -352px;
}


/* Misc.
----------------------------------------------------------------------------- */
ul#pdfs {
    list-style: none;
    margin-left: 30px;
    padding-bottom: 20px;
    position: relative;
}
ul#pdfs li {
    background: url(../images/pdf_icon.gif) no-repeat 0 0;
    padding-left: 20px;
    margin-bottom: .25em;
}

dd {
    padding-bottom: 1em;
}