h1, h2, h3, h4, h5 {font-family: Geneva, Arial, Helvetica, sans-serif; color: maroon; background:transparent;}
h1 {font-size:160%;} h2 {font-size:150%;} h3 {font-size:140%;} h4 {font-size:130%;} h5 {font-size:120%; background-color:#fff;}
html,body {color: #000000; font-size: 0.9em; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding:0; background-color: #8D738E; text-align: center;}
#content a:link, #content a:visited{color: navy; text-decoration: underline; font-weight: bold;}
#content a:hover, #content a:active{color: navy; text-decoration: none; background: #f6e5f7; font-weight: bold;}
#footer a:link, #footer a:visited{color: #fff; text-decoration: underline; font-weight: bold;}
#footer a:hover, #footer a:active{color: #fff; text-decoration: none; font-weight: bold; background:#312F22; padding: 5px;}
/* green leaves \*/
#green{ position: absolute; left: 61px; top: 62px; z-index: 0;}
#wrapper_top{width: 100%; margin: 0 auto; margin-bottom: -1px; padding:0;}
html>body #wrapper{height: auto;}
#wrapper_middle{width: 100%;  margin:0 auto; margin-top: 1px; padding:0; background: #eadfcb;}
html>body #wrapper{height:auto;}
#top {position: relative; text-align:left; min-height:77px; height:77px; font-size:0.9em; margin:0 auto; padding:0px; background: url(ags.jpg) no-repeat 61px 0px; width: 725px;}
/* navigation portion \*/
#navigation{font-family: Arial, Helvetica; font-weight: bold; padding: 47px 0 0 380px; margin: 0;}
#navigation ul{position: relative; float: left; list-style: none; padding:0; margin:0;}
#navigation li{list-style: none; float: left; padding:0; margin:0; width: 60px; text-align: center; height: 30px;}
.active{background-image: url(nav_active.jpg); background-repeat: no-repeat;}
.active_home{background-image: url(nav_active_home.jpg); background-repeat: no-repeat;}
.inactive {background-color: #8D738E;}
#navigation li.sp {width: 3px; margin:0; padding:0; text-align: center;}
#navigation a:link, #navigation a:visited {text-decoration: none; color: #fff;}
#navigation a:hover, #navigation a:active {text-decoration: underline; color: #fff; background: transparent;}
/* navigation portion \*/
#content {width: 725px; margin: 0 auto; margin-bottom: -1px; padding:0; background-image:  url(contents_bg.jpg); background-repeat: repeat-y;}
html>body #content {height: auto;}
#left  {float: left; width: 170px; height: 100px; background: transparent;}
html>body #left {height: 100px;}
#right {float: left; width: 544px; height: 430px; min-height: 430px; background: transparent; margin:0;  padding: 0; text-align: left;}
html>body #right {height: auto;}
#content_clear {clear: both; height:0px; background: red; line-height:0px; visibility: hidden;}
/**
  An example of hack for IE5 
  [ what IE5 sees ] ... voice-family: "\"}\""; voice-family:inherit ... [ what all others see, even IE7 ]
 \*/
#foot{width: 100%;  height: 105px; background: #8D738E; margin:-30px; padding:0; voice-family: "\"}\""; voice-family:inherit; margin:0; padding:0;}
#footer{position: relative; width: 725px; height: 105px; text-align: left; margin: 0 auto; background-image: url(footer_bg2.jpg); background-repeat: no-repeat;}
/* aveda bottle \*/
#bottle{position: absolute; left: 1px; bottom: 9px; voice-family: "\"}\""; voice-family:inherit; bottom: 10px;}
* html #bottle{position: absolute; left: 1px; bottom: 9px; voice-family: "\"}\""; voice-family:inherit; bottom: 9px;} 
#page_title{height: 50px; margin: 0 0 0 70px; padding: 20px 0 0 0;}
#page_title_home{ margin: 80px 0 0 0; padding: 5px 0 0 0;}
#page_heading{font-size: 1.3em; margin-left: 70px; border: 1px solid red;}
#main_content{padding: 0 15px 0 15px; z-index: 11; position: relative;}
#content_home{margin:0 10px 0 0; padding: 0;}
.greenbox{position: relative; float: right; margin:0; margin-bottom: 1px; padding: 10px 15px 5px 15px; color: #9B6D9B; width: 342px; height: 160px; voice-family: "\"}\""; voice-family:inherit; padding: 10px 15px 5px 15px; width: 310px; height: 140px; margin-bottom: 5px;}
* html .greenbox{float: right; margin:0; margin-bottom: 1px; padding: 10px 15px 5px 15px; color: #9B6D9B; width: 342px; height: 160px; voice-family: "\"}\""; voice-family:inherit; padding: 10px 15px 5px 15px; width: 312px; height: 140px; margin-bottom: 5px;}
.box_info {position: relative; display: inline; margin:0; padding: 0 20px 0 0; color: #8D738E; font-size: 1.1em; line-height: 1.5em; width: 200px;}
* html .box_info {position: relative; display: inline; margin-top: -25px;}
.gb_title {position: relative; display: inline; border:0; margin:0; padding:0;}
.gb_image {position: relative; float: right; background: #888; margin-left: 10px; padding:1px;}
#overflowing_div {float: left; position: relative;}
#l {float: right; min-height: 425px; margin:0;  padding: 0; background: #FFF; width: 536px; voice-family: "\"}\""; voice-family:inherit; padding: 0 0 0 8px;}
* html #l {height: auto; width: 536px;}
#r {float: right; min-height: 485px; margin:0; padding:0; background-image: url(green_boxes2.jpg); background-position: top right; background-repeat: no-repeat; width: 343px; voice-family: "\"}\""; voice-family:inherit; width: 343px;}
* html #r {height: auto;}
div#r a:link,  div#r a:visited {color: navy; text-decoration: none; font-weight: normal; font-size: 0.9em;}
div#r a:hover, div#r a:active  {color: navy; text-decoration: none; font-weight: normal; font-size: 0.9em;}
div#r a.greenbox {color: #9B6D9B;}
div#r a:link.greenbox, div#r a:visited.greenbox {color: #9B6D9B;}
div#r a:hover.greenbox, div#r a:active.greenbox {color: #9B6D9B;}
#r img {border: 0;}
/* for contact form in Contact page \*/
#tbl_hours  {width: 95%;  background: #FFF; margin:0; padding:0; font-size: 1em;}
.cell_left  {padding: 0 10px 0 10px; font-weight: bold;}
.cell_right {padding: 0 10px 0 10px; font-weight: bold; background: #FFF;}
.tbl_services {width: 95%; margin:0; padding:0; line-height: 1.6em;  font-size: 1em;}
.type {background: #fff; padding: 0 0 0 10px;}
.price {width: 11%; padding: 0 0 0 0; text-align: left;}
/* aveda logo \*/
#aveda {border:0;}
#aveda_trademark {float:right; margin:0; padding: 0 15px 10px 0; color: #312F22;}
#aveda_trademark a:link, #aveda_trademark a:visited {color: #7A8571; text-decoration: underline; font-weight: bold;}
#aveda_trademark a:hover, #aveda_trademark a:active {color: #7A8571; text-decoration: none; font-weight: bold;}
#designed_by        {text-align: center; margin: 65px 0 0 0; padding: 0;}
* html #designed_by {text-align: center; margin: 70px 0 0 0; padding: 0;}
/* for contact form \*/
#contact         {background: transparent; color: #312F22; margin:0; padding:0; border: none; font-size: 0.9em;}
.c_contact_table {border: 1px solid #eaeaea; background: #fff; margin:0; padding: 0; padding-bottom: 5px; font-size: 0.9em;}
.c_header        {margin:0; padding:5px; background: #312F22; color:#fff; border-bottom: 1px solid #c8c8c8;}  
.c_theading      {margin:0; padding:5px; text-align: right; vertical-align:top; background: transparent;}
.c_tdata         {margin:0; padding:5px 5px 0 0; vertical-align: top; background: transparent;}
.c_required      {margin:0; padding:0; color: red; font-weight: bolder; font-family: serif; font-size: 1.2em; font-style: italic;}
.c_error         {margin:0; padding:0; color: red; font-weight: bolder; font-family: serif; font-size: 1.2em; font-style: italic;}
.c_note          {margin:0; padding:5px 5px 0 0; text-align: right;}
input._tdata     {background: red;}
.message        {margin:0; padding: 5px; width: 400px; border: 1px solid #efefef; background: #F5F5F5;}
.sentmessage    {margin:0; padding: 0 10px;}
.tymessage      {margin:0; padding: 0 10px; font-family: serif; font-size: 1.3em;}
.sent           {margin:0; padding: 5px; font-size: 1.3em; font-weight: bold;}
td {vertical-align:top;}
table {width:95%;}
#randompic {width:150px; height:221px; position:absolute; bottom:60px; left:4px;background:transparent;}