/* CSS Document */

html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

*{
	margin:0;
	padding:0;
}

body{
	text-align:center;
	color:rgb(63,63,63);
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	background: rgb(170,211,220) url(../images/background_body.gif) repeat-x top left;
}

#wrapper{
	text-align:center;
	margin:0 auto;
	width:884px;
	background:url(../images/background_wrappershadow.gif) top center repeat-y;
}

#mastshaddow{
	background:url(../images/background_mastshaddow.gif) top center no-repeat;
	padding:0 10px;
}

img{
	display:block;
}

h1, h2, h3, h4{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:rgb(60,60,60);
}

h2{
	margin-bottom:.2em;
	text-indent:-999em;
	height:30px;
}

h3{
	font-size:1.2em;
	letter-spacing:.1em;
	margin-bottom:.5em;
	background:url(../images/dashedrule.gif) bottom left repeat-x;
	padding-bottom:10px;
	color:rgb(12,39,81);
}

h4{
	font-size:1em;
	font-weight:normal;
	background:url(../images/dashedrule.gif) bottom left repeat-x;
	padding-bottom:10px;
	margin-bottom:5px;
}

h5{
	font-size:.8em;
}

p, li, dt, dd, address {
	font-size: 1em;
	line-height:1.5em;
}

p, ul, ol, address{
	margin-bottom:1em;
}

li ul{
	margin:0;
}

#wrapper li.sublist{
	padding-bottom:0;
}
/*
p+h3, ol+h3, ul+h3{
	margin-top:2em;
}
*/

ul{
	list-style-type:none;
}

a{
	color:#CD735C;
	text-decoration:none;
}

a img, img{
	border:none;
}

#masthead{
	position:relative;
}

#masthead h1{
	text-indent:-999em;
	background:url(../images/masthead_yourskinyourlife.jpg) top center no-repeat;
	height:395px;
}

.clear{
	clear:both;
	visibility:hidden;
}

/* ------------------------- end base rules -------------------------- */




/* ------------------------- begin content -------------------------- */
#content{
	text-align:left;
	background:url(../images/background_content.gif) top left repeat-y;
	padding-top:20px;
}

#lhcolumn{
	float:left;
	width:300px;
	margin-left:10px;
}
#lhcolumn li{
	padding-bottom:0;
	padding-left:15px;
	background:url(../images/bullet_square.gif) top left no-repeat;
}

#lhcolumn li li{
	background:url(../images/bullet_square_sublist.gif) top left no-repeat;
}

#content>#lhcolumn{
	margin-left:20px;
}
#lhcolumn #admonthlyspecial{
	display:block;
	border:0;
	margin-bottom:50px;
}
	
#rhcolumn{
	margin:0 25px 0 370px;
	position:relative;
}

#rhcolumn h4{
	padding:0; margin:1em 0 0; font:bold 1.1em/1.4em Trebuchet MS; color:#333; text-transform:uppercase;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:rgb(139,199,201);
	font-size:1.4em;
}

.sectionhead{
	margin:0 -20px 10px -25px;
}

#rhcolumn li, #qalist li{
	padding-bottom:0;
	padding-left:15px;
	background:url(../images/bullet_square.gif) top left no-repeat;
}

#rhcolumn li li{
	background:url(../images/bullet_square_sublist.gif) top left no-repeat;
}
#lhfirsthead{
	display:block;
	margin-bottom:20px;
}
#drmoeller{
	display:block;
	float:left;
	margin:0 10px 10px 0;
}
.featureimage{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:10px;
	
}
/* ------------------------- end content -------------------------- */




/* ------------------------- begin navigation -------------------------- */
#moellerhome{
	display:block;
	position:absolute;
	top:303px;
	left:426px;
	width:183px;
	height:65px;
	background:none;
	border:none;
	text-indent:-2000px;
	overflow:hidden;
}

#skinenhancement{
	display:block;
	position:absolute;
	top:303px;
	right:45px;
	width:191px;
	height:67px;
	background:none;
	border:none;
	text-indent:-2000px;
	overflow:hidden;
}

#nav{
	height:70px;
	margin:0;
	background:#fff;
}

#nav li{
	float:left;
}

#nav li a{
	display:block;
	height:40px;
	text-indent:-900em;
	overflow:hidden;
}

#nav .home{
	background:url(../images/background_nav.gif) 0 0 no-repeat;
	width:80px;
	height:40px;
	text-indent:-900em;
	overflow:hidden;
}

#nav .about a{
	background:url(../images/background_nav.gif) -80px 0 no-repeat;
	width:90px;
}

#nav .about a:hover{
	background:url(../images/background_nav.gif) -80px -45px no-repeat;
}

#nav .dermatology a{
	background:url(../images/background_nav.gif) -170px 0 no-repeat;
	width:150px;
}

#nav .dermatology a:hover{
	background:url(../images/background_nav.gif) -170px -45px no-repeat;
}

#nav .enhancement a{
	background:url(../images/background_nav.gif) -320px 0 no-repeat;
	width:210px;
}

#nav .enhancement a:hover{
	background:url(../images/background_nav.gif) -320px -45px no-repeat;
}

#nav .patient a{
	background:url(../images/background_nav.gif) -530px 0 no-repeat;
	width:130px;
}

#nav .patient a:hover{
	background:url(../images/background_nav.gif) -530px -45px no-repeat;
}

#nav .news a{
	background:url(../images/background_nav.gif) -660px 0 no-repeat;
	width:60px;
}

#nav .news a:hover{
	background:url(../images/background_nav.gif) -660px -45px no-repeat;
}

#nav .contact a{
	background:url(../images/background_nav.gif) -720px 0 no-repeat;
	width:144px;
}

#nav .contact a:hover{
	background:url(../images/background_nav.gif) -720px -45px no-repeat;
}




#subnav a{
	display:block;
	text-indent:-900em;
	width:298px;
	height:66px;
}

#subnav .enhancement{
	background:url(../images/btn_enhancement.gif);
}

#subnav .enhancement:hover{
	background:url(../images/btn_active_enhancement.gif);
}

#subnav .patient{
	background:url(../images/btn_patient.gif);
}

#subnav .patient:hover{
	background:url(../images/btn_active_patient.gif);
}

#subnav .news{
	background:url(../images/btn_news.gif);
}

#subnav .news:hover{
	background:url(../images/btn_active_news.gif);
}

#subnav .dermatology{
	background:url(../images/btn_dermatology.gif);
}

#subnav .dermatology:hover{
	background:url(../images/btn_active_dermatology.gif);
}

#subnav .about{
	background:url(../images/btn_about.gif);
}

#subnav .about:hover{
	background:url(../images/btn_active_about.gif);
}

#subnav .contact{
	background:url(../images/btn_contact.gif);
}

#subnav .contact:hover{
	background:url(../images/btn_active_contact.gif);
}

#subnav .home{
	background:url(../images/btn_home.gif);
}

#subnav .home:hover{
	background:url(../images/btn_active_home.gif);
}


/* ------------------------- end navigation -------------------------- */



/* ------------------------- begin footer -------------------------- */
#footer{
	background:rgb(139,199,201);
	color:#fff;
	text-align:center;
	height:80px;
	font-size:10px;
	font-weight:normal;
	padding:15px 0 0 0;
}

#footer a{
	color:#fff;
}

#footer span{
	padding-left:20px;
}
/* ------------------------- end footer -------------------------- */
.note{font-size:.9em; line-height:.9em}