/* ############  CSS Document ############ */ 

/* ############  General Styles ############ */ 
.clear { clear: left; clear: right; clear:both } 
.left { float: left; display: inline; }
.right { float: right; display: inline; }

/* ############  Page Elements ############ */ 
body { color:#000; background-color:#ccc; font: 14px Arial, Helvetica, sans-serif; }
img, div, h1 { behavior: url("../iepngfix.htc") } /* ie6 PNG fix */
h1 { font-size: 14px; width: 150px; height: 14px; margin: 0 auto 10px 250px; padding: 0; line-height: 14px; display: inline; }
h1 span { display:none }
h2 { font: bold 1.3em Arial, sans-serif; color:#fff; padding:0; margin: 0 auto; text-align:center; }
h3 { font: bold 1.5em Arial, sans-serif; color:#4e125b; padding:0; margin: 0; text-align:left; }
h4 { font: bold 1.25em Arial, sans-serif; color:#4e125b; padding:0; margin: 0; text-align:left; }
p { margin:0; padding: 0 0 1em 0; text-align:justify; }
div, form, img { padding: 0; margin: 0; }
hr { clear: left; clear: right; clear: both; }
address { font-style:normal; margin:0; padding:0; }
a { text-decoration: none; outline: none;  }
a:hover { text-decoration: underline; }
a:visited { }
a:active { outline: none;  }
a img { border: none; } 
dt { font-weight: bold; margin-top: 20px; }
dd { margin-left: 20px; padding: 0; }
ul, li { list-style-type: none;  padding:0; }

/* ############  Template Styles ############ */ 
#wrapper { width: 900px; margin: 0 auto; margin-top: 10px; text-align: left; position: relative; background-color:#fff; }
#logo { background:url(../images/templateImages/MedicalSpaLogo.png) top left no-repeat; height: 153px; width: 198px; margin:0; display: block; top: 5px; left: 10px; position: absolute; }
#logo a { display: block; height: 153px; width: 198px; }
#header { width: 900px; height:180px; background: #fff url(../images/templateImages/header.jpg) top left no-repeat; }
#header .right { margin: 15px 10px 0 0; text-align: right; }
#header h2 { width: 400px; position: absolute; left: 230px; top: 80px; }
#phone { color:#4e125b; font-size:1.7em; }

/* main navigation */
#nav { width: 164px; background: #4e125b url(../images/templateImages/BGnav.jpg) top left no-repeat; padding:0; margin:0; float: left; }
#nav ul { text-align: right; list-style-type: none; padding:0; margin: 0 0 44px 0; }
#nav li { list-style-type: none; border-bottom: 1px solid #9f6aaa; }
#nav li a { color: #fff; font: 1.2em Georgia, "Times New Roman", Times, serif; padding: 10px 10px 10px 0; display: inline-block; }
#nav li a:hover { color:#ffda0b; text-decoration: none; }
#nav li a span { display: none; }

/* main content area */
#contentwrapper { position: relative; margin-left: 164px; padding-bottom: 30px; min-height: 424px; _height:424px; /* stupid ie6 min-height hack */ }
#content { position: relative; padding: 20px;  }
#contentwrapper .right { margin-left: 20px; }


/* footer */
#footer { position: absolute; bottom: 0; left: 0; width: 736px; background: url(../images/templateImages/BGfooter.jpg) top left no-repeat; padding: 5px 0; }
#footer p { font-size: .6em; text-align: right; margin:0 10px 0 0; padding:0;}
#footer p:first-child { margin-right: 10px;} 

.addhead { display: inline;  width: 300px; height: 14px; margin: 0; padding: 0; font-size: 14px; background-color: transparent; color: #9f6aaa; font-weight: bold; }