/********************************************/
/*         Written by: Lars Astrom          */
/*         2007 - A3 IT Solutions           */
/********************************************/

html, body{
  width:100%;
  height:100%;
  margin:0 0 0 0;
  text-align:center;
  background:url(/images/tile.gif);
  
}

#container{
  position:relative;
  top:0px;
  left:0px;
  width:992px;
  min-height:100%;
  _height:100%;
  margin:0 auto 0 auto;
  text-align:left;
  background:url(/images/background.gif) no-repeat top center; 
}

#utilityNav{
  position:absolute;
  top:0px;
  right:10px;
  width:415px;
  height:42px;
  padding:10px 0 0 0;
  background:url(/images/utilityNav/background.gif) no-repeat bottom center;
  text-align:right;
  line-height:14px;
}

#leftNav{
  position:absolute;
  top:200px;
  left:0px;
  width:272px;
  height:396px;
}

#contentHeader{
  width:750px;
  margin:0 0 0 150px;
  padding:50px 0 0 0;
  text-align:center;
}

#content{
  position:relative;
  top:0px;
  left:0px;
  width:366px;
  margin:20px 0 0 330px;
  padding:7px 10px 10px 10px;
  background:url(/images/textBox.gif) no-repeat;
}

#beforeAndAfter{
  width:384px;
  height:294px;
  margin:10px 0 0 330px; 
  overflow:hidden;
  text-align:center;
}

#beforeAndAfter img{
  float:left; 
}

#textBottom{
  position:relative;
  top:-30px;
  left:-10px;
  width:386px;
  height:39px;
  z-index:0;
  background:url(/images/textBottom.gif) no-repeat top left;
}

#bottomImage{
  width:832px;
  margin:0 0 0 160px;
  height:60px;
  background:url(/images/footer/background.gif) no-repeat bottom left; 
}

#footer{
  width:822px;
  margin:0 0 0 150px;
  padding:0 20px 0 0;
  text-align:right;
  line-height:16px;
}

#videoPopup{
  position:absolute;
  top:155px;
  left:100px;
  width:500px;
  height:460px;
  background:#d1d2d4;
  border:2px solid #3b5a6f;
  padding:10px; 
  z-index:100000;
}

/* Left Navigation Classes */
#leftNav span{
  display:none;
}

#about{
  width:144px;
  height:16px;
  display:block;
  margin:0 0 8px 0;
  background:url(/images/leftNav/about.gif) no-repeat;
}

#aboutActive{
  width:144px;
  height:16px;
  display:block;
  margin:0 0 8px 0;
  background:url(/images/leftNav/about_ro.gif) no-repeat;
}

#about:hover{
  background:url(/images/leftNav/about_ro.gif) no-repeat;
}

#cosmetic{
  width:144px;
  height:30px;
  display:block;
  margin:8px 0 8px 0;
  background:url(/images/leftNav/cosmetic.gif) no-repeat;
}

#cosmeticActive{
  width:144px;
  height:30px;
  display:block;
  margin:8px 0 8px 0;
  background:url(/images/leftNav/cosmetic_ro.gif) no-repeat;
}

#cosmetic:hover{
  background:url(/images/leftNav/cosmetic_ro.gif) no-repeat;
}

#reconstructive{
  width:144px;
  height:30px;
  display:block;
  margin:8px 0 8px 0;
  background:url(/images/leftNav/reconstructive.gif) no-repeat;
}

#reconstructiveActive{
  width:144px;
  height:30px;
  display:block;
  margin:8px 0 8px 0;
  background:url(/images/leftNav/reconstructive_ro.gif) no-repeat;
}

#reconstructive:hover{
  background:url(/images/leftNav/reconstructive_ro.gif) no-repeat;
}

#skinCare{
  width:144px;
  height:30px;
  display:block;
  margin:8px 0 8px 0;
  background:url(/images/leftNav/skinCare.gif) no-repeat;
}

#skinCareActive{
  width:144px;
  height:30px;
  display:block;
  margin:8px 0 8px 0;
  background:url(/images/leftNav/skinCare_ro.gif) no-repeat;
}

#skinCare:hover{
  background:url(/images/leftNav/skinCare_ro.gif) no-repeat;
}

#contact{
  width:144px;
  height:16px;
  display:block;
  margin:8px 0 0 0;
  background:url(/images/leftNav/contact.gif) no-repeat;
}

#contactActive{
  width:144px;
  height:16px;
  display:block;
  margin:8px 0 0 0;
  background:url(/images/leftNav/contact_ro.gif) no-repeat;
}

#contact:hover{
  background:url(/images/leftNav/contact_ro.gif) no-repeat;
}

/* Left Sub Navigation Classes */
#subNavigation{
  position:absolute;
  top:160px;
  left:144px;
  width:165px;
  background:url(/images/leftNav/subNavBackground.gif) repeat-y;
  z-index:1000;
}

/* Home Classes */
#homeBottomFloral{
  position:absolute;
  top:270px;
  right:0px;
  width:130px;
  height:222px;
  background:url(/images/home/bottomFloral.gif) no-repeat; 
}

#homeLeft{
  position:absolute;
  top:150px;
  left:170px; 
  width:238px;
  height:10px;
  background:url(/images/home/homeLeft.gif) no-repeat;
}

#homeRight{
  position:absolute;
  top:150px;
  right:20px; 
  width:340px;
  height:10px;
  background:url(/images/home/homeRight.gif) no-repeat;
}

#homeNav{
  position:absolute;
  top:-40px;
  left:100px;
  width:107px;
  height:163px;
  *height:161px;
  padding:15px 5px 0 5px;
  *padding:23px 5px 0 5px;
  background:url(/images/home/homeNav.gif) no-repeat; 
  text-align:center;
}

#homeVideo{
  position:absolute;
  top:120px;
  left:100px; 
}

#homeNav a:link, #homeNav a:active, #homeNav a:visited{
  width:110px;
  display:block; 
  margin:5px 0 5px 0;
  
  font-family:Times New Roman, Serif;
  font-size:11px;
  color:#a89b7d;
  text-decoration:none;
  text-align:center;
}

#homeNav a:hover{
  text-decoration:none; 
}

/* Contact Us Page */
#contactAddress {
  position:relative;
  top:-59px;
  left:0px;
  text-align:center;
}

#contactContent{
  width:822px;
  margin:30px 0 0 170px;
}

#contactForm {
    position:relative;
    top:0px;
    left:60px;
    width:536px;
    background:url(/images/contact/contactinfoTop.gif) no-repeat top left;
    font-family:Verdana, Arial, Sans-Serif, Trebuchet MS, Georgia, Serif; 
    font-size:11px;
    font-weight:bold;
    color:#a89b7d;
}

.formElement {
    height:21px;
    float:left;
}

.section {
    width:530px;
    border-bottom:1px solid #a89b7d;
 }

/* About Dr. Willard Page */
#drWillardVideo{
  position:absolute;
  top:540px;
  left:770px; 
}