body {background: #000; font: normal 0.69em/1.4em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#c7c7c7;}
#wrap {width: 992px; margin: 0px auto; text-align: center }
#content {display: block; width:992px; height:507px; background: url(../images/wrap2.jpg) no-repeat; text-align:left; position: relative}

#logo {text-align: left; margin: 0px;;}
#logo a {display: block; width:992px; height: 150px; background: url(../images/header.gif) no-repeat; text-indent: -900em; text-align: left;}

a {color: #FFFFFF; outline: none; text-decoration: underline}
a:hover {color: #705232;}

/* NAVIGATION */
#navBlock {display: block; height: 100px; position: relative; top: 20px}
ul#navigation { margin: 0px 0 0 15px}
ul#navigation li {list-style-type:none; float: left; margin: 0px; padding: 0;}
ul#navigation li a { height:30px; display:block; position:relative; top:0; text-indent:-900em; outline:none; }

ul#navigation li a.home, ul#navigation li a.about,  ul#navigation li a.treatments, ul#navigation li a.patients, ul#navigation li a.contact 
{ background: url(../images/nav_sprites.png); margin-right: 35px;}
ul#navigation li a.home		{ background-position:0 0; width:68px;}
ul#navigation li a.home:hover, ul#navigation li.active a.home { background-position:0 -60px }
ul#navigation li a.about	{ background-position: -68px 0; width:111px;}
ul#navigation li a.about:hover, ul#navigation li.active a.about  { background-position:-68px -60px;}
ul#navigation li a.treatments	{ background-position: -179px 0; width:105px;}
ul#navigation li a.treatments:hover, ul#navigation li.active a.treatments { background-position:-179px -60px;}
ul#navigation li a.patients	{ background-position: -284px 0; width:79px;}
ul#navigation li a.patients:hover, ul#navigation li.active a.patients { background-position:-284px -60px;}
ul#navigation li a.contact{ background-position: -363px 0; width:137px;}
ul#navigation li a.contact:hover, ul#navigation li.active a.contact { background-position:-363px -60px;}

ul#navigation li.telephone	{background: url(../images/nav_sprites.gif); display: block; height:30px; width:120px; margin-left: 170px; background-position:-582px 0; text-indent: -900em;}

/* SUB MENU */
.subMenu {float: left; width: 240px;  margin-left: 25px;}
.subMenu ul {list-style: none; margin: 0; padding: 0; border: none; }
.subMenu li{margin-bottom: 2px;margin: 0;}
.subMenu li a{display: block; font-size:80%; line-height:120%; margin:4px 9px 0 0; padding:2px 5px 3px;  background-color:#383838; color:#999999;  text-decoration: none; width: 100%;}
html>body .subMenu li a { width: auto; }
.subMenu ul li a:hover {color: #705232; background:#FFF;}
.subMenu ul li a.active {background:  url(../images/subNav_active.gif) 0 0px no-repeat; background-color:#383838; color:#FFFFFF; padding-left: 20px;}


/* CONENT*/
.contentWrap {background: url(../images/bg_header.png) top left no-repeat; height: 430px; margin-left: 10px; padding: 0 10px; position: relative; top: -40px;}

.contentWrap .leftColHome {float: left; width: 410px; padding-top: 10px}
.contentWrap .rightColHome {float: right; width: 455px; padding: 20px 0 0 0; margin: 0;}

.contentWrap .leftColSmall {float: left; width: 460px; padding-top: 10px;}
.contentWrap .rightCol {float: right; width: 480px; padding: 20px 0 0 0; margin: 0 0 0 10px;}

.contentWrap .leftColContact {float: left; width: 430px; padding-top: 10px;}
.contentWrap .rightColContact {float: right; width: 520px; padding: 20px 0 0 0; margin: 0 0 0 10px;}

.contentWrap .rightColSub {float: right; width: 280px; padding: 40px 0 0 0; margin: 0;}
.lineDiv {border-top: 1px solid #acacac; border-bottom: 1px solid #acacac; padding: 10px 0 0 0; margin: 0 0 0 10px;}

#Footer {font-size: 1em; color:#898989; text-align: left; padding: 0px 2px;  clear: both; position: relative;}

/* SCROLLER */
.scrollbar .jScrollPaneTrack {background: #121212; width: 5px; border: 1px solid #e2bea8; height: 358px;}
.scrollbar .jScrollPaneDrag {background: #513930 /*url(../images/scroll_bar.gif) no-repeat 50% 0%; */}		
.holder {float: left; margin: 10px 0;}

.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;}
.jScrollPaneDrag {position: absolute; background: #666; cursor: pointer; overflow: hidden;}

.leftColHome #ContentText {width: 400px; height: 360px; overflow: auto; float: left; }
.leftColSmall #ContentText {width: 460px; height: 360px; overflow: auto; float: left; }

#ContentText .floatLeft {margin: 0 10px 10px 0}

#ContactForm {height: 370px; overflow: hidden; float: left;}


blockquote {
  font: 13px/20px italic Times, serif;
  padding: 8px;
  border-bottom: 1px solid #ACACAC;
  margin: 5px;
  background-image: url(../images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  margin-bottom: 2em
  }

blockquote span {
     display: block;
     background-image: url(../images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }



/* FONTS */
h1 {color: #c7c7c7; font-size: 20px; padding: 60px 0px 0px 20px; margin: 0 0 15px 0px; text-transform:uppercase;}
h2 {color: #c7c7c7; font-size: 1.1em; padding: 0 0 10px 0; margin: 0px 0 0 0px; text-transform:uppercase;}
.addressText {font-weight: bold; display: block; width:100px; float: left;}

#navBlock h1 {display: none; width: 315px; height: 30px; text-indent: -900em; position: relative; top: 60px; left: 20px;}
#navBlock h1.welcome {background: url(../images/title_welcome.gif) no-repeat; }
#navBlock h1.who_we_are{background: url(../images/title_who_we_are.gif) no-repeat; }
#navBlock h1.how_to_find_us {background: url(../images/title_how_to_find_us.gif) no-repeat; }
#navBlock h1.treatments {background: url(../images/title_treatments.gif) no-repeat; }
#navBlock h1.patients {background: url(../images/title_patients.gif) no-repeat; }