/* CSS Document */


/* page structure */
body { margin: 0; padding: 0; background: #666 url(/_images/bg-page.jpg) repeat-y top center;}
#topbar { width: 100%; background: #666 url(/_images/bg-topbar.jpg) no-repeat top center; height: 42px;}
#top { width: 960px; height: 118px; padding: 0; margin: 0 auto; background: url(/_images/menu-right.jpg) no-repeat bottom right;}
#toplogo { margin: 0; padding: 0; height: 77px; background: url(/_images/flowers-top.jpg) no-repeat top right;}
#topmenu { height: 41px; margin: 0; padding: 0 0 0 26px; width: 934px; background: url(/_images/menu-left.jpg) no-repeat top left; }
#topgap { width: 930px; height: 35px; margin: 0 auto; background: url(/_images/bg-topgap.jpg) repeat-x; text-align: right;}
#main { width: 960px; margin: 0px auto; background: #fff url(/_images/bg-main.jpg) repeat-y top center;}
#section { margin: 0; padding: 0; height: 59px; background: #fff url(/_images/flowers-bot.jpg) no-repeat top right;}
#sectionimage { border-top: 1px dotted #666; border-bottom: 1px dotted #666; width: 940px; height: 260px; margin: 0 10px;}
#pagebody { background: url(/_images/bg-content.jpg) no-repeat bottom left; width: 960px; margin: 0; padding: 0;}
#content { margin: 20px 55px 0 315px; padding-bottom: 20px;}
#bottom { clear: both; margin: 0; padding: 28px 0 0; background: url(/_images/bg-bottom.jpg) no-repeat top center;}
#footerlinks { width: 100%; background: url(/_images/bg-sitemap.jpg) repeat-y top center;}
#sitemap { width: 870px; margin: 0 auto;}
#footercopyright { width: 100%; height: 110px; background: url(/_images/bg-footer.jpg) no-repeat top center;}


/* navigation */
ul#nav1 { list-style: none; margin: 0; padding: 0; width: 936px; height: 41px; display: inline;}
ul#nav1 li { list-style: none; margin: 0; padding: 0; float: left;}
ul#nav1 li a { display: block; margin: 0; height: 41px; text-indent: -5000px; overflow: hidden;}
ul#nav1 li a:hover { background-position: 0 -82px;}
ul#nav1 li a:active { background-position: 0 -123px;}
a#menuhome { width: 62px; background: url(/_images/nav/home.jpg) no-repeat;}
a#menuabout { width: 76px; background: url(/_images/nav/about.jpg) no-repeat;}
a#menuvisit { width: 106px; background: url(/_images/nav/visit.jpg) no-repeat;}
a#menusurgeons { width: 103px; background: url(/_images/nav/surgeons.jpg) no-repeat;}
a#menuplasticsurgery { width: 146px; background: url(/_images/nav/plasticsurgery.jpg) no-repeat;}
a#menucosmeticprocedures { width: 145px; background: url(/_images/nav/cosmeticprocedures.jpg) no-repeat;}
a#menureconstructiveprocedures { width: 177px; background: url(/_images/nav/reconstructiveprocedures.jpg) no-repeat;}
a#menucontact { width: 92px; background: url(/_images/nav/contact.jpg) no-repeat;}
ul#nav2 { list-style: none; margin: 20px 0; padding: 0 0 180px 0; width: 260px; float: left;}
ul#nav2 li { margin: 0; padding: 0 0 0 10px;}
ul#nav2 li a { display: block; padding: 5px 35px; width: 190px; font-weight: normal; font-size: 13px; color: #999;}
ul#nav2 li a:hover { color: #ffcc00;}


/* text styles and content area */
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666;}
.printonly { display: none;}
a { text-decoration: none; font-weight: bold; color: #330066;}
a:hover { background-color: #330066; color: #ffcc00;}
h1 { font-weight: bold; font-size: 24px; letter-spacing: -1px; color: #cc3300; margin: 40px 0 20px; padding: 0;}
h2 { font-size: 12px; font-weight: bold; color: #333; border: 1px solid #ddd; border-top-width: 2px; padding: 8px 10px; margin: 40px -10px 20px; background: #fff url(/_images/bg-h2.jpg) repeat-x bottom left;}
h3 { font-size: 12px; font-weight: bold; color: #333; margin: 30px 0 10px; }
#section h2 { background: url(/_images/bg-topleftcorner.jpg) no-repeat top left; margin: 0; padding: 23px 0 17px 40px; border: none;}
#content p { line-height: 1.5; padding: 0; margin: 0 0 25px 0;}
#content p.intro { color: #cc3300; font-size: 16px; line-height: 1.4;}
#content p.breadcrumbs { margin: 5px 0; padding: 5px 0; border-bottom: 1px dotted #666; font-size: 11px;}
#content p.breadcrumbs a { padding: 4px; font-weight: normal;}
#content p.info { background: url(/_images/icon-info.jpg) no-repeat top left; padding: 6px 0px 8px 38px; margin-bottom: 20px; font-style:italic; color: #999;}
#content p.external { background: url(/_images/icon-external.jpg) no-repeat center left; padding: 0px 0px 2px 38px; margin-bottom: 20px; font-style:italic; color: #999;}
#content li { line-height: 1.6; margin: 0 20px 20px 0; }
div.clear { clear: left; padding: 0; margin: 0;}
#content .cornercallout { float: right; margin-top: -20px; margin-right: -22px;}  /* for IE 6 only */
#content > .cornercallout { float: right; margin-top: -20px; margin-right: -45px;}
#content strong { color: #000;}
.biopic { float: right; margin: 0 0 15px 20px; border: 1px dotted #666;}
.leftpic { float: left; margin: 0 20px 15px 0; border: 1px dotted #666;}
.asps { float: right; margin: 0 0 15px 20px; border: none;}
p.big { text-align: center;}
p.big a { font-size: 15px; letter-spacing: -1px; padding: 0 5px;}


/* top */
#topbar p { width: 870px; margin: 0 auto; padding: 9px 35px 0; color: #ccc;}
#topbar p a { float: right; color: #ffcc00; padding: 0 5px;}
#topbar p img { margin: 0 10px;}
#topgap p { margin: 0; padding: 0 54px 0 0;}


/* sitemap and footer */
#footerlinks p { margin: 0 auto; background-color: #333; padding: 10px 8px; font-size: 16px; font-weight: bold; width: 760px; text-align: center; color: #fff;}
#bottom p a, #sitemap h3 a { color: #ffcc00;}
#sitemap li a { color: #ccc; font-weight: normal; }
#sitemap ul { list-style: none; margin: 0; padding: 10px 0 0;}
#sitemap li { list-style: none; margin: 0; padding: 0;}
.widelinks { float: left; width: 320px; margin: 0;}
.widelinks ul { margin-right: 35px; float: left; width: 150px;}
.narrowlinks { width: 210px; float: right; margin-left: 50px;}
#sitemap h3 { border-bottom: 1px dotted #ffcc00; padding: 20px 0 4px; margin: 0; font-size: 12px;}
#footerlinks p.clear { clear: both; padding: 20px 0 0; background-color: #666;}
#footercopyright p { width: 870px; margin: 0 auto; font-size: 12px; padding: 20px 10px 5px 0; text-align: right; color: #ccc;}
#bottomlogo { float: left; }
#footercopyright span.minorlinks { font-size: 10px; padding: 5px 0; display: block; margin-right: -10px; color: #666;}
#footercopyright span.minorlinks a { color: #fff; padding: 0 10px;}

/* forms */
form th, form td { text-align: left; padding: 10px; vertical-align: top;}
input, textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000;}
form tr.alt th { border: 1px dashed #ddd; border-right: none;}
form tr.alt td { border: 1px dashed #ddd; border-left: none;}
form tr:hover { background-color: #ffffcc;}
form tr.required td, form tr.required th { display: none;}