/* CSS Document */
*{margin:0; padding:0;}

body{background:#724331 url(../images/wrapper-repeat.jpg) repeat-y center; font:12px Verdana, Arial, Helvetica, sans-serif; line-height:22px; color:#6f5935;}

p{margin:5px 0 15px 0;}

a{color:#55B0AC; outline:none; text-decoration:none; background-color:transparent;}
a:hover{text-decoration:underline;}

div#center-wrapper{width:784px; margin:0 auto;}

div#wrapper{background:url(../images/content-repeat.jpg) repeat-y left top; width:772px; float:left; padding:0 0 50px 0;}

span#wrapper-bottom{background-image:url(../images/wrapper-bottom.jpg); width:721px; height:7px; float:left; margin-bottom:10px;}

div#content{width:468px; float:left; background:url(../images/header.jpg) no-repeat;}
div#content h2{color:#E0DBBB; margin:1px 0 0 7px; display:block;}
div#content h3{color:#51796A; font:16px Verdana, Arial, Helvetica, sans-serif;}
div#content h4{font-size:14px; display:block; margin-top:10px; color:#5F8D7C; float:left; width:400px; clear:left; font-weight:normal;}

div#content ul{margin:5px 0 15px 5px;}
div#content ul li{background:url(../images/content-bullet.gif) no-repeat 0 10px; margin:0; padding-left:18px; list-style:none;}
div#content ul li ul li{background:url(../images/content-bullet-2.gif) no-repeat 0 10px; margin:0; padding-left:18px; list-style:none;}

div#content dl, div#content dt, div#content dd {display:block; float:left;}
div#content dl {width:420px; clear:left; background-color:#D7D2B2; margin-left:10px; display:inline; padding-left:5px;}
div#content dt {width:230px;}
div#content dd {width:130px;}
div#content dd.from {width:53px; text-align:right; font-size:11px; padding:2px 7px 0 0;}
div#content dl dd.font10 {line-height:14px; width:158px; padding-left:25px;}

div#contentInner{float:left; margin:0 15px 0 20px; display:inline;}

ul.serviceList {float:left; width:420px;}
ul.serviceList li {float:left; width:190px; display:block;}

div#nav{width:299px; float:left; background:url(../images/nav-bar.jpg); height:659px;}
div#nav ul{list-style:none; height:237px; padding:8px 20px 5px 20px; line-height:18px; margin-top:85px;}
div#nav ul li a{color:#A77E6D; text-decoration:none; font-size:13px; width:200px; display:block;}
div#nav ul li a:hover{color:#76C0BC; background:url(../images/nav-bullet.gif) no-repeat 5px 20px;}
div#nav ul li.trichology a:hover{background-position:75px 7px;}
div#nav ul li.checklist a:hover{background-position:138px 7px;}
div#nav ul li.hairScalp a:hover{background-position:101px 7px;}
div#nav ul li.about a:hover{background-position:80px 7px;}
div#nav ul li.consultation a:hover{background-position:95px 7px;}
div#nav ul li.contact a:hover{background-position:95px 7px;}
div#nav ul li.firstVisit a:hover{background-position:68px 7px;}
div#nav ul li.men a:hover{background-position:60px 7px;}
div#nav ul li.services a:hover{background-position:104px 7px;}
div#nav ul li.treatment a:hover{background-position:137px 7px;}
div#nav ul li.wellness a:hover{background-position:65px 7px;}
div#nav ul li.gallery a:hover{background-position:92px 7px;}
div#nav ul li.home a:hover{background-position:44px 7px;}

ul#bottomBar{width:550px; float:left; font-size:10px; margin:0 0 45px 90px; display:inline; color:#E1DCBC;}
ul#bottomBar li{display:inline;}
ul#bottomBar li a{color:#E1DCBC; text-decoration:underline; margin:0 4px;}
ul#bottomBar li a:hover{color:#76C0BC;}


.font10{font-size:10px;}
.navImg{margin-left:6px;}
div#content ul.margintop0{margin-top:-10px;}
.clearLeft{clear:left; width:550px;}
iframe.border{border:3px solid #EAE7D0;}
.question{color:#51796A; font:14px Verdana, Arial, Helvetica, sans-serif;}
img.floatRight {border:3px solid #F9EFE3; float:right; margin:0 0 4px 10px;}
.alignLeft {float:left; margin:0 10px 4px 0;}
a.lightwindow{border:5px solid #FFFBDF; display:block; float:left;}
a.lightwindow:hover{border:5px solid #BFB98F;}



/*--------------- Image Replacement ---------------*/

h1#header {width:468px; height:134px; position:relative;}

h1#header span {background:url(../images/header.jpg) no-repeat; position:absolute; width:100%; height:134px; top:0;}

h2#trichology, h2#checklist, h2#hairScalp, h2#about, h2#checklist, h2#consultation, h2#contact, h2#firstVisit, h2#services, h2#treatment, h2#wellness, h2#home, h2#formen, h2#gallery{width:448px; height:58px; position:relative; margin-left:10px; top:2px;}
h2#trichology span, h2#checklist span, h2#hairScalp span, h2#about span, h2#checklist span, h2#consultation span, h2#contact span, h2#firstVisit span, h2#services span, h2#treatment span, h2#wellness span, h2#home span, h2#formen span, h2#gallery span{position:absolute; width:100%; height:100%;}
h2#trichology span{background:url(../images/titles/trichology.jpg) no-repeat;}
h2#checklist span{background:url(../images/titles/symptoms-checklist.jpg) no-repeat;}
h2#hairScalp span{background:url(../images/titles/hair-scalp.jpg) no-repeat;}
h2#about span{background:url(../images/titles/about.jpg) no-repeat;}
h2#consultation span{background:url(../images/titles/consultations.jpg) no-repeat;}
h2#contact span{background:url(../images/titles/contact.jpg) no-repeat;}
h2#firstVisit span{background:url(../images/titles/first-visit.jpg) no-repeat;}
h2#services span{background:url(../images/titles/services.jpg) no-repeat;}
h2#treatment span{background:url(../images/titles/treatment-methods.jpg) no-repeat;}
h2#wellness span{background:url(../images/titles/wellness.jpg) no-repeat;}
h2#formen span{background:url(../images/titles/formen.jpg) no-repeat;}
h2#home span{background:url(../images/titles/welcome.jpg) no-repeat;}
h2#gallery span{background:url(../images/titles/photo-gallery.jpg) no-repeat;}


/*--------------- End Image Replacement ---------------*/

form#subscribe{width:400px; float:left; margin-top:20px;}
form#subscribe legend{padding:0 5px; color:#51796A;}
form#subscribe fieldset{border:1px solid #C5AD85; padding:0 10px 10px 10px;}
form#subscrible ul{width:350px;}
form#subscribe ul li{list-style-image:none; display:block; width:350px; float:left; padding:5px 0; background:none;}
form#subscribe label{display:block; width:50px; float:left;}
form#subscribe label#current {width:200px;}