@charset "UTF-8";
/* CSS Document */




/* GENERAL CSS - CODE TO TELL FF AND IE TO SIT DOWN AND STFU */
#body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.626em; }
body div, ul, ol, li, table, img {
	margin: 0px;
	padding: 0px; }
body p {
	margin: 10px 0px 15px; }
body img {
	border: none; }
.display_none {
	display: none; }
.clear_div {
	display: none;
	height: 0px;
	width: 0px; }
body:last-child .clear_div {
	display: block;
	clear: both; }

/* CLEAR - BECAUSE SOMETIMES, FLOATING -ISN'T- A GOOD THING */

.clearme {
	clear: both;
}



a img {border:0}

body{
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#0B0B0B;
	text-align: center;
	min-width: 900px;
}



/* MAIN WRAPPER */

#mainwrapper {
	width: 900px;
	margin:0 auto;
	text-align: left;
}




/* FLASH */

#flash {
	width: 900px;
	margin:0 auto;
	text-align: left;
}



/* TOP NAV BAR - NO FLASH, NO JS... ALL CSS, BABY */

#nav_container {
	width: 900px;
	height: 34px;
	margin-bottom: 10px;	 
}

#nav_container a{
	font-family: Times New Roman;
	font-size:20px;
	line-height:24px;
	font-weight: bold;
	color:#680A00;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	height: 34px;
	background-position: top left;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 6px;
	float: left;
}
#nav_container a:hover{
	color: #000000;
	background-position: bottom left;
}

/* THE LINKS */

a#nav_home {
	width: 70px;
	background-image: url(images/tnl_70.jpg);
}
a#nav_practice {
	width: 127px;
	background-image: url(images/tnl_127.jpg);
}
a#nav_insurance {
	width: 205px;
	background-image: url(images/tnl_205.jpg);
}
a#nav_login {
	width: 136px;
	background-image: url(images/tnl_136.jpg);
}
a#nav_events {
	width: 166px;
	background-image: url(images/tnl_166.jpg);
}
a#nav_locations {
	width: 106px;
	background-image: url(images/tnl_106.jpg);
}
a#nav_contact {
	width: 90px;
	background-image: url(images/tnl_90.jpg);
}




/* LEFT COLUMN */

#left-col-wrap{
	width:250px;
	float:left; 
}



/* CONTACT US NOW CTA */

div#cta_contact_us_now {
	width: 250px;
	height: 162px;
}
div#cta_contact_us_now  a {
	display: block;
	float: left;
	padding-left: 0px;
	height: 162px;
	outline: none;
	text-indent: -9000px;
	background-position: top left;
	background-repeat: no-repeat;
}
div#cta_contact_us_now a:hover {
	background-position: bottom left;
}


/* NAV LINKS - UP AND DOWN */

a#cta_contact {
	width: 250px;
	background-image: url(images/cta_contact_us_now.jpg);
}



/* LEFT NAVIGATION - THIS, LADS, IS HOW YOU WORK LINKS! */

#left-nav {
	width:250px;
	height:auto;
	float:left;
	padding-top: 10px;
	background-image: url(images/sub_nav_divider.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:30px;
	background-color:#000000;	 
}

a.left-nav-link{
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	color:#680A00;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 250px;
	height: 28px;
	background-image: url(images/left_nav_link_bg.jpg);
	background-position: top left;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 12px;
}
a.left-nav-link:hover{
	color: #000000;
	background-position: bottom left;
}
a.left-nav-link-spry{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight: bold;
	color:#680A00;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 242px;
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
}
a.left-nav-link-spry:hover{
	color: #000000;
	background-color: #E9D58E;
}
a.left-nav-link-spry-cat{
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height:16px;
	font-weight: bold;
	color:#680A00;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 242px;
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
}
a.left-nav-link-spry-cat:hover{
	color: #000000;
	background-color: #E9D58E;
}
span.dead-link{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 242px;
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
}



/* SPRY */

.CollapsiblePanelTab {
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	color:#680A00;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 250px;
	height: 28px;
	background-image: url(images/left_nav_link_bg.jpg);
	background-position: top left;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 12px;
	cursor: pointer;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	letter-spacing:0px;
	display: block;
	width: 250px;
	height: 28px;
	background-image: url(images/left_nav_link_bg.jpg);
	background-position: bottom left;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 12px;
	cursor: pointer;
}
.CollapsiblePanelContent {
	margin-top: -5px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #A98F2E;
}



/* CENTER TEXT - TWO VALUES, INNER and HOME... DON'T NEED NO STINKIN' CTAS INSIDE */

#text-col-wrap{
	width:380px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

#inner-text-col-wrap{
	width:630px;
	float:left;
	padding-left:10px;
	padding-right:10px;
}



/* RIGHT CTAS */

#right-ctas{
	width:250px;
	float:left; 
}


/* 1. NEWSLETTER SIGNUP */

#newsletter_signup {
	float:left;
	margin-bottom: 13px;
	width: 250px;
	height: 65px;
	background-image: url(images/newsletter_bg_gold.jpg);
}
.news_header {
	margin-left: 5px;
	margin-top: 5px;
	font-size: 24px;
	font-weight: bold;
	font-family: Times New Roman;
	color: #680905;
	height:25px;
}
.news_signup_row {
	margin-left: 5px;
	vertical-align: middle;
	height:25px;
}
input.newsletter {
	background-color: #F6E19F;
	border: thin solid #BEA350;
	width: 150px;
	height: 20px;
	font-family: Times New Roman;
	color: #680A00;
}

/* 1A. NEWSLETTER CENTER */

#news_center{
	float:left;
	margin-bottom: 13px;
}
#news_center  a {
	display: block;
	float: left;
	padding-left: 0px;
	width: 250px;
	height: 70px;
	outline: none;
	text-indent: -9000px;
	background-image: url(images/cta_newsletter.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#news_center a:hover {
	background-position: bottom left;
}


/* 2. SKIN CANCER CENTER */

#skin_cancer_center{
	float:left;
	margin-bottom: 13px;
}
#skin_cancer_center  a {
	display: block;
	float: left;
	padding-left: 0px;
	width: 250px;
	height: 133px;
	outline: none;
	text-indent: -9000px;
	background-image: url(images/cta_skin_cancer_center.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#skin_cancer_center a:hover {
	background-position: bottom left;
}


/* 3. MEDICAL SPA */

#medical_spa{
	float:left;
	margin-bottom: 13px;
}
#medical_spa  a {
	display: block;
	float: left;
	padding-left: 0px;
	width: 250px;
	height: 133px;
	outline: none;
	text-indent: -9000px;
	background-image: url(images/cta_medical_spa.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#medical_spa a:hover {
	background-position: bottom left;
}


/* 4. ONLINE STORE */

#online_store{
	float:left;
	margin-bottom: 13px;
}
#online_store  a {
	display: block;
	float: left;
	padding-left: 0px;
	width: 250px;
	height: 113px;
	outline: none;
	text-indent: -9000px;
	background-image: url(images/cta_online_store.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#online_store a:hover {
	background-position: bottom left;
}


/* 5. LASER CENTER */

#laser_center{
	float:left;
	margin-bottom: 13px;
}
#laser_center  a {
	display: block;
	float: left;
	padding-left: 0px;
	width: 250px;
	height: 133px;
	outline: none;
	text-indent: -9000px;
	background-image: url(images/cta_tattoo_removal.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#laser_center a:hover {
	background-position: bottom left;
}


/* 6. BLOG */

#blog{
	float:left;
	margin-bottom: 13px;
}
#blog  a {
	display: block;
	float: left;
	padding-left: 0px;
	width: 250px;
	height: 87px;
	outline: none;
	text-indent: -9000px;
	background-image: url(images/cta_blog.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#blog a:hover {
	background-position: bottom left;
}







/* FOOTER */

#footer-content{
	width: 900px; 
	height:59px;
	float:left; 
	font-family: Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;
	font-weight:normal;
	color:#AE9435;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.footer_links {
	width: 630px;
	float: left;
	text-align: left;
	padding-left: 20px;
}
.footer_logo {
	width: 230px;
	float: right;
	text-align: center;
	padding-right: 20px;
}
#footer-appsoft {
	width: 220px;
	margin-left: auto;
	margin-right: auto;
}
#footer-site {
	width: 120px;
	float: left;
	align: right;
	vertical-align: middle;
}
#footer-flash {
	width: 100px;
	float: right;
	align: left;
	vertical-align: middle;
}




/* HEADER TAGS */

h1{
	font-family: Helvetica, sans-serif;
	font-size:18px;
	line-height: 15px;
	font-weight: bold;
	color: #EFD995;
	text-decoration: none;
	letter-spacing: -1px;
}

h2{
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height: 15px;
	font-weight: bold;
	color:#EFD995;
	text-decoration: none;
}
h3{
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	font-weight: normal;
	color:#EFD995;
	text-decoration: none;
	letter-spacing:0px;
}
h4{
	font-family: Helvetica, sans-serif;
	font-size:10px;
	line-height: 12px;
	font-weight: normal;
	color:#EFD995;
	text-decoration: none;
	letter-spacing:0px;
}
h6{
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	font-weight: normal;
	color:#EFD995;
	text-decoration: none;
	letter-spacing:0px;
}



/* LIST ITEMS */

li {
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	font-weight: normal;
	color:#EFD995;
	text-decoration: none;
	letter-spacing:0px;
}



/* PROCEDURES - HERE WE DEMONSTRATE HOW TO DO A TABLE IN CSS */

.procedures_table {
	width: 600px;
	padding: 5px;
}
.procedures_header {
	padding: 5px;
	width: 590px;
	color: #E8C342;
	font-family: Helvetica;
	font-size: 18px;
	line-height: 20px;
}
.procedures_cell {
	padding: 5px;
	width: 590px;
	color: #E9D58E;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
}
.procedures_cell_left {
	width: 284px;
	float: left;
	padding-right: 10px;
	border-right: thin solid #E9D58E;
}
.procedures_cell_right {
	width: 284px;
	float: right;
	padding-left: 10px;
}
.procedures_table a {
	text-decoration: none;
	color: #AE9435;
}
.procedures_table a:hover {
	text-decoration: none;
	color: #FCF4DD;
}




/* INTERNAL PROCEDURE TABLES - MOSTLY USED FOR BEFORE AND AFTER */

.inner_procedures_table {
	width: 600px;
	padding: 5px;
	border: thin solid #E9D58E;
}
.inner_procedures_header {
	padding: 5px;
	width: 590px;
	background-color: #E9D58E;
	color: #000000;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}
.inner_procedures_cell {
	padding: 5px;
	width: 590px;
	background-color: #000000;
	color: #E9D58E;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
	text-align: center;
}
.inner_procedures_cell_left {
	width: 295px;
	float: left;
	text-align: center;
}
.inner_procedures_cell_right {
	width: 295px;
	float: right;
	text-align: center;
}





/* PROCEDURE SPRY - BECAUSE SOMETIMES YOU NEED MORE THAN ONE TYPE OF SPRY! */

.CollapsiblePanelTabProc {
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	color:#AE9435;
	text-align: center;
	cursor: pointer;
}
.CollapsiblePanelTabHoverProc,  .CollapsiblePanelOpenProc {
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
	color:#FCF4DD;
	text-align: center;
}
.CollapsiblePanelContentProc {
	font-family: Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#EFD995;
	text-align:left;
}




/* INTERIOR LINK LISTS */

.inner_link_list {
	font-family:Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}
.inner_link_list a {
	display:block;
	text-decoration:none;
	color:#AE9435;
}
.inner_link_list a:hover {
	color:#FCF4DD;
}



/* DOCTORS - FEATURES SPLIT-CELL DESCRIPTIONS */

.doctors_table {
	width: 600px;
	padding: 5px;
}
.doctors_cell {
	padding: 5px;
	width: 590px;
	background-color: #000000;
	margin-bottom: 10px;
	text-align: center;
}
.doctors_cell_left {
	width: 295px;
	float: left;
	text-align: center;
}
.doctors_cell_right {
	width: 295px;
	float: right;
	text-align: left;
}


/* INTERNAL LINKS */
#int_links {
}
#int_links a {
	color: #AE9435;
	text-decoration: none;
}
#int_links a:hover {
	color: #FCF4DD;
}


/* FORM BUTTONS - NOT JUST BORING BUTTONS! */
input.form_button {
	width: 110px;
	height: 25px;
	background-color: #373737;
	color: #EFD995;
	font-family: Helvetica;
	font-size: 12px;
	border-width: 3px;
	border-color: #F2E6C3 #BFA65A #BFA65A #F2E6C3;
}



/* EVERY LINK NOT DEFINED ABOVE */

a {
	color: #AE9435;
	text-decoration: none;
}
a:hover {
	color: #FCF4DD;
}


/* CONTACT PAGE - MAPS TO RIGHT */

#contact_wrapper {
	width: 630px;
	vertical-align: top;
}
.contact_left {
	float: left;
	width: 345px;
	padding-right: 5px;
}
.contact_right {
	float: right;
	width: 280px;
	text-align: center;
}



/* CONTACT FORM - TABLES IN CSS WITH DIVS... BECAUSE I CAN */

#contact_form {
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	color:#EFD995;
	letter-spacing:0px;
}
#contact_table {
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	color:#EFD995;
	letter-spacing:0px;
}
.contact_row {
	width: 300px;
	height: 25px;
}
.contact_field {
	float: left;
	width: 45px;
	padding-right: 5px;
	text-align: right;
	padding-top: 5px;
	height: 20px;
}
.contact_box {
	float: right;
	width: 250px;
	text-align: left;
	height: 25px;
}
input.contactinput {
	width: 250px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color: #EFD995;
}
textarea.contacttext {
	font-family: Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color: #EFD995;
}
select.contactselect {
	width: 150px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color: #EFD995;
}



/* FLOATING IMAGES WITH CAPTIONS */

#float_image_right {
	margin-left: 10px;
	padding: 3px;
	float: right;
}


/* INFORMATION BOXES - FOUND THROUGHOUT VARIOUS PAGES */

.more_info {
	width: 100%;
	padding: 10px;
	border: thin solid #EFD995;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	color:#EFD995;
	letter-spacing:0px;
}


/* SKIN CANCER TABLE */

#skin_cancer_table {
	width: 639px;
	border: thin solid #EFD995;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	color:#EFD995;
	letter-spacing:0px;
}

.sct_left {
	float: left;
	width: 210px;
	text-align: center;
}
.sct_center {
	float: left;
	width: 219px;
	text-align: center;
}
.sct_right {
	float: left;
	width: 210px;
	text-align: center;
}



/* SKIN CANCER SURGERY SIDEBAR */

#scs_sidebar {
	float:right;
	margin-top:10px;
	margin-right:-15px;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#EFD995;
	letter-spacing:0px;
	text-align:center;
}


/* APPOINTMENTS FORM TABLE */

#appt_table {
	width:210px;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	font-weight: normal;
	color:#EFD995;
	text-decoration: none;
	letter-spacing:0px;
}
.appt_row {
	width:210px;
	height: 27px;
}
.appt_field {
	width:60px;
	float:left;
	vertical-align: middle;
}
.appt_box {
	width:150px;
	float:right;
}



/* EVENTS LISTING */

.events_header {
	font-family:Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#000000;
	display:block;
	width:100%;
	height: 21px;
	padding-top: 3px;
	padding-left: 10px;
	background-color:#EFD995;
}
.events_listing {
}

ul.events_list {
	margin-left:20px;
}
ul.events_list li {
	margin-bottom: 10px;
}


/* LIPOSUCTION TABLE */
#lipo_table {
	width:400px;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	line-height: 18px;
	font-weight: normal;
	color:#EFD995;
	text-decoration: none;
	letter-spacing:0px;
}
.lt_left {
	width:200px;
	float:left;
}
.lt_right {
	width:200px;
	float:right;
}


/* OUR PRACTICE TABLE */

#practice_table {
	width: 600px;
	padding: 5px;
}
.practice_cell1 {
	width: 100px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right: thin solid #E9D58E;
	text-align: center;
}
.practice_cell2 {
	width: 80px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right: thin solid #E9D58E;
	text-align: center;
}
.practice_cell3 {
	width: 180px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right: thin solid #E9D58E;
	text-align: center;
}
.practice_cell4 {
	width: 170px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}


/* IMAGES WITH CAPTIONS */
.image_left {
	width:300px;
	float:left;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#FFD800;
	text-align:center;
	margin-right:10px;
}
.image_right {
	width:300px;
	float:right;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#FFD800;
	text-align:center;
	margin-left:10px;
}


/* LISTS */

ul {
	margin-left:25px;
}
ol {
	margin-left:25px;
}



/* FLASH HOLDERS - FOR SWFOBJECT */

#flashheader {
	width:900px;
	height:381px;
}
#flashfooter {
	width:100px;
	height:27px;
}
#flashbagallery {
	width:641px;
	height:590px;
}
#flashbeforeafter {
	width:641px;
	height:590px;
}
#flashmediacenter {
	width:641px;
	height:590px;
}
#flashtour {
	width:641px;
	height:390px;
}
#flash_botox1 {
	width:320px;
	height:210px;
}
#flash_botox2 {
	width:320px;
	height:290px;
}