/*---------------------------------------------------------------------*/
/* Imports 
/*---------------------------------------------------------------------*/

@import "ads.css";
@import "forms.css";
@import "images.css";
@import "text.css";
@import "tips.css";

/*---------------------------------------------------------------------*/
/* Globals
/*---------------------------------------------------------------------*/

body {
	margin							: 0px;	
	
	background-color				: #4d154d;
	color							: #000000;
		
	font-family						: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size						: 13px;
}

/* Layout */

.clear {
	clear							: both;
}

/* Anchors */

a {
	color							: #990099;
}

.goldText {
	color							: #ffcc00;
}

.goldTextOnWhite {
	color							: #cc9900;
}

/*---------------------------------------------------------------------*/
/* Main Container
/*---------------------------------------------------------------------*/

div#mainC {
	margin-left						: 0px;
	margin-right					: 0px;
	
	padding-bottom					: 10px;

	padding-top						: 15px;
	padding-bottom					: 15px;
		
	background-color				: #ffffff;
}

/*---------------------------------------------------------------------*/
/* Header
/*---------------------------------------------------------------------*/

div#header {
	margin-left						: auto;
	margin-right					: auto;
	margin-bottom					: 5px;
	
	width							: 800px;
	height							: 55px;
	
	background-image				: url(../images/h-logo.jpg);
	background-repeat				: no-repeat;
	
	font-size						: 11px;
	
	vertical-align					: middle;	
}

div#header div.homeLink {
	float							: left;
}

div#header div.inner {
	margin							: auto;
	
	position						: relative;
	float							: right;
	
	top								: 11px;
	
	text-align						: right;
	line-height						: 20px;
}

/* Anchors */

div#header a {
	color							: #cc9900;
}

div#header a:hover {
	color							: #990099;
}

/*---------------------------------------------------------------------*/
/* Splash Area
/*---------------------------------------------------------------------*/

div#splash {
	margin-left						: auto;
	margin-right					: auto;
	margin-bottom					: 10px;
	
	width							: 800px;
	
	text-align						: left;
}

div#splash div.r1c1, div#splash div.r2c1, div#splash div.r3c1 {
	width							: 800px;
}

div#splash div.r1c1 {
	height							: 53px;
	
	background-image				: url(../images/splash-r1-c1.jpg);
}

div#splash div.r2c1 {
	height							: 53px;
	
	background-image				: url(../images/splash-r2-c1.jpg);
}

div#splash div.r3c1 {
	height							: 55px;
	
	background-image				: url(../images/splash-r3-c1.jpg);
}

/*---------------------------------------------------------------------*/
/* Content Area
/*---------------------------------------------------------------------*/

div#content {
	margin-left						: auto;
	margin-right					: auto;
	margin-bottom					: 10px;
	
	width							: 800px;
	/*height							: 280px;*/
	
	text-align						: left;
}

/* Celebration in Dental Care */

div#content div.dentalCare {
	float							: left;
	
	width							: 608px;
}

div#content div.dentalCare h1.title {
	margin							: 0px;
	
	padding-left					: 6px;
	
	height							: 31px;
	
	background-image				: url(../images/hbar-focus-tmj-disorder.jpg);
	background-repeat				: no-repeat;
	
	color							: #4d154d;
	
	text-align						: left;
	line-height						: 25px;
	font-family						: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size						: 16px;
	font-variant					: small-caps;
	font-weight						: bold;
}

div#content div.dentalCare div.inner {
	padding							: 6px;
	padding-top						: 2px;
	padding-bottom					: 2px;
	
	background-image				: url(../images/bg-content.jpg);
}

div#content div.dentalCare div.inner h1 {
	margin							: 0px;
	
	color							: #4d154d;
	
	font-size						: 14px;
	font-weight						: bold;
}

div#content div.dentalCare div.inner div.scroll {
	float							: left;
	
	width							: 421px;
	height							: 234px;
	
	padding-right					: 5px;
	
	overflow-y						: scroll;
}

div#content div.dentalCare div.inner div.newEra {
	float							: right;
	
	width							: 170px;
}

div#content div.dentalCare div.inner div.newEra h1 {
	margin-left						: auto;
	margin-right					: 6px;
	
	width							: 153px;
	
	font-size						: 13px;
	/*text-align						: center;*/
}

div#content div.dentalCare div.inner div.newEra p {
	margin-top						: 4px;
	margin-bottom					: 0px;
	margin-left						: auto;
	margin-right					: 0px;
	
	width							: 153px;
	height							: 92px;
	
	padding							: 6px;
	
	font-size						: 10px;
}

div#content div.dentalCare div.inner div.newEra p.craniodontics {
	background-image				: url(../images/bg-infob-small-purple.jpg);
	background-repeat				: no-repeat;
	
	text-align						: left;
}

div#content div.dentalCare div.inner div.newEra p.alf {
	background-image				: url(../images/bg-infob-small-gold.jpg);
	background-repeat				: no-repeat;
	
	text-align						: left;
}

div#content div.dentalCare div.end {
	height							: 9px;

	background-image				: url(../images/end-content.jpg);
}

/* Anchors */

div#content div.dentalCare div.inner div.newEra a {
	color							: #ffffff;
}

/* Before & After */

div#content div.BA {
	float							: right;
	
	width							: 180px;
}

div#content div.BA div.hbar {
	height							: 31px;
	
	background-image				: url(../images/hbar-before-after-slides.jpg);
	background-repeat				: no-repeat;
	
	padding-left					: 6px;
	
	color							: #4d154d;
	
	text-align						: left;
	line-height						: 25px;
	font-size						: 16px;
	font-variant					: small-caps;
	font-weight						: bold;
}

div#content div.BA div.inner {
	height							: 220px;
	
	padding							: 6px;
	padding-top						: 16px;
	padding-bottom					: 2px;
	
	background-image				: url(../images/bg-before-after-slides.jpg);
}

div#content div.BA div.end {
	height							: 9px;
	
	background-image				: url(../images/end-before-after-slides.jpg);
}

/*---------------------------------------------------------------------*/
/* Dental Procedures
/*---------------------------------------------------------------------*/

div#procedures {
	margin-left						: auto;
	margin-right					: auto;
	margin-bottom					: 0px;
	
	width							: 800px;
	height							: 120px;
	
	text-align						: left;
}

div#procedures div.hbar {
	height							: 30px;
	
	background-image				: url(../images/hbar-dental-procedures.jpg);
	background-repeat				: no-repeat;
	
	padding-left					: 6px;
	padding-right					: 6px;
	
	color							: #4d154d;
	
}

div#procedures div.hbar div.title {
	float							: left;
	
	text-align						: left;
	line-height						: 25px;
	font-size						: 16px;
	font-variant					: small-caps;
	font-weight						: bold;
}

div#procedures div.hbar div.more {
	float							: right;
	
	color							: #990099;
	
	text-align						: right;
	line-height						: 26px;
	font-family						: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-size						: 10px;
	font-weight						: bold;
}

div#procedures div.inner {
	padding							: 5px;
	padding-bottom					: 2px;
	
	background-image				: url(../images/bg-dental-procedures.jpg);
}

div#procedures div.end {
	height							: 8px;
	
	background-image				: url(../images/end-dental-procedures.jpg);
	background-repeat				: no-repeat;
}

/* Info Bubbles */

div#procedures div.inner div.infoBubble {
	float							: left;
	
	width							: 238px;
}

div#procedures div.inner div.infoBubble div.top {
	height							: 6px;
	
	background-image				: url(../images/infob-top-dental-procedures.jpg);
	background-repeat				: no-repeat;
}

div#procedures div.inner div.infoBubble div.inner {
	padding							: 0px;
	padding-left					: 3px;
	padding-right					: 5px;
	
	background-image				: url(../images/infob-bg-dental-procedures.jpg);
	
	font-size						: 10px;
}

div#procedures div.inner div.infoBubble div.inner img {
	margin							: 0px;
	margin-left						: 5px;
	margin-right					: 5px;
	
	float							: left;	
}

div#procedures div.inner div.infoBubble div.end {
	height							: 6px;
	
	background-image				: url(../images/infob-end-dental-procedures.jpg);
	background-repeat				: no-repeat;
}

/* Anchors */

div#procedures div.inner div.infoBubble div.inner a {
	color							: #990099;
	
	font-weight						: bold;
}

/*---------------------------------------------------------------------*/
/* Footer
/*---------------------------------------------------------------------*/

div#footer {
	border-top						: 1px solid #4d154d;

	margin							: 0px;
	margin-left						: 0px;
	margin-right					: 0px;
	
	color							: #cc99cc;
}

div#footer div.inner {
	border-top						: 1px solid #c7acc7;
		
	padding							: 0px;
	padding-top						: 8px;
	padding-bottom					: 5px;
	
	font-size						: 11px;
	line-height:20px;
	text-align						: center;
}

/* Anchors */

div#footer a {
	color							: #cc99cc;
}

div#footer a:hover {
	color							: #ffcc00;
}

/*---------------------------------------------------------------------*/
/* Various
/*---------------------------------------------------------------------*/

.pink {
	color							: #990099;
}