/* ---------- site structure --------- */



body {

	font: 13px/16px arial, sans-serif;

	color: #eee1d7;

	background: #381c00 url(../img/body-bg.jpg) no-repeat top center;

}



#page {

	width: 986px;

	margin: 0 auto;

	background: #381d00 url(../img/body-bg.jpg) no-repeat top center; /* called twice to correct position discrepancies between IE & Firefox */

}



#logo {

	display: block;

	float: left;

	padding: 12px 110px 13px 0;

}



#section-pic {

	float: left;

	height: 573px;

	width: 240px;

	margin: 0 20px 0 18px;

	display: inline;

}



#main-content {

	float: left;

	width: 480px;

	height: 500px;

	overflow: hidden;

	margin: 23px 0 0 0;

	padding: 0 25px 0 0;

	position:relative;

}



#main-content a {

	color:#dccabc;

}



#main-content a:hover {

	color:#dccabc;

}



#main-content ul {

	list-style-type:disc;

	margin-left:25px;

	margin-bottom:15px;

}

#main-content ul li {

	

}


h4 {
	font-size: 16px;
	margin-bottom: 0;
	font-weight: bold;
}

h5 {
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: bold;
}





#scroll-pane{

	position:absolute;

	height: 490px;

	width:490px;

}



#sub-nav {

	float: right;

	width: 172px;

	margin: 50px 22px 0 0;

	height: 500px;

	position: relative;

	display: inline;

}





#sub-nav img {

	position: absolute;

	bottom: 20px;

	left: 6px;

}



#bottom-text {

	clear: both;

	padding: 10px 0 20px 40px;

}



#footer {

	clear: both;

	padding: 15px 0 0 0;

}

#footer a {

	color: #765f3d;

	text-decoration:none;

}

#footer a:hover {

	color: #765f3d;

	text-decoration:underline;

}



/* ---------- homepage styles ---------- */



body#home {

	background: #381c00 url(../img/body-home-bg.jpg) no-repeat top center;

}



#home #page {

	background: none;

}



#home-content {

	width: 949px;

	height: 455px;

	overflow: hidden;

	margin: 0 0 0 16px;

	padding: 0 0 0 0;

	float: left;

	position: relative;

}



#home-content p {

	font: 12px/17px arial, sans-serif;

	color: #693e0a;

	width: 330px;

	position: absolute;

	top: 220px;

   left: 450px;

}



#home-promos {

	clear: both;

	overflow: hidden;

	margin: 0 20px 0 16px;

}



.home-promo {

	float: left;

}



.home-promo h3 {

	height: 26px;

	padding: 0 0 0 20px;

	text-indent: -5000px;

}



.home-promo p, .home-promo ul {

	color: #ece6d5;

	font: 12px/17px arial, sans-serif;

	padding: 10px 30px 0 23px;

}



.home-promo li {

	list-style: disc;

}



.home-promo a {

	text-decoration: none;

	color: #ece6d5;

	font-weight: bold;

}



#home .treatments {

	width: 274px;

	background: url(../img/home-promo-bg.gif) right 37px no-repeat;

}



#home .treatments h3 {

	background: #233036 url(../img/h3-treatments.png) no-repeat;

}



#home .enewsletter {

	width: 327px;

	background: url(../img/home-promo-bg.gif) 326px 37px no-repeat;	

}



#home .enewsletter h3 {

	background: #31444c url(../img/h3-enewsletter.png) no-repeat;

}



#home .whatsnew {

	width: 349px;

}



#home .whatsnew h3 {

	background: #455b64 url(../img/h3-whatsnew.png) no-repeat;

}



#home-description {

	margin: 35px 0 0 35px;

}



#home-description h3 {

	height: 20px;

	background: url(../img/h3-ageless-seattle.png) no-repeat;	

	text-indent: -5000px;	

}



#home-description p {

	color: #897f6e;

	width: 540px;

	font: 12px/18px arial, sans-serif;

}



#home-description sup {

	color: #897f6e;
	
}




/* ---------- typography --------- */



h1 {

	

}



p {

	margin: 0 0 19px 0;

}



#footer p {

	font: 11px/13px arial, sans-serif;

	color: #765f3d;

	text-align: center;

}





/* ---------- h2 header replacements --------- */



.separator_top {

	border-top: 1px solid #352200;

	margin:0px 0px 15px 0px;
	
	
	

}

.separator_bottom {

	border-top: 1px solid #352200;

	margin:0px 0px 15px 0px;
	

}



h2 {

	text-indent: -5000px; 
	
	min-width:480px;
		
	/*width: 416px;*/

	height: 64px;

	/*border-top: 1px solid #352200;

	/*border-bottom: 1px solid #352200;*/

	background-repeat: no-repeat;

	background-position: 0 0px;

	margin: 15px 0 0px 0;

	

}



h2.about-ageless {

	background-image: url(../img/h2-about-ageless.gif);

}

h2.about-environment {

	background-image: url(../img/title_environment.png);

}

h2.about-testimonials {

	background-image: url(../img/title_testimonials.png);

}

h2.about-dr-schell {

	background-image: url(../img/title_meet_dr_schell.png);

}

h2.about-staff {

	background-image: url(../img/title_meet_staff.png);

}

h2.about-honors {

	background-image: url(../img/title_honors.png);

}

h2.about-faq {

	background-image: url(../img/title_faq.png);

}





h2.right-for-you-overview {

	background-image: url(../img/title_right_for_you_overview.png);

	width: 450px;

}

h2.right-for-you-need {
	background-image: url(../img/title_right_for_you_need.png);
	width: 451px;
}

h2.cosmetic-facelift {

	background-image: url(../img/title_cosmetic_facelift.png);

}

h2.cosmetic-eyelid-surgery {

	background-image: url(../img/title_cosmetic_eyelid_surgery.png);

}

h2.cosmetic-liposuction {

	background-image: url(../img/title_cosmetic_liposuction.png);

}

h2.cosmetic-laser-resurfacing {

	background-image: url(../img/title_cosmetic_laser_resurfacing.png);

}



h2.skin-care-consultation {

	background-image: url(../img/title_skin_care_consultation.png);

}

h2.skin-care-facials {

	background-image: url(../img/title_skin_care_facials.png);

}

h2.skin-care-peels {

	background-image: url(../img/title_skin_care_peels.png);

}

h2.skin-care-microderm {

	background-image: url(../img/title_skin_care_microderm.png);

}

h2.skin-care-makeup-consultation {

	background-image: url(../img/title_skin_care_makeup_consult.png);

}



h2.for-men {

	background-image: url(../img/title_services_for_men.png);

}



h2.contact-us-directions {

	background-image: url(../img/title_contact_directions.png);

}

h2.contact-us-appointments-registration {

	background-image: url(../img/title_appointments_registration.png);

}

h2.contact-us-appointments-spa-policies {

	background-image: url(../img/title_appointments_spa_policies.png);

}

h2.contact-us {

	background-image: url(../img/title_contact.png);

}



h2.facial-body-overview {

	background-image: url(../img/title_facial_body_comparison.png);

}

h2.facial-body-laser {

	background-image: url(../img/title_facial_body_laser.png);

}

h2.facial-body-peel {

	background-image: url(../img/title_facial_body_peel.png);

}

h2.facial-body-injectable {

	background-image: url(../img/title_facial_body_injectable.png);

}



h2.products {

	background-image: url(../img/title_products.png);

}



h2.news-ageless {

	background-image: url(../img/title_news_ageless.png);

}

h2.news-enewsletter {

	background-image: url(../img/title_news_enewsletter.png);

}

h2.news-whats-new {

	background-image: url(../img/title_news_whats_new.png);

}

h2.news-seminars {

	background-image: url(../img/title_news_seminars.png);

}


.Title {
	font-size: 20px;
}

ul.KeyBenefits {
	margin-left: 0 !important;
	margin-top: 0;
	padding: 0;
	list-style: none;
}

ul.KeyBenefits li {
	margin: 0;
	display: block;
	height: 20px;
	width: 300px;
	background: url(../img/checked_box.gif) top left no-repeat;
	padding: 12px 0 0 30px;
	font-size: 12px;
	font-weight: bold;
}

div#DirectionsMap {
	position: relative;
	margin-bottom: 8px;
	width: 401px;
	height: 335px;
	background: url(../img/mapsmall_ageless.gif) top left no-repeat;
}

div#DirectionsMap a {
	display: block;
	width: 78px;
	height: 14px;
	position: absolute;
	top: 313px;
	left: 312px;
}

div.ServiceBox {
	background: url(../img/servicebox_bg.gif) left bottom no-repeat;
	width: 137px;
	float: right;
	position: relative;
	margin: 0px 20px 20px 20px;
}

div.ServiceBox div.Padding {
	padding: 12px;
	background: none;
}

div.ServiceBox b {
	color: #ffffff;
}
div.ServiceBox div.Padding * {
	z-index: 2;
}

div.ServiceBox a {
	text-decoration: none;
	color: #a8b7be !important;
}

div.ServiceBox a:hover {
	text-decoration: underline;
}
img.ServiceBoxTop {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1 !important;
}

ul#Archives, ul#Archives li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*--------- SERVICES BY NEED JQUERY MENU ---------*/

ul#ServiceLinks li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

ul#ServiceLinks li a:hover, ul#ServiceLinks a.Active {
	color: #a3afb0;
}

 ul#ServiceLinks a.Active {
 	text-transform: capitalize;
}

/*--------- NEW INJECTABLES MENU ---------*/

div#ThirdMenu {
	width: 405px;
	height: 19px;
	margin-bottom: 20px !important;
}

ul#InjectablesMenu {
	height: 17px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left; 
	width: 231px;
}

ul#InjectablesMenu li {
	margin: 0 4px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 17px;
	width: 17px;
}

ul#InjectablesMenu li a {
	display: block;
	width: 17px;
	height: 17px;
	background-image: url(../images/tiertiary_square.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul#InjectablesMenu li a:hover {
	background-position: 0 -18px;
}

ul#InjectablesMenu li a.Active {
	background-position: 0 -36px;
}

div#AbsServiceName { 
	display: block;
	position: absolute;
	top: 97px;
	left: 235px;
	width: 193px;
	height: 19px;
	overflow: hidden;
	background-image: url(../images/tiertiary_injectables.gif);
	background-repeat: no-repeat;
}


div#ServiceName {
	display: inline;
	float: left;
	width: 193px;
	height: 19px;
	overflow: hidden;
	background-image: url(../images/tiertiary_injectables.gif);
	background-repeat: no-repeat;
}

sub {
	vertical-align: sub;
	font-size: 75%;
}

super, sup {
	vertical-align: super;
	font-size: 75%;
}