/* Developed by Matthew Sloggett for the American Society of Plastic Surgeons */

body {
 margin:0px 0px 0px 0px;
 padding:0px;
 background:#545d76 url(images/bg_x.gif) repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 line-height:1.5em;
 font-size: 76%;
 color: #ffffff;
}
h1 {
 font-size: 3.2em;
 font-weight: normal;
 margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
 }
h2 {
 font-size: 2.5em;
 margin: 0.8em 0em 1em 0em;
 font-weight: bold;
 color: #303550;
 font-family: "Times New Roman", Times, serif;
 font-variant: small-caps;
 }
h3 {
 font-size: 1.5em;
 margin: 1em 0em 0.1em 0em;
 font-weight: bold;
 color: #ffffff;
 font-family: "Times New Roman", Times, serif;
 }
h4 {
 font-size: 1.3em;
 margin: 1em 0em 0.1em 0em;
 font-weight: bold;
 color: #ffffff;
 }
h5 {
 font-size: 1.0em;
 margin: 1em 0em 1em 0em;
 font-weight: bold;
 }
h6 {
 font-size: 0.8em;
 margin: 1em 0em 1em 0em;
 font-weight: bold;
 }
img {
 border: 0;
 }
p {
 color: #ffffff;
 font-size: 1.1em;
 line-height: 1.4em;
 margin: 0.1em 0em 1.4em 0em;
 }
li {
 color: #ffffff;
 }
a {
 font-size: 1.0em;
 line-height: 1.4em;
 color: #a01818;
 text-decoration:underline;
 }
a:hover {
 text-decoration:none;
 }
strong, b {
 font-weight: bold;
 }

#container1 {
 margin: 0px auto 0px auto; /* Must have auto to center in some browsers */
 width: 800px;
 background:transparent url(images/bg_y.gif) repeat-y;
}
#container2 {
 width: 800px;
 background:transparent url(images/alkon_banner.jpg) top left no-repeat;
 }
#container3 {
 width: 800px;
 background:transparent url(images/footer.gif) bottom left no-repeat;
 padding: 0px 0px 10px 0px;
}

#branding  {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 1px 0px;
 height: 400px;
 overflow: hidden;

}

#branding a {
 font-size: 1.0em;
 line-height: 1.4em;
 color: #ffffff;
 text-decoration:underline;
 }
 
 #branding-logo {}
 #branding-tagline {
  height: 164px;
  width: 645px;
  float: left;
  display:block;
  overflow: hidden;
 }
  #branding-tagline h1{
   display: block;
   padding: 180px 0px 0px 0px;
   }
  #branding-tagline h1 a{
   }
 #branding-name {
  height: 164px;
  width: 140px;
  padding: 0px 10px 0px 0px;
  float: right;
  display:block;
  overflow: hidden;
 }
  #branding-name p{ padding: 130px 0px 0px 0px; text-align: right;}
 #branding-extra {
  clear: both;
  height: 236px;
  width: 150px;
  display:block;
 }
#nav1 {
 width: 800px;
 height: 42px;
 display: block;
 overflow: hidden;
 margin: 1px 0px 0px 0px;
 padding: 0px 0px 1px 0px;
}

 #nav1-main {}
 #nav1-section {
  width: 800px;
  height: 42px;
  display: block;
  overflow: hidden;
 }
 
  #nav1-section ul{
  margin: 0px;
  padding:0px;
  list-style:none;
  }
  #nav1-section li{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float:left;
  height: 42px;
  }
  #nav1-section a{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  height: 42px; 
  display: block;
  }

#nav1-section  #nav1-one a{ padding: 46px 0px 0px 0px; overflow: hidden; width: 90px;}
#nav1-section  #nav1-two a{ padding: 46px 0px 0px 0px; overflow: hidden; width: 112px;}
#nav1-section  #nav1-three a{ padding: 46px 0px 0px 0px; overflow: hidden; width: 126px;}
#nav1-section  #nav1-four a{ padding: 46px 0px 0px 0px; overflow: hidden; width: 154px;}
#nav1-section  #nav1-five a{ padding: 46px 0px 0px 0px; overflow: hidden; width: 96px;}
#nav1-section  #nav1-six a{ padding: 46px 0px 0px 0px; overflow: hidden; width: 86px;}
#nav1-section  #nav1-seven a{ padding: 46px 0px 0px 0px; overflow: hidden; width: 135px;}
#nav1-section  #nav1-eight a{ padding: 46px 0px 0px 0px; overflow: hidden; }
#nav1-section  #nav1-nine a{ padding: 46px 0px 0px 0px; overflow: hidden;}
#nav1-section  #nav1-ten a{}

#nav1-section  #nav1-one a:hover {background: transparent url(images/nav1_1b.gif) no-repeat; }
#nav1-section  #nav1-two a:hover {background: transparent url(images/nav1_2b.gif) no-repeat; }
#nav1-section  #nav1-three a:hover {background: transparent url(images/nav1_3b.gif) no-repeat; }
#nav1-section  #nav1-four a:hover {background: transparent url(images/nav1_4b.gif) no-repeat; }
#nav1-section  #nav1-five a:hover {background: transparent url(images/nav1_5b.gif) no-repeat; }
#nav1-section  #nav1-six a:hover {background: transparent url(images/nav1_6b.gif) no-repeat; }
#nav1-section  #nav1-seven a:hover {background: transparent url(images/nav1_7b.gif) no-repeat; }
#nav1-section  #nav1-eight a:hover {background: transparent url(images/nav1_8b.gif) no-repeat; }
#nav1-section  #nav1-nine a:hover {background: transparent url(images/nav1_9b.gif) no-repeat; }
#nav1-section  #nav1-ten a:hover {}

#home   #nav1-section #nav1-one a {background: transparent url(images/nav1_1c.gif) no-repeat; }
#home   #nav1-section #nav1-one a:hover {background: transparent url(images/nav1_1c.gif) no-repeat; }
#meet   #nav1-section #nav1-two a {background: transparent url(images/nav1_2c.gif) no-repeat; }
#meet   #nav1-section #nav1-two a:hover {background: transparent url(images/nav1_2c.gif) no-repeat; }
#procedures  #nav1-section #nav1-three a {background: transparent url(images/nav1_3c.gif) no-repeat; }
#procedures  #nav1-section #nav1-three a:hover {background: transparent url(images/nav1_3c.gif) no-repeat; }
#anim   #nav1-section #nav1-four a {background: transparent url(images/nav1_4c.gif) no-repeat; }
#anim   #nav1-section #nav1-four a:hover {background: transparent url(images/nav1_4c.gif) no-repeat; }
#photo   #nav1-section #nav1-five a {background: transparent url(images/nav1_5c.gif) no-repeat; }
#photo   #nav1-section #nav1-five a:hover {background: transparent url(images/nav1_5c.gif) no-repeat; }
#testimonials #nav1-section #nav1-six a {background: transparent url(images/nav1_6c.gif) no-repeat; }
#testimonials #nav1-section #nav1-six a:hover {background: transparent url(images/nav1_6c.gif) no-repeat; }
#contact  #nav1-section #nav1-seven a {background: transparent url(images/nav1_7c.gif) no-repeat; }
#contact  #nav1-section #nav1-seven a:hover {background: transparent url(images/nav1_7c.gif) no-repeat; }
 #map   #nav1-section #nav1-seven a {background: transparent url(images/nav1_7c.gif) no-repeat; }
 #map   #nav1-section #nav1-seven a:hover {background: transparent url(images/nav1_7c.gif) no-repeat; }
#none   #nav1-section #nav1-eight a {background: transparent url(images/nav1_8c.gif) no-repeat; }
#none   #nav1-section #nav1-eight a:hover {background: transparent url(images/nav1_8c.gif) no-repeat; }
#none   #nav1-section #nav1-nine a {background: transparent url(images/nav1_9c.gif) no-repeat; }
#none   #nav1-section #nav1-nine a:hover {background: transparent url(images/nav1_9c.gif) no-repeat; }

 #nav1-supp {}
 #nav1-extra {}

#nav2 {
 width: 191px;
 float: left;
 display: block;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 1px 0px;
 background:transparent url(images/nav2.gif) no-repeat; 
 }

 #nav2-main {}

#nav2-section {
 width: 191px;
 font: normal 13px "Times New Roman", Times, serif;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#nav2-section a{
 text-align:center;
}
  #nav2-section ul { /* all lists */
   padding: 0px;
   margin: 0px;
   list-style: none;
   float : left;
   width :190px;
  }
  
  #nav2-section li { /* all list items */
   position : relative;
   float : left;
   margin-bottom : -1px;
   width: 190px;
  }
  
  #nav2-section li ul { /* second-level lists */
   position : absolute;
   left: -999em;
   margin-left : 160px;
  
   /*  I moved the nav higher for Dr Decherd 25px works the best 
   margin-top : -25px;*/
   
   margin-top : -45px;
   
   width: 210px;
  }
 
  #nav2-section li ul li { /* all list items */
   width: 210px;
  }
  
  #nav2-section li ul ul { /* third-and-above-level lists */
   left: -999em;
   margin-left : 200px;
  }
  
  #nav2-section li a {
   display : block;
   color : #0c1232;
   font-weight : bold;
   text-decoration : none;
   
   padding : 0px 0px 0px 0px;
  }
  
  #nav2-section li ul li a {
   display : block;
   color : #0c1232;
   font-weight : bold;
   text-decoration : none;
   background-color : #ffffff;
   border : 1px solid #0c1232;
   padding : 2px 0px 2px 0px;
   width: 200px;
  }
  
  #nav2-section li ul li a:hover {
   color : #ffffff;
   background-color : #760a0a;
   
  }
  
  #nav2-section li:hover ul ul, #nav2-section li:hover ul ul ul, #nav2-section li.sfhover ul ul, #nav2-section li.sfhover ul ul ul {
   left: -999em;
  }
  
  #nav2-section li:hover ul, #nav2-section li li:hover ul, #nav2-section li li li:hover ul, #nav2-section li.sfhover ul, #nav2-section li li.sfhover ul, #nav2-section li li li.sfhover ul { /* lists nested under hovered list items */
   left: auto;
  }



 #nav2-section #face a {
  background:url(images/side_nav_face.gif) no-repeat left top;
  height:55px;
 }
 #nav2-section #face a:hover {}
 #nav2-section #face .current, #nav2-section #face .current:hover {}
 
 #nav2-section #breast a {
  background:url(images/side_nav_breast.gif) no-repeat left top;
  height:55px;
 }
 #nav2-section #breast a:hover {}
 #nav2-section #breast .current, #nav2-section #breast .current:hover {}

 #nav2-section #body a {
  background:url(images/side_nav_body.gif) no-repeat left top;
  height:55px;
 }
 #nav2-section #body a:hover {}
 #nav2-section #body .current, #nav2-section #body .current:hover {}

 #nav2-section #recon a {
  background:url(images/side_nav_recon.gif) no-repeat left top;
  height:55px;
 }
 #nav2-section #recon a:hover {}
 #nav2-section #recon .current, #nav2-section #recon .current:hover {}


 /*
 #nav2-section #skin a {
  background:url(images/side_nav_recon.gif) no-repeat left top;
  height:112px;
  margin-bottom: 20px;
 }
 #nav2-section #skin a:hover {}
 #nav2-section #skin .current, #nav2-section #skin .current:hover {}
 */
 
 #nav2-supp  { padding: 20px 0px 0px 10px;}
 #nav2-extra {}
  
#content1 {
 float: right;
 width: 593px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }
 
#content1-main li {margin: 0px 0px 0px 40px;}

 #content1-intro {}
 #content1-main {
  margin: 1px 0px 0px 0px;
  padding: 1px 10px 0px 0px;
 }

 #content1-supp {}
 #content1-extra {clear: both; height: 1px;}
 
#content2 {}
 #content2-intro {}
 #content2-main {}
 #content2-supp {}
 #content2-extra {clear: both; height: 1px;}
 
#siteinfo {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 display: block;
 text-align:center;
}

#siteinfo p, #siteinfo a, #siteinfo ul, #siteinfo li {color: #ffffff;}
 
 #siteinfo p{ font-size: 1em; margin: 0px; padding: 0px;}
 #siteinfo ul{ margin: 0px; padding: 5px 0px 2px 0px; text-align: center;}
 #siteinfo li{ font-size: 1.0em; display: inline; padding: 0px 0px 0px 0px; margin: 0px;}
 #siteinfo li a{ padding: 0px 4px 0px 4px; margin: 0px;}

 #siteinfo-legal { 
  margin: 0px; 
  padding: 5px 0px 0px 0px;
 }
 #siteinfo-credits { 
  margin: 0px; 
  padding: 0px 0px 10px 0px;
 }
 #siteinfo-extra {}

#extradiv1 {}
#extradiv2 {}
#extradiv3 {}
#extradiv4 {}


/* Procedure */
#procedure_list {    
  float: right;
  
  /*adding a width fixes float problems with the menu in IE for the Mac */
  width:220px;
  padding: 40px 5px 0px 0px;
  margin: 10px 0px 0px 0px;
 }
 #procedure_list select {
  /*Use to force the jump menu width */
  width:220px; 
 }
 #procedure_list form {}
#procedure_content {}
 #procedure_content h3 {}
 #procedure_content h3 a{
 text-decoration: none;
 }
 #procedure_content h3 a:hover{
 text-decoration: underline;
 }
 #procedure_content ul {}
 #procedure_content ul, #procedure_content li {}
 #procedure_content li {}
 #procedure_images { clear: right; float:right; width:160px; margin:20px 0px 20px 20px;}
#procedure_nav {}
 #procedure_nav ul {}
 #procedure_nav ul, #procedure_nav li {}
 #procedure_nav li {}
 
/* Photo Gallery */
#photo_nav {
 font-size: 1.0em;
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 5px;
 width: 150px;
 }

#photo_nav li a{}
#photo_nav p{}
 #photo_nav ul {
  margin:0;
  padding:0;
  list-style:none;
 }
 #photo_nav h3{
 text-decoration: none;
 font-weight: bold;
 font-size: 1.4em;
 padding: 0px 0px 5px 0px;
 }
 #photo_nav h3 a {
 text-decoration: none;
 font-weight: bold;
 line-height: 0.8em;
 padding: 0px 0px 0px 0px;
 }
 #photo_nav h3 a:hover{
 text-decoration: underline;
 }
 #photo_nav ul, #photo_nav li {}
 #photo_nav li {margin: 0px 0px 0px 0px;}
 #photo_nav li a img {padding:0px 2px 2px 2px;}
 #photo_nav li a:hover img {}
#photo_content {}
 #photo_content a {font-size: 1.0em;}
 #photo_content img {padding:1px; margin:4px 2px 0px 0px; border:0px solid #303550;}
 #photo_content p {}

/* MapQuest */
#map_quest_content { background-color:#FFFFFF; padding: 4px; border: 1px solid #303550; width:565px;}
 #map_quest_content a {}
 #map_quest_content img {border:0;}
 #map_quest_content p {
 font-size: 0.9em;
 line-height: 1.2em;
 margin: 1em 0em 1em 0em; 
 color: #000000;
 }


/* Form */
input { background-color: #FFFFFF;}
.text_form { font-size: 1em; background-color: #FFFFFF; color: #000000; border: solid #000000 1px; width:180px; margin-bottom: 2px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.button { font-size: 1em; background-color: #FFFFFF; color: #000000; border: solid #000000 1px; width:80px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
textarea { font-size: 1em; background-color: #FFFFFF; color: #000000; border: solid #000000 1px; width:180px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.check_box { font-size: 1em; background-color: transparent; color: #000000; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}


/* Specials */

.hide {display: none;}
.hide_div {display: none;}
.clear_both {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}

.indent {padding: 0px 0px 0px 20px;}
#form_honey { display: none; position: absolute; top: -300px;}


  #content1-main h2{
     height: 1px;
     display: block;
     overflow: hidden;
     padding: 40px 0px 0px 0px;
     margin-top: 2px;
     margin-bottom: 0.5em;
     line-height: 2.0em;
    }

   #procedures  #content1-main h2{ height: 40px; height: auto; padding-top: 40px; padding-bottom: 6px; overflow: inherit; display: inherit; background: url(images/h2_procedures.gif) top left no-repeat; line-height: 1.0em;}


#home   #content1-main h2{ background: url(images/h2_home.gif) no-repeat;}
#meet   #content1-main h2{ background: url(images/h2_meet.gif) no-repeat;}
#anim   #content1-main h2{ background: url(images/h2_animation.gif) no-repeat;}
#photo   #content1-main h2{ background: url(images/h2_photo.gif) no-repeat;}
#testimonials #content1-main h2{ background: url(images/h2_prices.gif) no-repeat;}
#contact  #content1-main h2{ background: url(images/h2_contact.gif) no-repeat;}
#map   #content1-main h2{ background: url(images/h2_contact.gif) no-repeat;}




 #photo #content1-main {
  padding: 1px 0px 0px 0px;
 }

 #anim #nav2 {display:none}
 #anim #content1 {width: 751px;} 

.quote {
 display: block;
 padding: 20px;
 border: 1px solid #901515;
 background: transparent url(images/quote.gif) no-repeat;
 margin: 20px;
}