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

body {
	padding:0px; margin:18px 0px 0px 0px; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; line-height:1.6em; font-size:.7em; background:url(images/background-gradient.jpg) repeat-x #769eba; color:#444444;
}
.bodyHolder {
	width:766px;
}


.bodyContent {
	float:left; width:764px; border-left:1px solid #c5c4c4; border-right:1px solid #c5c4c4; background-color:#FFFFFF; text-align:left; padding:0px; margin:0px 0px 8px 0px;
}
.topNav {
	float:left; width:749px; background:#749db9; padding:10px 0px 10px 15px; margin:0px; font-size:1.1em;
}
		div.topNav ul {
			float:left; width:706px; list-style:none; margin:0px; padding:0px;
		}
		div.topNav ul li {
			float:left; margin:0px; padding:0px; color:#ffffff; position:relative;
		}
			div.topNav a {
				color:#ffffff; text-decoration:none;
			}
			div.topNav a:hover {
				color:#ffffff; text-decoration:underline;
			}
			
	ul ul.sub {
			display:none; margin:0px; padding:0px; 
		}
			ul li:hover ul.sub {
					display:block; color:#FFFFFF; position:absolute; top:16px; float:left; left:0px; width:125px; font-size:.9em; margin:0px; padding:0px; list-style:none; z-index:150; text-align:left;
				}
					ul li:hover ul.sub li {
						float:left; width:120px; padding:5px 0px 5px 5px; background:#999999; margin:0px;
					}
					
					
.flashLogo {
	float:left; width:729px; height:114px; background:url(images/dermaclose-rc-logo.gif);
}
.bottomNav {
	float:left; width:734px; padding:5px 0px 5px 0px; font-size:.85em;
}

/* HOME PAGE ---------------------------------------------------*/

div.holder {
	float:left; width:734px; padding:10px 15px 0px 15px; margin:0px;
}
.welcome {
	float:left; width:420px; padding:0px 10px 0px 0px; line-height:1.7em; text-align:left;
}
.applications {
	float:left; width:466px; background:url(images/applications-man.jpg) no-repeat; padding:300px 15px 0px 0px; margin:0px; height:553px;
}
.guides {
	float:left; width:250px; padding:0px; margin:0px;
}
.doctors {
	border:1px solid #999999; margin:6px 0px 6px 0px;
}
.rightCol {
	float:left; width:278px; padding:19px 0px 0px 0px; margin:0px 0px 0px 26px;
}
.deviceHolder {
	float:left; line-height:1.7em; width:234px; padding:10px 89px 10px 15px; margin:0px 0px 15px 0px; height:146px; background:url(images/device-right.jpg) no-repeat right top; border-top:1px solid #3ABB9B; border-left:12px solid #3ABB9B; border-right:12px solid #3ABB9B; border-bottom:1px solid #3ABB9B;
}
.rightItem {
	float:left; line-height:1.7em; width:248px; padding:10px 15px 10px 15px; margin:0px 0px 15px 0px; border:1px solid #CCCCCC;
}
.leftItem {
	float:left; line-height:1.7em; width:250px; padding:10px 15px 10px 15px; margin:0px 0px 15px 0px; border-top:1px solid #3ABB9B; border-left:12px solid #3ABB9B; border-right:12px solid #3ABB9B; border-bottom:1px solid #3ABB9B;
}
.devicePhoto {
	float: left; width:363px; padding:15px 0px 0px 0px;
}

.column {
	float:left; padding:10px; width:334px;
}


/* PAGES -------------------------------------------------------*/
.graphics {
	float:left;
}
.interiorText {
	float:left; width:734px; padding:8px 0px 0px 0px;
}
.interiorCol {	
	float:left; width:734px; padding:10px 15px 10px 15px;
}
.caseStudyCol {
	float:left; width:342px; padding:0px 10px 0px 0px;
}
.fullCol {
	float:left; width:734px; padding:10px 0px 10px 0px;
}
.caseStudyPhoto {
	border:1px solid #000000; margin:0px 3px 0px 0px;
}


/* TEXT AND LINKS ----------------------------------------------*/
a:link,a:visited {
	color:#3078BD; text-decoration:none;
}
a:hover {
	color:#3078BD; text-decoration:none;
}
a.nav:link, a.nav:visited {
	color:#FFFFFF; text-decoration:none;
}
a.nav:hover {
	color:#FFFFFF; text-decoration:underline;
}
.blue {
	color:#3078BD;
}
h1 {
	font-size:2.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px; color:#769eba;
}
h2 {
	font-size:1.6em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; padding:0px; color:#333333;
}
h3 {
	font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; padding:0px;
}

input,select,textarea {
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
}
.button {
	background:#3078bd; padding:3px; margin:0px; color:#FFFFFF; border:none; font-weight:bold; border-radius:5px; -moz-border-radius:5px; cursor:pointer;
}
.tiny {
	text-align:right; font-size:.9em; color:#333333;
}