/* CSS Document */

body {
	margin: 0px auto 0px auto;
	text-align: center;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	behavior:url("/css/csshover3.htc");
}

a { color: #5d5c5c;}

a:hover { color: #000000;} 

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:0px;
	padding:0px;
}

ul,ol {list-style-position:inside;}

#container {
	text-align: center;
	width: 1032px;
	margin: 0px auto 0px auto;
	}


#promotion-list ul { 
	list-style-position: outside; 
	}

#bgcontain {
	background-image: url(../images/index/bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	width: 1032px;
}

#bgcontain2 {
	background-image: url(../images/inside/insidebg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	width: 1032px;
}
.margin { margin-left: 17px;}

#flash { width: 670px; margin: 0px 0px 0px 17px; padding: 0px; float: left;}

#text { width: 323px; margin: 0px; padding: 0px; float: left;}

#text p{
	margin: 0px;
	padding: 10px 35px 10px 25px;
	font:12px/18px Arial, Helvetica, sans-serif;
	}


#rightcol {
	width: 686px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/inside/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:650px;
	height:auto !important;
	height:650px;
}


#rightcol h1 { color: #fdb714; font-size: 1.6em; font-weight: bold; margin: 0px; margin: 100px 25px 10px 30px;}
#rightcol h2 { color: #fdb714; font-size: 1.3em; font-weight: bold; margin: 0px; margin: 5px 25px 10px 30px;}
#rightcol h3 { color: #fdb714; font-size: 1.1em; font-weight: bold; margin: 0px; margin: 5px 25px 10px 30px;}

.subhead { color: #707070; font-weight: bold; font-size: 13px;}

#rightcol p,
#rightcol ul{ margin:5px 0px 10px 0px; padding: 0px 25px 0px 30px; line-height: 19px;}

/*-------------- seminar pop-up --------------*/
#pop-up-container { margin: 0px auto 0px auto; text-align:center; width:500px; color:#000000; }
#pop-up-text { background-color:#000000; color:#FFFFFF; padding:0 25px 0 25px; }
	#pop-up-text p { font:13px/18px Arial, Helvetica, sans-serif; margin-bottom:12px; }
/*-------------- end seminar pop-up --------------*/
	
	
#footer { width: 1032px;}

#footer p { margin: 0px; padding: 10px 20px 0px 20px; text-align: left; color: #a4a3a3; line-height: 14px; font-size: 11px;}

#footer a { color: #a4a3a3; text-decoration: none;}

#footer a:hover { color: #d5d4d4; text-decoration: underline;}

.disclaimer { font-size: 11px; line-height: 12px;}

.float { float: left;}

.clear { clear: both;}

#pic { width: 550px; margin: 10px 0px 0px 50px; padding: 0px;}

.pic { width: 225px; float: left; padding: 10px;}
.pic-right { width: 225px; float: left; padding: 10px;}
.pic span {float:left; padding:5px 0px;}
.pic-right span {float:left; padding:5px 0px;}
.pic a {float:left; padding:5px 0px;}
.pic-right a {float:left; padding:5px 0px;}
#contact-main-wrapper { width: 525px; margin-left: 0px; display:block; padding-bottom:20px; float:left;}
	
#contact-main input, #contact-main textarea, #contact-main select {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #999999;
	background-color: #fff2d6;
	margin: 0 0 5px 0;
	vertical-align: middle;
}
input.button, #contact-main label input.button	{ width: 70px;}

input submit a:hover {text-decoration: underline;}

#contact-main { margin-top: 25px; float:left;} 
#contact-main br { clear: both;} 
#contact-main p, #contact-main h1 { text-align: left; margin: 10px 0 10px 0;}
	
#contact-main p.clear-textarea	{ margin-top:70px; height:10px;}
#contact-main p.clear-textarea2 { margin-top: 2px; }

#contact-main .radio { width: 14px; background: transparent; border: none;}
#contact-main .checkbox { width: 14px; background: transparent; border: none; float: inherit;}
		
#contact-main label input, #contact-main label select { position: absolute; left: 110%; width: 150px;}
#contact-main label {
		position: relative; 
		width: 260px; 
		display: block; 
		margin: 0 10px; 
		text-align: right; 
		height: 20px;
}
#contact-main label textarea {
		position: absolute; 
		left: 110%; 
		top: 0px; 
		width: 160px; 
		height: 100px;
}
#contact-main label.print { margin-top: 40px;}
#contact-main label input.small-box { clear: none; float: left; width: 30px; margin-right: 10px;}

#contact-main #contact-quick { 
	width: 200px; 
	margin: -20px 0 15px 0px;
	padding:0 25px 0 30px;
}

#contact-main #contact-quick input, #contact-main #contact-quick textarea {
	width: 200px;
	padding: 2px 5px;
}
#contact-main #contact-quick #contact_subject {
	display: none;
}
#contact-main #contact-quick #contact_submit {
	width: 70px;
	padding: 0;
}

/*-------------- added 07/27/10 by R. Herndon ----------------------------------------------------*/
#uploadForm {
	
}
	#uploadForm li, #rsvpForm li {
		list-style: none;
		margin: 0 0 6px;
	}
		li.noshow { display: none; }
	#uploadForm label, #rsvpForm label {
		position: relative;
		float: left;
		width: 150px;
	}
	#rsvpForm label { width: 200px; }
	#uploadForm input.input, #uploadForm textarea, #rsvpForm input.input, #rsvpForm textarea { width: 275px; }

/*-------------- added 06/02/08 by M. Booth-------------------------------------------------------*/
#container-top {
	position:relative;
	background: url("../images/index/index.jpg") 0px 0px no-repeat;
	width:1032px;
	height:37px;
	}
#bottom {
	position:relative;
	background: url("../images/inside/bottom.jpg") 0px 0px no-repeat;
	width:1032px;
	height:13px;
	}
#rightcol p.back-to-top {
	border-bottom:1px solid #fdb714;
	margin-left:30px;
	margin-right:25px;
	padding:0px;
	}
	#rightcol p.back-to-top span {display:block; width:auto; text-align:right;}
	#rightcol p.back-to-top span a {background: url("../images/arrow.gif") 0px 0px no-repeat; text-decoration:none; visibility:visible; padding-left:20px;}
#text-top {
	position:absolute;
	width:457px;
	height:13px;
	top:15px;
	left:6px;
	}
	body#index-pg #text-top,
	body#about-pg #text-top,
	body#chapin-pg #text-top,
	body#contact-pg #text-top,
	body#map-pg #text-top,
	body#thank-pg #text-top,
	body#resources-pg #text-top,
	body#aesthetic-pg #text-top {background: url("../images/top-text/index-top.gif") 0px 0px no-repeat;}
	body#breast-pg #text-top {background: url("../images/top-text/breast-top.gif") 0px 0px no-repeat;}
	body#breast-photo-pg #text-top {background: url("../images/top-text/breast-photos-top.gif") 0px 0px no-repeat;}
	body#body-pg #text-top {background: url("../images/top-text/body-top.gif") 0px 0px no-repeat;}
	body#body-photos-pg #text-top {background: url("../images/top-text/body-photos-top.gif") 0px 0px no-repeat;}
	body#face-pg #text-top {background: url("../images/top-text/face-rejuv-top.gif") 0px 0px no-repeat;}
	body#face-photos-pg #text-top {background: url("../images/top-text/facial-photos-top.gif") 0px 0px no-repeat;}
	body#non-surg-pg #text-top {background: url("../images/top-text/non-surgical-top.gif") 0px 0px no-repeat;}
	body#health-pg #text-top {background: url("../images/top-text/health-top.gif") 0px 0px no-repeat;}
	body#skin-pg #text-top {background: url("../images/top-text/skin-top.gif") 0px 0px no-repeat;}
	body#salon-pg #text-top {background: url("../images/top-text/salon-top.gif") 0px 0px no-repeat;}
	body#assoc-pg #text-top {background: url("../images/top-text/assoc-top.gif") 0px 0px no-repeat;}
	body#calendar-pg #text-top {background: url("../images/top-text/calendar-top.gif") 0px 0px no-repeat;}
	body#contests-pg #text-top {background: url("../images/top-text/contests-top.gif") 0px 0px no-repeat;}
	body#financing-pg #text-top {background: url("../images/top-text/financing-top.gif") 0px 0px no-repeat;}
	body#gallery-pg #text-top {background: url("../images/top-text/gallery-top.gif") 0px 0px no-repeat;}
	body#non-surg-photos-pg #text-top {background: url("../images/top-text/non-surgical-photos-top.gif") 0px 0px no-repeat;}
	body#whats-new-pg #text-top {background: url("../images/top-text/whats-new-top.gif") 0px 0px no-repeat;}

	#text-top span {display:none;}
	
ul#bulleted li {
	background: url("../images/inside/bullet.jpg") 0px 0px no-repeat;
	padding-left:20px;
	list-style:none;
	list-style-image:none;
}

div#rightcol p.learn-more { margin-top:20px; font-size:11px; margin-bottom:0px;}
div#rightcol ul.learn-more-list li a {font-size:11px;}

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/index/nav.jpg") no-repeat; 
	position:relative;
	width:1032px; 
	height:24px; 
	margin:0;
	padding:0; 
	z-index: 1001;
	}
body.inside #nav {background:url("../images/inside/inside-top-nav.jpg") no-repeat; }
#nav span { display: none; }

#nav li, #nav a { height:24px; display:block;} /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 64px; margin-left: 17px;}
#nav-02 { width: 182px;}
	body.inside #nav-02 { width:84px;}
#nav-03 { width: 119px;}
	body.inside #nav-03 { width:102px;}
#nav-04 { width: 98px;} 
#nav-05 { width: 240px;}
#nav-06 { width: 125px;}

img.img-left {float:left; margin-top:3px; margin-right:10px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/index/nav.jpg")  -17px -24px no-repeat; }
#nav-02 a:hover { background:url("../images/index/nav.jpg") -81px -24px no-repeat; }
	body.inside #nav-02 a:hover { background:url("../images/inside/inside-top-nav.jpg") -81px -24px no-repeat; }
#nav-03 a:hover { background:url("../images/index/nav.jpg") -263px -24px no-repeat; }
	body.inside #nav-03 a:hover { background:url("../images/inside/inside-top-nav.jpg") -165px -24px no-repeat; }
#nav-04 a:hover { background:url("../images/index/nav.jpg") -382px -24px no-repeat; }
#nav-05 a:hover { background:url("../images/index/nav.jpg") -480px -24px no-repeat; }
#nav-06 a:hover { background:url("../images/index/nav.jpg") -720px -24px no-repeat; }

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color:#fff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	border:0px; 
	z-index: 1000;

	}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
	

#nav li ul li { 
	height: 22px; /* Height of each drop down nav item */
	z-index: 1000;
	}	

#nav li ul li a {
	width: 100%;
	height: 22px;				/* Height of each drop down nav item, should match above */
	line-height: 22px;			/* Height of each drop down nav item again, should match above */
	color:#000;
	}

#nav li ul li a span {
	display: block;
	padding-left: 5px;
	margin: 0px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 12px;
	text-decoration: none;

	}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;

}
/* Hover styles for drop down items */

	
#nav-06 ul a:hover { 
	background-image: none;
	background-color: #000;
	color:#fff;
	}


/* width of drop down nav - choose width that allows items to display on one line */



#nav-06 ul, #nav-06 li { width:115px; }



#nav li:hover, #nav li.hover { 
  position: static; 
}



/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
body#index-pg #nav-01 { background:url("../images/index/nav.jpg")  -17px -24px no-repeat; }
body#about-pg #nav-02 { background:url("../images/inside/inside-top-nav.jpg") -81px -24px no-repeat;}
body#contact-pg #nav-03 { background:url("../images/inside/inside-top-nav.jpg") -165px -24px no-repeat;}
#bottom-nav {
	background:url("../images/index/bot-nav-bg.jpg")  0px 0px no-repeat;
	width:1032px;
	height:30px;
	}
#bottom-nav span { display: none; }

#bottom-nav li, #bottom-nav a { height:30px; display:block; } /* change height here also */

#bottom-nav li { float:left; list-style:none; _display:inline; position:relative; }

#bottom-nav-01 a{ background:url("../images/index/bot-nav-1.jpg")  0px 0px no-repeat; width: 73px; margin-left: 17px;}
#bottom-nav-02 a{ background:url("../images/index/bot-nav-2.jpg")  0px 0px no-repeat; width: 83px;}
#bottom-nav-03 a{ background:url("../images/index/bot-nav-3.jpg")  0px 0px no-repeat; width: 99px;}
#bottom-nav-04 a{ background:url("../images/index/bot-nav-5.jpg")  0px 0px no-repeat; width: 116px;}
#bottom-nav-05 a{ background:url("../images/index/bot-nav-6.jpg")  0px 0px no-repeat; width: 147px;}
#bottom-nav-06 a{ background:url("../images/index/bot-nav-7.jpg")  0px 0px no-repeat; width: 187px;}
#bottom-nav-07 a{ background:url("../images/index/bot-nav-8.jpg")  0px 0px no-repeat; width: 103px;}
#bottom-nav-08 a{ background:url("../images/index/bot-nav-9.jpg")  0px 0px no-repeat; width: 109px;}

#bottom-nav-01 a:hover,
#bottom-nav-02 a:hover,
#bottom-nav-03 a:hover,
#bottom-nav-04 a:hover,
#bottom-nav-05 a:hover,
#bottom-nav-06 a:hover, 
#bottom-nav-07 a:hover, 
#bottom-nav-08 a:hover {background-position: 0px -30px;}

body#index-pg #bottom-nav-01 a{background-position: 0px -30px;}

/*---------------------- sub-nav-top---------------------------------------- */
#sub-nav-top { 
	background:url("../images/inside/inside-sub-nav.jpg") no-repeat; 
	width:1032px; 
	height:131px; 
	margin:0;
	padding:0; 
	}
#sub-nav-top span { display: none; }

#sub-nav-top li, #sub-nav-top a { height:131px; display:block; } /* change height here also */

#sub-nav-top li { float:left; list-style:none; _display:inline; position:relative; }

#sub-nav-top-01 { width: 308px; margin-left: 17px;}
#sub-nav-top-02 { width: 140px;}
#sub-nav-top-03 { width: 137px;}
#sub-nav-top-04 { width: 136px;}
#sub-nav-top-05 { width: 136px;}
#sub-nav-top-06 { width: 136px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#sub-nav-top-01 a:hover { background:url("../images/inside/inside-sub-nav.jpg")  -17px -131px no-repeat; }
#sub-nav-top-02 a:hover { background:url("../images/inside/inside-sub-nav.jpg") -325px -131px no-repeat; }
#sub-nav-top-03 a:hover { background:url("../images/inside/inside-sub-nav.jpg") -465px -131px no-repeat; }
#sub-nav-top-04 a:hover { background:url("../images/inside/inside-sub-nav.jpg") -602px -131px no-repeat; }
#sub-nav-top-05 a:hover { background:url("../images/inside/inside-sub-nav.jpg") -738px -131px no-repeat; }
#sub-nav-top-06 a:hover { background:url("../images/inside/inside-sub-nav.jpg") -874px -131px no-repeat; }

/*--------------------------------- sub-nav-side ----------------------------------------*/
body.aesthetic #sub-nav-top-02 a { background:url("../images/inside/inside-sub-nav.jpg") -325px -131px no-repeat; }
body.skin-care #sub-nav-top-03 a { background:url("../images/inside/inside-sub-nav.jpg") -465px -131px no-repeat; }
body.test #sub-nav-top-06 a { background:url("../images/inside/inside-sub-nav.jpg") -874px -131px no-repeat; }
body.gallery #sub-nav-top-05 a { background:url("../images/inside/inside-sub-nav.jpg") -738px -131px no-repeat; }
body.salon #sub-nav-top-04 a { background:url("../images/inside/inside-sub-nav.jpg") -602px -131px no-repeat; }

#leftcol {
float:left;
margin:0px;
width:324px;
}
#leftcol img, #leftcol p, #leftcol ol, #leftcol object {
margin-left:17px;
}
#leftcol ul#side-nav {
background-color:#FFFFFF;
margin-left:17px;
}
#leftcol ul#side-nav li {
display:block;
height:34px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
position:relative;
vertical-align:top;
width:307px;
}
#leftcol ul#side-nav li a {
display:block;
height:34px;
text-decoration:none;
width:307px;
}
#leftcol ul#side-nav li a span {
display:none;
}
#leftcol ul#side-nav li a#active {
background-position:0px -34px;
}
#side-nav-mu1 a {background:transparent url(../images/inside/permanent-makeup.jpg) 0px 0px no-repeat;}
#side-nav-mu2 a {background:transparent url(../images/inside/skincare-makeup.jpg) 0px 0px no-repeat;}
#side-nav-mu3 a {background:transparent url(../images/inside/event-makeup.jpg) 0px 0px no-repeat;}
#side-nav-mu4 a {background:transparent url(../images/inside/special-effects.jpg) 0px 0px no-repeat;}
#side-nav-mu5 a {background:transparent url(../images/inside/services.jpg) 0px 0px no-repeat;}

body.makeup-perm #side-nav-mu1 a {background-position:0px -34px;}
body.makeup-skincare #side-nav-mu2 a {background-position:0px -34px;}
body.makeup-event #side-nav-mu3 a {background-position:0px -34px;}
body.makeup-effects #side-nav-mu4 a {background-position:0px -34px;}

ul.resources li#side-nav-01 a {background:transparent url(../images/inside/resources.jpg) 0px 0px no-repeat;}
ul.resources li#side-nav-02 a {background:transparent url(../images/inside/resources-02.jpg) 0px 0px no-repeat;}
ul.resources li#side-nav-03 a {background:transparent url(../images/inside/resources-03.jpg) 0px 0px no-repeat;}
ul.resources li#side-nav-04 a {background:transparent url(../images/inside/resources-04.jpg) 0px 0px no-repeat;}
ul.resources li#side-nav-05 a {background:transparent url(../images/inside/resources-05.jpg) 0px 0px no-repeat;}
ul.resources li#side-nav-06 a {background:transparent url(../images/inside/resources-06.jpg) 0px 0px no-repeat;}
ul.resources li#side-nav-07 a {background:transparent url(../images/inside/resources-07.jpg) 0px 0px no-repeat;}
ul.resources li#side-nav-08 a {background:transparent url(../images/inside/resources-08.jpg) 0px 0px no-repeat;}

ul.aesthetic li#side-nav-01 a {background:transparent url(../images/inside/aesthetic.jpg) 0px 0px no-repeat;}
ul.aesthetic li#side-nav-02 a {background:transparent url(../images/inside/aesthetic-02.jpg) 0px 0px no-repeat;}
ul.aesthetic li#side-nav-03 a {background:transparent url(../images/inside/aesthetic-03.jpg) 0px 0px no-repeat;}
ul.aesthetic li#side-nav-04 a {background:transparent url(../images/inside/aesthetic-04.jpg) 0px 0px no-repeat;}
ul.aesthetic li#side-nav-05 a {background:transparent url(../images/inside/aesthetic-05.jpg) 0px 0px no-repeat;}
ul.aesthetic li#side-nav-06 a {background:transparent url(../images/inside/aesthetic-06.jpg) 0px 0px no-repeat;}
ul.aesthetic li#side-nav-07 a {background:transparent url(../images/inside/aesthetic-07.jpg) 0px 0px no-repeat;}

ul.skin li#side-nav-01 a {background:transparent url(../images/inside/skincare.jpg) 0px 0px no-repeat;}
ul.skin li#side-nav-02 a {background:transparent url(../images/inside/skincare-02.jpg) 0px 0px no-repeat;}
ul.skin li#side-nav-03 a {background:transparent url(../images/inside/skincare-03.jpg) 0px 0px no-repeat;}
ul.skin li#side-nav-04 a {background:transparent url(../images/inside/skincare-04.jpg) 0px 0px no-repeat;}
ul.skin li#side-nav-05 a {background:transparent url(../images/inside/skincare-05.jpg) 0px 0px no-repeat;}

ul.health li#side-nav-01 a {background:transparent url(../images/inside/health.jpg) 0px 0px no-repeat;}
ul.health li#side-nav-02 a {background:transparent url(../images/inside/health-02.jpg) 0px 0px no-repeat;}
ul.health li#side-nav-03 a {background:transparent url(../images/inside/health-03.jpg) 0px 0px no-repeat;}
ul.health li#side-nav-04 a {background:transparent url(../images/inside/health-04.jpg) 0px 0px no-repeat;}

ul.salon-nav li#side-nav-01 a {background:transparent url(../images/inside/salon-02.jpg) 0px 0px no-repeat;}
ul.salon-nav li#side-nav-02 a {background:transparent url(../images/inside/salon-03.jpg) 0px 0px no-repeat;}
ul.salon-nav li#side-nav-03  {background:transparent url(../images/inside/stylists-01.jpg) 0px 0px no-repeat;}
ul.salon-nav li#side-nav-04 a {background:transparent url(../images/inside/stylists-02.jpg) 0px 0px no-repeat;}
ul.salon-nav li#side-nav-05 a {background:transparent url(../images/inside/stylists-03.jpg) 0px 0px no-repeat;}
ul.salon-nav li#side-nav-06 a {background:transparent url(../images/inside/stylists-04.jpg) 0px 0px no-repeat;}
ul.salon-nav li#side-nav-07 a {background:transparent url(../images/inside/stylists-05.jpg) 0px 0px no-repeat;}

ul.gallery-nav li#side-nav-01 a {background:transparent url(../images/inside/gallery.jpg) 0px 0px no-repeat;}
ul.gallery-nav li#side-nav-02 a {background:transparent url(../images/inside/gallery-02.jpg) 0px 0px no-repeat;}
ul.gallery-nav li#side-nav-03 a {background:transparent url(../images/inside/gallery-03.jpg) 0px 0px no-repeat;}
ul.gallery-nav li#side-nav-04 a {background:transparent url(../images/inside/gallery-04.jpg) 0px 0px no-repeat;}
ul.gallery-nav li#side-nav-05 a {background:transparent url(../images/inside/gallery-05.jpg) 0px 0px no-repeat;}
ul.gallery-nav li#side-nav-06 a {background:transparent url(../images/inside/gallery-06.jpg) 0px 0px no-repeat;}

ul#side-nav li a:hover {
background-position:0px -34px;
}


.whatsNew li{
	list-style-type: none;
	margin: 0 0 10px 30px;
	line-height: 18px;
}

.floatright { float:right;}
.lipo-caption { display:block; width:200px; margin:4px auto; font-size:11px; line-height: 16px; }