form { padding: 0; margin: 0; }
img { border-width: 0; }
body
{
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    color: #777777;
  background-color: #ffffff; 
}
html, body.siteBody
{
    margin: 10px 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    color: #777777;
  background-color: #E5E9EC; 
}

#page
{
  margin: 0 auto;
  text-align: left;
  width: 800px;
}

a           
{
    text-decoration: none;
    color: #005295;
    font-weight: normal;
}
a:hover { text-decoration: underline; } 

h2
{
  color: #595959;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0 0;
  margin: 0px;
  text-align: left;
}
h1,h3,h4,h5,h6
{
  font-size: 13px;  
  font-weight: normal;
  margin: 10px 20px;
  text-align: left;
}

.gray { background: #CBD0D3; }

.grayBoldText
{
font-weight: bold; 
font-size: 12px;
}


#nav
{
  background-color: #066cb6;
  background: #066cb6 url(images/nav.jpg) no-repeat right;
}

#topNav
{
  margin: 15px 8px 15px 5px;
  padding: 0 0 0px 0;
  text-align: left;
  font-weight: bold;
  font-style: italic;
  list-style: none;
  font-size: 10px;
  color: #8BA4D5;
}
#topNav a
{
  font-size: 10px;
  color: #8BA4D5;
  font-weight: bold;
  font-style: italic;
  font-weight: normal;
  padding: 0px 4px 15px;
  text-decoration: none;
  display: block;
  float: left;
}
#topNav a:hover, #topNav a.selected
{
  color: #FFFFFF;
  text-decoration: none;
  background: url(images/navHover.jpg) no-repeat bottom center;  
}

#subNav
{
  padding: 10px;
  line-height: 32px;
  overflow: auto; 
  height: 259px; /* 299px */
}
#subNav h3
{
  padding: 0px;
  margin: 0px;
  color: #666666;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;  
}
#subNav h3.blue
{
  color: #005295;
}
#subNav a
{
  color: #BAC1C6;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;  
}
#subNav a:hover, #subNav a.selected
{
  color: #666666;
  text-decoration: none;  
}

#homeBase { background: url(images/homeBase.jpg) no-repeat top left; }
#homeText
{
  width: 80%; 
  height: 130px;
  overflow: auto; 
  color: #595959;
  font-size: 11px;
  line-height: 18px;
  font-weight: normal;
  padding: 5px 50px 20px;
  margin: 0px;
}
#homeText h1
{
  color: #595959;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 0px;
  margin: 0px;
}


#leftArea { background: url(images/leftArea.jpg) no-repeat; }
#leftAreaSub { 
	position: relative;
	background: url(images/leftAreaSub.jpg) no-repeat; 
}
#leftImage {
	position: relative;
}
#leftImageOverlay {
	position: absolute;
	left: 0px;
	top: 0px;
}
#leftAreaSubLaser { background: url(images/leftAreaSubLaser.jpg) no-repeat; }
/*#leftAreaSubLaserHairServices { background: url(images/leftAreaSubLaserHairServices.jpg) no-repeat; }*/
#leftAreaSubLaserHairServices { background-color: #FFFFFF; }
#leftAreaSubContact { background: #FFFFFF url(images/leftAreaSubContact.jpg) bottom left no-repeat; }
#leftArea h1
{
  color: #005295;
  font-size: 18px;
  font-weight: bold;
  padding: 35px 25px 0;
  margin: 0px;
}
#leftArea p
{
  color: #005295;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding: 5px 25px;
  margin: 0px;
}
#midNav { background: url(images/midNav.jpg) no-repeat; }
#midNavLaserHairServices { background: url(images/midNavLaserHairServices.jpg) no-repeat; }
#midNavFamilyScheduling { background: url(images/midNavFamilyScheduling.jpg) no-repeat; }

#rightArea { background: url(images/rightArea.jpg) no-repeat; }
#rightAreaWide { background: url(images/rightAreaWide.jpg) no-repeat; }
#rightAreaWideContact { background: url(images/rightAreaWideContact.jpg) no-repeat; }
#rightArea p, #rightAreaWide p, #rightAreaWideContact p
{
  color: #666666;
  font-size: 11px;
  font-weight: normal;
  line-height: 17px;
  padding: 20px 20px 10px 10px;
  margin: 0px;
  text-align: justify;
}
.rightAreaPara
{
  color: #666666;
  font-size: 11px;
  font-weight: normal;
  line-height: 17px;
  padding: 20px 20px 10px 10px;
  margin: 0px;
  text-align: justify;
}
#rightArea div.scroll, #rightAreaWide div.scroll, #rightAreaWideContact div.scroll
{
  width: 94%; 
  height: 259px; /* 299px */
  overflow: auto; 
  padding: 20px 10px;
  line-height: 16px
}
#rightAreaWide div.scroll
{
  width: 96%;
}

#greyCurveBG { background: url(images/greyCurveBG.jpg) repeat-y; }
#greyCurveNoLineBG { background: url(images/greyCurveNoLineBG.jpg) repeat-y; }
#grayContent h2
{
  color: #595959;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0 0 10px;
  margin: 0px;
  text-align: left;
}
.grayContentPara
{
  color: #595959;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  padding: 10px 0px 0px 10px;
  margin: 0px;
  text-align: left;
}
#grayContent p
{
  color: #595959;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  padding: 10px 0px 0px 10px;
  margin: 0px;
  text-align: left;
}

#laserHairServicesScrollArea
{
  width: 94%; 
  height: 498px; 
  overflow: auto; 
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5;
}
.laserHairServicesBeforeAfter, .laserAestheticServicesBeforeAfter, .laserAestheticPeelBeforeAfter
{
  float: left;
  color: #595959;
  font-size: 10px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  margin: 0 6px;
}
.laserHairServicesBeforeAfter img, .laserAestheticServicesBeforeAfter img, .laserAestheticPeelBeforeAfter img
{
  margin: 10px 0px;
}

.mainText
{
  font-weight: normal;
  margin: 10px 20px;
  text-align: left;
}

#copyright
{
  font-weight: normal;
  color: #D0D1D3;
  font-size: 10px;
  margin: 10px 20px;
  text-align: center;
}