/* totalskinandbeauty.com   |   screen.css   |   5/7/09 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; } 

/* remember to define focus styles! */:focus { outline: 0; } 

/* remember to highlight inserts somehow! */ins { text-decoration: none; }

del { text-decoration: line-through; } 

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }

body {
	background: #d1e3ed url(../images/bg.jpg) top left repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #666; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
#wrap {
	width: 950px; 
	text-align: left; 
	margin: 0 auto; 
	background-color: #fff;
	}
	
#wrap.internal { background: #bbbad9 url(../images/interior-sidebar-bg.jpg) 0 0 repeat-y; }
	
h1 {
	float: left;
	text-indent: -9999em;
	}
	
#header {
	width: 950px;
	height: 125px;
	background: url(../images/header.jpg) 0 0 no-repeat;
	}
	
#header.iframe { background: url(../images/header-iframe.jpg) 0 0 no-repeat; }
	
#logo {
	display: block;
	width: 242px;
	height: 100px;
	text-indent: -9999em;
	}
	
#print-logo { display: none; }



#rotatebox {
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	width: 695px;
	height: 312px;
	margin: 0;
	background: no-repeat;
	float: left;
	}
	
#SlideShow {
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	}

#news {
	float: left;
	width: 255px;
	background: #8a87bc url(../images/news-bg.jpg) 0 0 repeat-x;
	font-size: 12px;
	color: #cde9f8;
	margin: 0;
	padding: 20px 0 0 0;
	}
	
* html #news { margin-top: -3px; }

#news strong { color: #fff; }

#news a {
	color: #f7ba85;
	text-decoration: underline;
	}
	
#news a:visited { color: #f7ba85; }

#news a:hover { color: #fff; }

#news p { 
	margin-bottom: 15px;
	line-height: 17px;
	padding: 0 20px;
	}
	
#news img { margin: 0 0 20px 20px;}

#content {
	width: 655px;
	float: left;
	padding: 18px 20px 20px 20px;
	}
	
#content p {
	font-size: 1.3em;
	margin-bottom: 15px;
	line-height: 20px;
	}
	
#content.home p { margin-bottom: 30px;font-size: 1.4em;line-height: 30px; }

#content ul {
    font-size:13px;
    margin: 0 0 10px 15px;
    } 
    
#content li { 
	list-style:disc; 
	line-height: 20px;
	} 
	
#content ul ul { margin: 0 0 10px 25px; } 
	
#content li li { list-style: decimal; } 

#content li li li { list-style: lower-roman; }
	
a.learn-more {
	display: block;
	width: 143px;
	height: 34px;
	background: url(../images/learn-more-btn.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	margin: 20px 0 24px 0;
	}
	
a:hover.learn-more { background: url(../images/learn-more-btn.jpg) -143px 0 no-repeat; }

#iframe-header{ width:220px; float:right; margin:50px 20px 15px 0;}

a.return {
	display: block;
	width: 220px;
	height: 34px;
	background: url(../images/return-btn.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
a:hover.return { background: url(../images/return-btn.jpg) -220px 0 no-repeat; }

#magnet-01 {
	display: block; 
	width: 203px; 
	height: 266px;
	background: url(../images/magnet-01.jpg) 0 0 no-repeat;
	float: left;
	margin-right: 22px;
	}
	
#magnet-02 {
	display: block; 
	width: 203px; 
	height: 266px;
	background: url(../images/magnet-02.jpg) 0 0 no-repeat;
	float: left;
	margin-right: 22px;
	}
	
#magnet-03 {
	display: block;
	background: url(../images/magnet-03.jpg) 0 0 no-repeat;
	float: left;
	}
	
#magnet-01 a, #magnet-02 a, #magnet-03 a {
	display: block;
	width: 143px;
	height: 34px;
	background: url(../images/magnet-btn.png) 0 0 no-repeat;
	text-indent: -9999em;
	margin: 232px 0 0 60px;
	}
	
#magnet-01 a:hover, #magnet-02 a:hover, #magnet-03 a:hover { background: url(../images/magnet-btn.png) -143px 0 no-repeat; }
	
* html #magnet-01 a, #magnet-02 a, #magnet-03 a { background: url(../images/magnet-btn.jpg) 0 0 no-repeat; }

* html #magnet-01 a:hover, #magnet-02 a:hover, #magnet-03 a:hover { background: url(../images/magnet-btn.jpg) -143px 0 no-repeat; }
	
.footer {
	clear: both;
	width: 910px;
	background-color: #6bb9dc;
	padding: 10px 20px 6px 20px;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	margin: 0;
	}
	
.footer.bottom { padding: 0 20px 10px 20px; }
	
.footer li {
	display: inline;
	padding: 0 5px;
	border-right: #eee solid 1px;
	}
	
.footer li.last { border-right: 0; }

.footer li a {
	color: #fff;
	text-decoration: none;
	}
	
.footer li a:visited { color: #fff; }

.footer li a:hover { text-decoration: underline; }

h2 {
	float: left;
	text-indent: -9999em;
	}
	
h3 {
	font-size: 1.6em; 
	color: #1590c9;
	padding-bottom: 6px;
	}
	
h4 {
	font-size: 1.3em; 
	color: #554993;
	padding-bottom: 6px;
	}
	
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
	
img.left {
	float: left;
	margin: 0 15px 15px 0;
	}
	
img.center {
    display: block;
    margin: 15px auto;
    }
	
.logo {
   float: left;
   margin: 0 35px 40px 0;
} 
	
#content a {
	color: #1590c8;
	text-decoration: underline;
	}
	
#content a:visited { color: #888; }

#content a:hover { color: #ccc; }

.doctor {
    width: 655px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: #ccc solid 1px;
    float: left;
    }
    
.quote {
    color: #554993;
    font-weight: bold;
    font-style: italic;
    }  

/*---------------START NAV STYLES-----------------*/

#navigation.home {
	float: left;
	width: 255px;
	border-bottom: #1590c8 solid 1px;
	margin: 0;
	padding: 0;
	}
	
#navigation {
	float: left;
	width: 255px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#home {
	display: block;
	width: 255px;
	height: 34px;
	background: url(../images/internal-nav-home.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#navigation.home #home { background: url(../images/nav-home.jpg) 0 0 no-repeat; }
#navigation.home #home:visited { background: url(../images/nav-home.jpg) 0 0 no-repeat; }
#navigation.home #home:hover { background: url(../images/nav-home.jpg) -255px 0 no-repeat; }
#navigation.home #home.selected { background: url(../images/nav-home.jpg) -255px 0 no-repeat; }
#home:visited { background: url(../images/internal-nav-home.jpg) 0 0 no-repeat; }
#home:hover { background: url(../images/internal-nav-home.jpg) -255px 0 no-repeat; }
#home.selected { background: url(../images/internal-nav-home.jpg) -255px 0 no-repeat; }

#about-us {
	display: block;
	width: 255px;
	height: 34px;
	background: url(../images/internal-nav-about-us.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#navigation.home #about-us { background: url(../images/nav-about-us.jpg) 0 0 no-repeat; }
#navigation.home #about-us:visited { background: url(../images/nav-about-us.jpg) 0 0 no-repeat; }
#navigation.home #about-us:hover { background: url(../images/nav-about-us.jpg) -255px 0 no-repeat; }
#navigation.home #about-us.selected { background: url(../images/nav-about-us.jpg) -255px 0 no-repeat; }
#about-us:visited { background: url(../images/internal-nav-about-us.jpg) 0 0 no-repeat; }
#about-us:hover { background: url(../images/internal-nav-about-us.jpg) -255px 0 no-repeat; }
#about-us.selected { background: url(../images/internal-nav-about-us.jpg) -255px 0 no-repeat; }

#cosmetic-dermatology {
	display: block;
	width: 255px;
	height: 34px;
	background: url(../images/internal-nav-cosmetic-services.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#navigation.home #cosmetic-dermatology { background: url(../images/nav-cosmetic-services.jpg) 0 0 no-repeat; }
#navigation.home #cosmetic-dermatology:visited { background: url(../images/nav-cosmetic-services.jpg) 0 0 no-repeat; }
#navigation.home #cosmetic-dermatology:hover { background: url(../images/nav-cosmetic-services.jpg) -255px 0 no-repeat; }
#navigation.home #cosmetic-dermatology.selected { background: url(../images/nav-cosmetic-services.jpg) -255px 0 no-repeat; }
#cosmetic-dermatology:visited { background: url(../images/internal-nav-cosmetic-services.jpg) 0 0 no-repeat; }
#cosmetic-dermatology:hover { background: url(../images/internal-nav-cosmetic-services.jpg) -255px 0 no-repeat; }
#cosmetic-dermatology.selected { background: url(../images/internal-nav-cosmetic-services.jpg) -255px 0 no-repeat; }

#medical-dermatology {
	display: block;
	width: 255px;
	height: 34px;
	background: url(../images/internal-nav-medical-services.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#navigation.home #medical-dermatology { background: url(../images/nav-medical-services.jpg) 0 0 no-repeat; }
#navigation.home #medical-dermatology:visited { background: url(../images/nav-medical-services.jpg) 0 0 no-repeat; }
#navigation.home #medical-dermatology:hover { background: url(../images/nav-medical-services.jpg) -255px 0 no-repeat; }
#navigation.home #medical-dermatology.selected { background: url(../images/nav-medical-services.jpg) -255px 0 no-repeat; }
#medical-dermatology:visited { background: url(../images/internal-nav-medical-services.jpg) 0 0 no-repeat; }
#medical-dermatology:hover { background: url(../images/internal-nav-medical-services.jpg) -255px 0 no-repeat; }
#medical-dermatology.selected { background: url(../images/internal-nav-medical-services.jpg) -255px 0 no-repeat; }

#skin-cancer {
	display: block;
	width: 255px;
	height: 34px;
	background: url(../images/internal-nav-mohs-surgical-services.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#navigation.home #skin-cancer { background: url(../images/nav-mohs-surgical-services.jpg) 0 0 no-repeat; }
#navigation.home #skin-cancer:visited { background: url(../images/nav-mohs-surgical-services.jpg) 0 0 no-repeat; }
#navigation.home #skin-cancer:hover { background: url(../images/nav-mohs-surgical-services.jpg) -255px 0 no-repeat; }
#navigation.home #skin-cancer.selected { background: url(../images/nav-mohs-surgical-services.jpg) -255px 0 no-repeat; }
#skin-cancer:visited { background: url(../images/internal-nav-mohs-surgical-services.jpg) 0 0 no-repeat; }
#skin-cancer:hover { background: url(../images/internal-nav-mohs-surgical-services.jpg) -255px 0 no-repeat; }
#skin-cancer.selected { background: url(../images/internal-nav-mohs-surgical-services.jpg) -255px 0 no-repeat; }

#spa-services {
	display: block;
	width: 255px;
	height: 34px;
	background: url(../images/internal-nav-research-studies.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#navigation.home #spa-services { background: url(../images/nav-research-studies.jpg) 0 0 no-repeat; }
#navigation.home #spa-services:visited { background: url(../images/nav-research-studies.jpg) 0 0 no-repeat; }
#navigation.home #spa-services:hover { background: url(../images/nav-research-studies.jpg) -255px 0 no-repeat; }
#navigation.home #spa-services.selected { background: url(../images/nav-research-studies.jpg) -255px 0 no-repeat; }
#spa-services:visited { background: url(../images/internal-nav-research-studies.jpg) 0 0 no-repeat; }
#spa-services:hover { background: url(../images/internal-nav-research-studies.jpg) -255px 0 no-repeat; }
#spa-services.selected { background: url(../images/internal-nav-research-studies.jpg) -255px 0 no-repeat; }

#products {
	display: block;
	width: 255px;
	height: 34px;
	background: url(../images/internal-nav-physician-referrals.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#navigation.home #products { background: url(../images/nav-physician-referrals.jpg) 0 0 no-repeat; }
#navigation.home #productss:visited { background: url(../images/nav-physician-referrals.jpg) 0 0 no-repeat; }
#navigation.home #products:hover { background: url(../images/nav-physician-referrals.jpg) -255px 0 no-repeat; }
#navigation.home #products.selected { background: url(../images/nav-physician-referrals.jpg) -255px 0 no-repeat; }
#products:visited { background: url(../images/internal-nav-physician-referrals.jpg) 0 0 no-repeat; }
#products:hover { background: url(../images/internal-nav-physician-referrals.jpg) -255px 0 no-repeat; }
#products.selected { background: url(../images/internal-nav-physician-referrals.jpg) -255px 0 no-repeat; }
	
#contact-us {
	display: block;
	width: 255px;
	height: 34px;
	background: url(../images/internal-nav-contact-us.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	padding-bottom: 0;
	}
	
.home #contact-us { padding-bottom: 39px; }
	
#navigation.home #contact-us { background: url(../images/nav-contact-us.jpg) 0 0 no-repeat; }
#navigation.home #contact-us:visited { background: url(../images/nav-contact-us.jpg) 0 0 no-repeat; }
#navigation.home #contact-us:hover { background: url(../images/nav-contact-us.jpg) -255px 0 no-repeat; }
#navigation.home #contact-us.selected { background: url(../images/nav-contact-us.jpg) -255px 0 no-repeat; }
#contact-us:visited { background: url(../images/internal-nav-contact-us.jpg) 0 0 no-repeat; }
#contact-us:hover { background: url(../images/internal-nav-contact-us.jpg) -255px 0 no-repeat; }
#contact-us.selected { background: url(../images/internal-nav-contact-us.jpg) -255px 0 no-repeat; }

#navigation ul {
	background: #c6e0f1;
	padding: 5px 0;
	}
	
#navigation ul ul {
	background: url(../images/nav-second-level-hover.jpg) 0 0 repeat-y;
	padding: 0;
	}
	
#navigation ul li {
	list-style: none;
	}
	
#navigation ul li a {
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	padding: 5px 0 5px 20px;
	display: block;
	width: 234px;
	}

 #navigation ul li a:visited { color: #444; }
 
 #navigation ul li a:hover {
 	color: #484398;
	background: url(../images/flyout-hover.jpg) 0 0 repeat-y;
	}
	
#navigation ul li a.selected {
 	color: #484398;
	background: url(../images/flyout-hover.jpg) 0 0 repeat-y;
	}
	
#navigation ul ul li a {
	color: #1590c8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 0 5px 30px;
	display: block;
	width: 224px;
	}

 #navigation ul ul li a:visited { color: #1590c8; }
 
 #navigation ul ul li a:hover {
 	color: #444;
	background: #eaf7fe;
	}
	
#navigation ul ul li a.selected {
 	color: #444;
	background: #eaf7fe;
	}
	
#navigation ul ul ul li a {
	color: #484398;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	padding: 5px 0 5px 40px;
	display: block;
	width: 214px;
	}

 #navigation ul ul ul li a:visited { color: #484398; }
 
 #navigation ul ul ul li a:hover {
 	color: #444;
	background: #eaf7fe;
	}
	
#navigation ul ul ul li a.selected {
 	color: #444;
	background: #eaf7fe;
	}
	
#navigation ul ul ul ul li a {
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 0 5px 60px;
	display: block;
	width: 194px;
	}

 #navigation ul ul ul ul li a:visited { color: #444; }
 
 #navigation ul ul ul ul li a:hover {
 	color: #484398;
	background: #eaf7fe;
	}

#navigation ul ul ul ul li a.selected {
 	color: #444;
	background: #eaf7fe;
	}


/*---------END NAV STYLES-----------*/


.red {color:#FF0000;}

.botox-link {padding-top: 10px;}

h3 span.reg {
    font-size:60%;
    vertical-align:top;
    text-decoration:none;
	}

h4 span.reg {
    font-size:60%;
    vertical-align:top;
    text-decoration:none;
	}

p span.reg {
    font-size:60%;
    vertical-align:super;
    text-decoration:none;
	line-height: 0;
	}

p span.no-underline {text-decoration:none;}


.contact-table {
    font-size:1.3em;
    margin: 0 0 30px 0;
	width: 450px;
    }    

.contact-table td, .spa-table td {
    padding: 5px;
    margin: 0 10px 0 0;
	background-color: #eee;
    }
	
.contact-table td.blue, .spa-table td.blue { background-color: #c6e0f1; }

#content .contact-table a:visited { color: #1590c8; }
#content .contact-table a:hover { color: #000; }

.spa-table {
    font-size:1.3em;
    margin: 0 0 30px 0;
	width: 655px;
    }  
    
.spa-table td.title {
    font-size: 1.6em; 
	color: #554993;
	padding-bottom: 6px;
	background-color: #ccc;
    }
	
.clear { clear: both; }