/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

img,object { display:block; }

a { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */
#contact_business { display: none; } /* do not remove */ 

/* ----- type selectors ----- */ 
body { 
	background:#2c0024 url("../images/allpages/bg_main.jpg") top left repeat-x;
	text-align:center; 
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:12px;
	}

body#director-popup {
	background:#2C0024;
	text-align:left;
	margin:5px;
	}
	body#director-popup h2, body#director-popup h3, body#director-popup p {
		margin:5px 0px 6px 10px;
		}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h1,h2,h3 {
	margin:0px 0px 8px 46px;
	}

h1	{
	font-size:16px;
	color:#fff;
	}

h2	{
	font-size:14px;
	color:#fff;
	margin-top:18px;
	}

h3	{
	font-size:12px;
	color:#fff;
	}

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#fff; text-decoration:underline; }
a:hover,a:active	{ color:#ccc; text-decoration:none; }

sup {
	font-size:9px;
	}


/* ----- classes ----- */

div.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

p.top {
	text-align:right;
	display:block;
	}
	
img.img-left {
	float:left;
	margin:2px 10px 10px 0px;
	}
	
img.img-right {
	float:right;
	margin:5px 0px 10px 10px;
	}
img.img-right2 {
	float:right;
	margin:5px 20px 0px 10px;
	}

.sub-footer-ul {
	padding-top:30px;
	}

p.address {
	text-align:center;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:40px;
	line-height:17px;
	}


/* ----- QUICK contact form elements ----- */
#column-right form p {
	font-size:9px;
	text-align:left;
	margin:0px;
	padding:0px;
	}

#column-right form {
	width:174px;
	padding:0px 0px 0px 13px;
	margin-top:8px;
	}

#column-right form br { 
	line-height:0;
	}

#column-right form input,textarea {
	border:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2c0024;
	font-weight:bold;
	padding-top:4px;
	padding-left:6px;
	}

#column-right form input {
	background:url("../images/allpages/input_bg.jpg") no-repeat;
	width:168px;
	height:22px;
	}

#column-right form textarea {
	background:url("../images/allpages/textarea_bg.jpg") no-repeat;
	width:174px;
	height:96px;
	padding-bottom:10px;
	overflow:auto;
	}

#column-right form input.submit {
	background: url("../images/allpages/submit_bg.jpg");
	width:67px;
	height:27px;
	border:none;
	cursor:pointer;
	padding:0px;
	margin:0px 0px 0px 112px;
	}




/* ----- MAIN contact form elements ----- */
#column-left form {
	width:174px;
	padding:0px;
	margin-top:30px;
	padding-left:170px;
	}

#column-left form span.indicate {
	font-size:9px;
	}

#column-left form br { 
	line-height:0;
	}

#column-left form input,textarea {
	border:none;
	display:block;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2c0024;
	font-weight:bold;
	padding:4px 10px 0px 6px;
	margin-bottom:6px;
	}

#column-left form input {
	background:url("../images/sub/main_input.jpg") no-repeat;
	width:213px;
	height:22px;
	}

#column-left form textarea {
	background:url("../images/sub/main_textarea.jpg") no-repeat;
	width:213px;
	height:123px;
	padding-bottom:10px;
	overflow:auto;
	}

#column-left form input.submit {
	background: url("../images/sub/main_submit.jpg");
	width:67px;
	height:27px;
	border:none;
	cursor:pointer;
	padding:0px;
	margin:20px 0px 0px 160px;
	}
#column-left form input.checkbox {
	width:12px;
	height:12px;
	display: inline;
	background:none;
	margin-right:3px;
	margin-top:1px;
	}


/* ----- navigation ----- */
#nav { 
	background: url("../images/allpages/nav.jpg") no-repeat; 
	width:760px; 
	height:76px; 
	margin-bottom:0px; 
	}

#nav span { display:none; }

#nav li, #nav a { height:76px; display:block; }

#nav li { float:left; list-style:none; display: inline; }

#nav-01 { width:109px; margin-left:15px; }
#nav-02 { width:109px; margin-left:3px; }
#nav-03 { width:109px; margin-left:3px; }

#nav-01 a:hover {background:url("../images/allpages/nav.jpg") -15px -76px no-repeat;}
#nav-02 a:hover {background:url("../images/allpages/nav.jpg") -127px -76px no-repeat;}
#nav-03 a:hover {background:url("../images/allpages/nav.jpg") -239px -76px no-repeat;}


/* -- mastnav -- */
#header-nav {
	margin-left:361px;
	padding-top:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	#header-nav li a {
		position:static;
		}
		#header-nav li {
			margin-bottom:9px;
			}
			#header-nav li a:link,#header-nav li a:visited,#header-nav li a:active {
				color:#000;
				font-weight:normal;
				text-decoration:none;
				}
			#header-nav li a:hover {
				color:#79216a;
				font-weight:bold;
				text-decoration:none;
				}



/* framework
 * ------------------------------------------------------------------------- */

#wrap { 
	background:url("../images/allpages/bg_content.jpg") repeat-y; 
	width:760px; 
	margin:0 auto; 
	text-align:left; 
	}
	
#masthead {
	position:relative;
	background:url("../images/allpages/masthead.jpg");
	height:150px;
	width:760px;
	}
	/* home link within #masthead, over logo */		
	#masthead a {	
		position:absolute;
		left:60px;
		width:206px;
		top:16px;
		height:115px;
		}
	#masthead a span {
		display:none;
		}
		
#column-left { 
	width:543px;
	float:left;
	}

	#column-left p {
		margin-left:46px;
		width:460px;
		}

#gallery-button {
	margin-top:30px;
	padding-left:50px;
	margin-bottom:20px;
	width:217px;
	float:left;
	}
	#gallery-button a {
		display:block;
		height:78px;
		width:217px;
		margin:0px;
		padding:0px;
		line-height:32px;
		text-align:center;
		background:url("../images/index/gallery-button.jpg") 0px 0px no-repeat;
		}
		#gallery-button a:hover, #gallery-button a:active {
			background-position:0px -78px;
			}
			#gallery-button a span {
				display:none;
				}
				
#coupon {
	float: left;
	margin-left: 10px;	
	}				

#director-button {
	margin-top:44px;
	padding-left:27px;
	margin-bottom:20px;
	width:217px;
	float:left;
	}
	#director-button a {
		display:block;
		height:64px;
		width:217px;
		margin:0px;
		padding:0px;
		line-height:32px;
		text-align:center;
		background:url("../images/index/director-button.jpg") 0px 0px no-repeat;
		}
		#director-button a:hover, #director-button a:active {
			background-position:0px -64px;
			}
			#director-button a span {
				display:none;
				}

	/* dl related styles */
		
	#column-left ul,dl {
		margin-left:70px;
		width:390px;
		}
	
	#column-left dl dt {
	font-weight:bold;
	margin-top:30px;
	font-size: 14px;
		}
		
	#column-left dl dd {
	font-weight:normal;
		}
		
	#column-left #obagi-coupon {
		margin:0px 0px 10px 46px;
		padding:5px 0px 10px 10px;
		}
		
	#column-left #obagi-products {
		margin:0px 0px 20px 46px;
		width:170px;
		border-left: 2px solid #6A3B62;
		padding:5px 0px 10px 10px;
		}
		
	#column-left #obagi-img {
		float:right;
		margin: 0px 40px 10px 10px;
		}	
		
	#column-left #obagi-products dt {
		margin:0px;
		}
	#column-left #obagi-products dd {
		font-weight:normal;
		margin-top:4px;
		padding-left:10px;
		}
	#column-left #services-dl {
		border-left:2px solid #6A3B62;
		padding: 5px 0px 10px 10px;
		}
	#column-left #services-dl dt {
		margin:0px;
		}
	#column-left #services-dl dd {
		font-weight:normal;
		margin-top:4px;
		padding-left:10px;
		}


	/* ul related styles */
	
	#column-left ul {
		margin-bottom:60px;
		}
	
	#column-left ul li {
		margin-bottom:2px;
		}
	
	#column-left ul.sub-list {
		margin:0px 0px 5px 15px;
		font-size:11px;
		}
	#column-left ul.sub-list li {
		margin-bottom:0px;
		}
	
	#bamboo-box {
		background:url("../images/index/bamboo_box.jpg") top left no-repeat;
		width:543px;
		height:391px;
		}
		
	#bamboo-box img {
		margin-left:110px;
		}
		
	#featured_products_box {
		padding: 40px 0 0 0;
		}
				
		#featured {
			background:url("../images/index/featured.jpg") top left no-repeat;
			width:330px;
			height:169px;
			margin-left:127px;
			padding:47px 0px 0px 45px;
			}
		#featured img {
			float:left;
			}
		#featured img.right-side {
			margin-top:10px;
			margin-left:35px;
			}
  
#column-right { 
	width:217px;
	float:right;
	}
	#column-right p {
	margin-right:20px;		
	}
	
	#googlemaps-logo {
		width:116px;
		margin:0px 0px 0px 43px;
		}
		#googlemaps-logo div {
			text-align:center;
			}
	#googlemap {
		width:180px;
		text-align:center;
		margin-left:8px;
		}

	#map a {
		display:block;
		height:181px;
		width:180px;
		margin:0px;
		padding:0px;
		line-height:32px;
		text-align:center;
		background:url("../images/sub/map.jpg") 0px 0px no-repeat;
		}
		#map a:hover, #map a:active {
			background-position:0px -181px;
			}
	
/* background image list items */
	#column-specific ul { 
		margin-left:3px; 
		} 
	
	#column-specific ul li { 
		background:transparent url("../images/bullet.gif") 0px 6px no-repeat;
		padding-left:8px;
		}

#bottom-wrap {
	background:url("../images/index/footer.jpg") top left no-repeat;
	width:760px;
	height:72px;
	clear:both;
	overflow:hidden;
	text-align:center;
	}
#sub-bottom-wrap { 
	background:url("../images/sub/sub_footer.jpg") top left no-repeat;
	width:760px;
	height:102px;
	clear:both;
	overflow:hidden;
	text-align:center;
	}
 

/* inside framework
 * ------------------------------------------------------------------------- */
#subhead-quick-contact {
	background:url("../images/index/subhead_right-column.jpg") top left no-repeat;
	width:217px;
	height:67px;
	}

#subhead-locate-us {
	background:url("../images/sub/subhead_locate.jpg") top left no-repeat;
	width:202px;
	height:67px;
	}

#subhead-index {
	background:url("../images/index/subhead_index.jpg") top left no-repeat;
	width:543px;
	height:67px;
	}

#subhead-contact {
	background:url("../images/sub/subhead_contact.jpg") top left no-repeat;
	width:543px;
	height:67px;
	}

#subhead-thanks {
	background:url("../images/sub/subhead_thanks.jpg") top left no-repeat;
	width:543px;
	height:67px;
	}

#subhead-services {
	background:url("../images/sub/subhead_services.jpg") top left no-repeat;
	width:543px;
	height:67px;
	}

#subhead-products {
	background:url("../images/sub/subhead_products.jpg") top left no-repeat;
	width:543px;
	height:67px;
	}


/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:760px;
	margin:0px auto;
	text-align:center;
	}
	
#footer ul {
	margin-top:13px;
	}

#footer p {
	color:#000;
	}

#footer a:link, #footer a:visited {
	color:#000;
	text-decoration:underline;
	}

#footer a:hover, #footer a:active {
	color:#79216a;
	text-decoration:none;
	}

#footer li {
	padding:0px 5px 0px 7px;
	display:inline;
	border-left:1px solid #000;
	}

	#footer li.first { border:none; }




/* thumbnails
 * ------------------------------------------------------------------------- */
#aurora a {
	display:block;
	height:97px;
	width:156px;
	margin:0px 28px 6px 6px;
	padding:0px;
	line-height:32px;
	text-align:center;
	background:url("../gallery/thumbs/aurora-01.jpg") 0px 0px no-repeat;
	}
	#aurora a:hover, #aurora a:active {
		background-position:0px -97px;
		}

#botox a {
	display:block;
	height:97px;
	width:156px;
	margin:0px 28px 6px 6px;
	padding:0px;
	line-height:32px;
	text-align:center;
	background:url("../gallery/thumbs/botox-01.jpg") 0px 0px no-repeat;
	}
	#botox a:hover, #botox a:active {
		background-position:0px -97px;
		}

#collagen a {
	float:right;
	height:97px;
	width:156px;
	margin:0px 0px 6px 8px;
	padding:0px;
	line-height:32px;
	text-align:center;
	background:url("../gallery/thumbs/collagen-01.jpg") 0px 0px no-repeat;
	}
	#collagen a:hover, #collagen a:active {
		background-position:0px -97px;
		}

#endermologie a {
	display:block;
	height:97px;
	width:156px;
	margin:0px 0px 6px 8px;
	padding:0px;
	line-height:32px;
	text-align:center;
	background:url("../gallery/thumbs/endermologie-01.jpg") 0px 0px no-repeat;
	}
	#endermologie a:hover, #endermologie a:active {
		background-position:0px -97px;
		}

#laser-removal a {
	float:right;
	height:97px;
	width:156px;
	margin:0px 0px 6px 8px;
	padding:0px;
	line-height:32px;
	text-align:center;
	background:url("../gallery/thumbs/laser-removal-01.jpg") 0px 0px no-repeat;
	}
	#laser-removal a:hover, #laser-removal a:active {
		background-position:0px -97px;
		}