@font-face {
	font-family: 'AvantGardeLTMediumRegular';
	src: url('avantgardeltmediumregular-webfont.eot');
	src: local(''), url('avantgardeltmediumregular-webfont.woff') format('woff'), url('avantgardeltmediumregular-webfont.ttf') format('truetype'), url('avantgardeltmediumregular-webfont.svg#webfont0NX7mvjq') format('svg');
	font-weight: normal;
	font-style: normal;
}



h2 {
	font-weight: bold; font-style: normal; line-height:normal; font-family: 'AvantGardeLTMediumRegular', "Trebuchet MS", sans-serif;
	font-size: 14px; text-transform: uppercase;  color: #a9996b; margin-bottom: 8px;
}

h2 span {font-size: 15px;}



body {
	background: #2b2b2b url(../images/bg.gif) repeat-x;
	text-align: center;
	color: #333;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* LAYOUT */
.content_bg {position: relative; display: block; width: 980px; height: 530px; margin: 0 auto; text-align: center; background: url(../images/content.png) no-repeat;}
.content {display: block; width: 897px; height: 450px; background: #fffaee;  position: relative; top: -16px; left: 40px;}
.footer {color: #f8f4ee; padding: 0 40px; font-size: 11px; position: relative; top: -8px;}

/* LOGO */
.logo a {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5; background: url(../images/logo.png) no-repeat; display: block; width: 200px; height: 93px;  margin: 0 auto; text-align: center; text-indent: -900em; font-size: 1px;}

/* MENU  */
div#menu {height:55px;}
div#menu ul {margin: 0;padding: 0;list-style: none;float: left;}
div#menu ul.menu {padding-left: 30px;}
div#menu li {position: relative;z-index: 9;margin: 0;padding: 0;display: block;float: left;}
div#menu li:hover>ul {left: -2px;}
div#menu li div {list-style: none;float: left;position: absolute;top:38px;left: 0;width: 208px;z-index: 11;visibility: hidden;padding: 0 0 9px 7px;_padding: 0 0 9px 3px;background: url(../images/submenu-bottom.png) no-repeat 7px bottom;_background-image: url(../images/submenu-bottom.gif);margin: 0 0 0 -9px;}
div#menu li:hover>div {visibility: visible;}
div#menu li.current a {}/* menu::level1 */
div#menu a {position: relative;z-index: 10;height: 55px;display: block;float: left;	padding: 0 10px 0 10px;line-height: 55px;text-decoration: none;}
div#menu span {font-size: 12px; font-family: 'AvantGardeLTMediumRegular', "Trebuchet MS", sans-serif; color: #a9996b;font-weight:bold;text-transform:uppercase;display: block;cursor: pointer;background-repeat: no-repeat;}
div#menu ul a:hover span {color: #FFFFFF;}
div#menu li {  }
div#menu li.current span {color: #FFFFFF;}
div#menu li.last span{padding: 0px 10px 16px 0;}/* menu::level2 */
div#menu ul ul li {background: url(../images/nav_dropdown_sep.gif) left bottom repeat-x;padding: 4px 0;z-index: 9;	}
div#menu ul ul {z-index: 12;padding: 0;background: rgb(32,32,32) url(../images/nav_dropdown_grad.png) right top no-repeat;margin-top:0px;margin-left:4px;margin-right:5px;}
div#menu ul ul a {width: 184px;padding: 0px 7px 3px 8px;height: auto;float: none;display: block;background:none;margin-bottom: 2px;z-index: -1;}
div#menu ul ul a span {padding: 0 10px 0px 10px;line-height: 20px;color: ##A9996B;font-weight:normal;text-transform: none;background:none;}
div#menu ul ul a:hover {background: url(../images/submenu-selected-bottom.gif) no-repeat 8px bottom;}
div#menu ul ul a:hover span {background: url(../images/submenu-selected-top.gif) no-repeat 0px 0px; color: #fff;}
div#menu ul ul li.last { background: none; }div#menu ul ul li {width: 100%;}/* menu::level3 */
div#menu ul ul div {width: 208px;margin: -38px 0 0 190px !important;height: auto;_padding: 0 0 9px 3px;}
div#menu ul ul ul {_padding-right:1px;}

div.tel {font-size: 12px; font-family: 'AvantGardeLTMediumRegular', "Trebuchet MS", sans-serif; color: #a9996b;font-weight:bold; padding: 19px 45px 0 0}

/* HOME  */
#home {text-align: left;}
.homeContent {width: 500px; padding: 10px 20px;}
.homeImage {width: 320px; height: 450px;}

#slideshow {position:relative; height:450px;}
#slideshow IMG {position:absolute; top:0; left:0;  z-index:8;}
#slideshow IMG.active {z-index:10;}
#slideshow IMG.last-active {z-index:9;}

/* ABOUT SLIDES  */
.kwicks {list-style: none; position: relative; margin: 0; padding: 0; background: #000;}
.kwicks li{display: block; overflow: hidden; padding: 0; cursor: pointer; text-align: left; }
#about .kwicksContent {float: left; width: 308px; margin-top: 50px;}
.kwicksImage {float: left; width: 245px; height: 400px; margin: 0px;}



#about li {float: left; width: 220px; height: 450px; margin-right: 5px;}
#about #kwick1 {background: #f2f2f2 url(../images/practice_bw.jpg) no-repeat 0px 0px;}
#about #kwick1.active {background: #fffaee url(../images/practice.jpg) no-repeat 0px 0px;}
#about #kwick2 {background: #f2f2f2 url(../images/andrew_douglas_bw.jpg) no-repeat 0 0px;}
#about #kwick2.active {background: #fffaee url(../images/andrew_douglas.jpg) no-repeat 0px 0px;}
#about #kwick3 {background: #f2f2f2 url(../images/harley_bw.jpg) no-repeat 0px 0px;}
#about #kwick3.active {background: #fffaee url(../images/harley.jpg) no-repeat 0px 0px;}
#about #kwick4 {background: #f2f2f2 url(../images/amenities_bw.jpg) no-repeat 0px 0px;}
#about #kwick4.active {background: #fffaee url(../images/amenities.jpg) no-repeat 0px 0px;}

#about ul.list li {float: none; width: auto; height: auto; margin-right: 5px; padding: 3px 0 2px 20px;}

/* PROCEDURES  */
.sideNav {background: #000; height: 450px; width: 160px; position: relative;}
.sideNav ul {list-style: none; margin: 0; text-align: center}
.sideNav ul li {padding: 10px 10px; margin: 2px 0; font-family: 'AvantGardeLTMediumRegular', sans-serif; font-size: 14px; text-transform: uppercase;}
.sideNav ul li.first {background: #111; margin: 0; color:#FFF}
.sideNav ul li a {font-weight: normal; text-decoration: none; color: #edd58e; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5;}
.sideNav ul li.selected  {background: #111; border-bottom: 1px solid #3e3d3d}

.proceduresImage {width: 190px; height: 450px; float: left;}

a.maleLink {display: block; width: 140px; height: 35px; position: absolute; bottom: 20px; left: 10px; text-indent: -9000em; background: url(../images/male_procedures.gif) no-repeat;}
a.femaleLink {display: block; width: 140px; height: 35px; position: absolute; bottom: 20px; left: 10px; text-indent: -9000em; background: url(../images/female_procedures.gif) no-repeat;}


/* CONTACT FORM */
.formContact, .MessageSent {float: right; width: 350px; height: 310px; padding: 20px; text-align: left; background: #333; color:#FFF}

.formContact form {padding: 20px 0;}
.formContact label {float: left; width: 100px;}
.formContact form div {margin-bottom: 5px;}
.error {text-align: left; font-weight: bold; top: 10px; left: 680px; position: absolute;}

.contactInfo {float: left; width: 450px; padding: 20px; text-align: left;}
.contactInfo ul {margin: 3px 10px 3px 20px;}
p.contact span {float: left; width: 120px;}

.contactHead {background: url(../images/skyline.jpg); width: 897px; height: 100px;}

/* SCROLLER */
.scrollbar .jScrollPaneTrack {background: #fffaee;}
.scrollbar .jScrollPaneDrag {background: #000 url(../images/slider.gif) no-repeat 0 100%; margin-top: 3px}		
#about .ContentText {width: 305px; height: 390px; overflow: auto; float: left; outline: none;}
.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;}



h1 {font: bold 14px/18px Tahoma, Geneva, sans-serif; text-transform: uppercase; color:#FFF; background: #000}
h1.welcome {background: transparent url(../images/title_welcome.gif) no-repeat; text-indent: -900em; height: 30px;}

h1.overview {background: #000 url(../images/title_overview.gif) no-repeat; text-indent: -900em; height: 45px; width: 88px; height: 450px;  float: left; margin-right: 10px}
h1.fillers {background: #000 url(../images/title_fillers.gif) no-repeat; text-indent: -900em; height: 45px; width: 88px; height: 450px;  float: left; margin-right: 10px}
h1.sculptra{background: #000 url(../images/title_sculpture.gif) no-repeat; text-indent: -900em; height: 45px; width: 88px; height: 450px;  float: left; margin-right: 10px}
h1.botox {background: #000 url(../images/title_botox.gif) no-repeat; text-indent: -900em; height: 45px; width: 88px; height: 450px;  float: left; margin-right: 10px}


title_fillers
.cont {padding: 2px;}