/* styles.css */
/* Designed by: AdMfg, Inc. | Ronald Calbick */
/* Date: 01.09.10*/

/* ****************************************
Contents
	1. CSS Reset
	2. Header
	3. Main Navigation
	4. Content - Home
	5. Content
	6. Footer
**************************************** */

/* ****************************** 1. CSS RESET ****************************** */

/***** GLOBAL SETTINGS *****/ 
html, body {border:0; margin:0; padding:0;}
body {padding: 0px 0px 20px 0px; font-size: 12px; font-family:Tahoma, Trebuchet, Arial, sans-serif;}
 
/***** HEADINGS *****/ 
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0; padding: 0px; font-weight:normal;} 
 
/***** COMMON ELEMENTS *****/ 
p, ul, ol {margin:0; padding:0 0 10px 0; font-size:1.2em;} 
ul, ol {padding:0 0 0 2.5em;} 
blockquote {margin:12px; padding:12px 12px 0px 12px;} 
small {font-size:8.5px;}
img {margin: 0px; padding: 0px; border:0px;} 
sup {position:relative; bottom:3px; vertical-align:baseline;}
sub {position:relative; bottom:-2px; vertical-align:baseline;}
acronym, abbr {cursor:help; letter-spacing:1px; border-bottom:1px dashed;}
 
/***** FORMS *****/
form {margin:0; padding:0; display:inline;}  
input[type="checkbox"], input[type="radio"] {margin:0; padding:0; border:0;}
input[type="image"] {border: 0;}
label {cursor:pointer;}
input[type="submit"], input[type="reset"] {
	width: 110px;
	height: 27px;
	border: 0px;
	background: url(../images/bg/contactButtonBack.png) no-repeat;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
 
/***** TABLES *****/ 
table {border:0; margin:0 0 0px 0; padding:0;}
table tr td {padding:2px;}
 
/***** WRAPPER *****/
#wrapper {
	position: relative;
	width:960px; 
	margin: 0px auto; 
	border-right: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000; 
	text-align:left;
}

/***** GLOBAL CLASSES *****/
.clear  {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
 
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}
.vertMid {vertical-align: middle;}
 
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
  
.nopadding {padding:0;}
.nobullet {list-style:none; list-style-image:none;}

.blue {color: #006bb7;}

/***** CSS3 Shadow *****/
.shadow {
    -moz-box-shadow: 3px 3px 3px #000;
    -webkit-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;
}

/***** CLEAR FIX *****/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* ****************************** END CSS RESET ****************************** */

/* ****************************** 2. HEADER ****************************** */
#header {
	position: relative;
	width: 960px;
	height: 204px;
	background: url(../images/bg/headerBack.jpg) repeat-x;
}
#logo {
	float: left; 
	width: 400px; 
	height: 204px;
}
#logo img {margin-top: 33px; margin-left: 50px;}
.slideshow {
	float: right;
	width: 560px;
	height: 204px;
}
#slideshowText {z-index: 10; position: absolute; top: 20px; right: 20px;}
/* ****************************** END HEADER ****************************** */

/* ****************************** 3. MAIN NAVIGATION ****************************** */
#mainNav {
	position: relative;
	z-index: 1000;
	width: 960px;
	height: 48px;
	border-bottom: 14px solid #000000;
	text-align: center;
}
#mainNav ul {
	display: inline-block;
	list-style-type: none;
	width: 960px;
	height: 48px;
	padding: 0px;
}
#mainNav ul li {
	position: relative;
	display: block;
	float: left;
	line-height: 48px;
	margin: 0px; 
	padding: 0px 35px;
	font-size: 16px; 
	text-align: center;
	text-transform: uppercase;
}
#mainNav ul li.dropdown {background: url(../images/bg-mainNav-closed.png) no-repeat 90% 50%;}
#mainNav ul li.dropdown-hover {background: url(../images/bg-mainNav-open.png) no-repeat 90% 50%;}
#mainNav ul li:hover {cursor: pointer;}
#mainNav ul li.separator {padding: 0;}
#mainNav ul li.separator:hover {cursor: auto;}
#mainNav ul li a {text-decoration: none; color: #000;}

#mainNav ul li ul {display: none; position: absolute; top: 48px; left: 0; width: 200px; height: auto; border: 1px solid #000; background: #dbdbdb;}
#mainNav ul li:hover ul {display: block;}
#mainNav ul li ul li {float: none; width: 162px; line-height: 16px; margin: 0; padding: 6px 19px; border-top: 1px solid #000; text-align: left; text-transform: none;}
#mainNav ul li ul li:hover {background: #bdbdbd;}
#mainNav ul li ul li:first-child {border: 0;}
#mainNav ul li ul li a {display: block; width: 162px; text-decoration: none; color: #000000;}
/* ****************************** END MAIN NAVIGATION ****************************** */

/* ****************************** 4. CONTENT - HOME ****************************** */
#homeContent {
	position: relative;
	z-index: 100;
	width: 960px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	background: #ffffff url(../images/bg/contentBack.jpg) bottom center repeat-x;
}
#interiorHome {
	position: relative;
	width: 900px;
	min-height: 140px;
	padding: 10px 30px 0px 30px;
	border-bottom: 14px solid #000000;
	background: url(../images/bg/interiorHome.jpg) repeat-x;
}
#homeQuote {float: left;	width: 270px; margin: 20px 60px 0 0;}
#homeQuote p {font-size: 14px; font-style: italic; line-height: 1.2em;}
#homeCopy {float: left; width: 570px; color: #ffffff;}
#homeCopy p {line-height: 1.2em; font-size: 20px;}
#homeCopy h1 {margin: 15px 0px 10px 0px; padding: 0 0 10px 0; border-bottom: 1px solid #7fb0ca; font-size: 24px; font-weight: bold; color: #ffffff;}
#promo {position: relative; float: right; width: 585px; min-height: 235px; margin: 10px 0 0 0; padding: 10px 20px; background: #4b4b4b;}
* html div#promo {height: expression( this.scrollHeight < 216 ? "215px" : "auto" );} /* sets min-height for IE */
#promo h1 {margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 2px solid #757575; font-size: 25px; text-transform: uppercase; color: #ffffff;}
#promo ul {padding: 0 0 0 15px; font-size: 15px; font-style: italic; color: #fff;}
#promo ul li {line-height: 1.4em;}
.titanium {position: absolute; bottom: 25px; right: 20px;}
#about {position: relative; float: left; width: 307px; margin: 71px 20px 0px 0px; color: #ffffff;}
#about h2 {
	height: 60px; 
	margin: 0px;
	padding: 0px 20px;
	background: url(../images/bg/aboutHeaderBack.png) top center no-repeat; 
	line-height: 60px;
	font-size: 18px;
	color: #ffffff;
}
#about div {position: relative; min-height: 175px; padding: 0px 20px; background: #000000; font-size: 13px;}
* html div#about div {height: expression( this.scrollHeight < 176 ? "175px" : "auto" );} /* sets min-height for IE */
#about div p {padding: 10px 0px;}
#about div p a {font-style: italic; color: #ffffff;}
#about div p a:hover {color: #5da8ce;}
#paul {z-index: 10; position: absolute; top: -81px; right: 0px;}
/* ****************************** END CONTENT - HOME ****************************** */

/* ****************************** 5. CONTENT ****************************** */
#content {
	position: relative;
	width: 900px;
	margin-bottom: 10px;
	padding: 20px 30px;
	background: #ffffff url(../images/bg/contentBack.jpg) bottom center repeat-x;
}
#contentLeft, #contentRight {
	position: relative; 
	float: left; 
	min-height: 450px; 
	margin-bottom: 5px;
	color: #4d4d4d;
}
#contentLeft {
	width: 283px; 
	margin-right: 25px; 
	padding: 0px 25px 0px 10px;
	border-right: 2px solid #e0eef6; 
}
#contentRight {width: 555px; font-size: 14px;}
* html div#contentLeft, * html div#contentRight {height: expression( this.scrollHeight < 451 ? "450px" : "auto" );} /* sets min-height for IE */

#contentLeft h1, #contentRight h1 {font-size: 20px;}
#contentLeft h1, #contentLeft h1 a {margin-bottom: 5px; text-decoration: none; font-weight: bold; color: #006ab7;}
#contentLeft h1 a:hover {text-decoration: underline;}
#contentRight h1 {font-weight: bold;}
#contentLeft ul {margin-bottom: 20px; list-style-type: none;}
#contentLeft ul li h2 {margin-bottom: 0px; font-size: 16px;}
#contentLeft ul li h2 a {text-decoration: none; color: #4d4d4d;}
#contentLeft ul li h2 a:hover {text-decoration: underline;}

#contentRight a {color: #006ab7;}
#contentRight img {float: right; margin: 0px 0px 10px 10px;}

#contentRight a.pdf {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding-left: 39px;
	background: url(../images/pdf.jpg) no-repeat;
	text-decoration: none;
}
#contentRight a.externalLink {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding-left: 26px;
	background: url(../images/externalLink.jpg) center left no-repeat;
	text-decoration: none;
}
#contentRight a.pdf:hover, #contentRight a.externalLink:hover {text-decoration: underline;}

/***** Product Nav Breadcrumbs *****/
body.CADCAMcerecConnect #CADCAMcerecConnect, body.CADCAMlava3M_ESPE #CADCAMlava3M_ESPE, body.CADCAMcadent_iTero #CADCAMcadent_iTero, body.CADCAMcerecSirona #CADCAMcerecSirona, body.CADCAMorigin #CADCAMorigin,
body.alloy #alloy, body.IPSempress #IPSempress, body.cristobal #cristobal, body.fullCastCrowns #fullCastCrowns, body.lava3M_ESPE #lava3M_ESPE, body.IPSemaxCAD #IPSemaxCAD, body.IPSemaxLayered #IPSemaxLayered, body.BruxZir #BruxZir, body.IPSprep #IPSprep, body.IPSbond #IPSbond, body.diagnosticWaxUp #diagnosticWaxUp, body.cerecConnect #cerecConnect, body.implants #implants, body.SRivocap #SRivocap, body.staubCranial #staubCranial, body.sunflexPartials #sunflexPartials, body.laserWelder #laserWelder, body.precisionAttachments #precisionAttachments, body.castPartials #castPartials, body.identAlloyProgram #identAlloyProgram, body.invisiguard #invisiguard, body.Nobel_BioCare #Nobel_BioCare, body.DentioGuard #DentioGuard, body.Titanium #Titanium, body.FlatRate #FlatRate, body.PFMNoble #PFMNoble {
	font-weight: bold;
}
body.CADCAMcerecConnect #CADCAMcerecConnect:hover, body.CADCAMlava3M_ESPE #CADCAMlava3M_ESPE:hover, body.CADCAMcadent_iTero #CADCAMcadent_iTero:hover, body.CADCAMcerecSirona #CADCAMcerecSirona:hover, body.CADCAMorigin #CADCAMorigin:hover, 
body.alloy #alloy:hover, body.IPSempress #IPSempress:hover, body.fullCastCrowns #fullCastCrowns:hover, body.lava3M_ESPE #lava3M_ESPE:hover, body.IPSemaxCAD #IPSemaxCAD:hover,
body.diagnosticWaxUp #diagnosticWaxUp:hover, body.cerecConnect #cerecConnect:hover, body.implants #implants:hover, body.SRivocap #SRivocap:hover, body.staubCranial #staubCranial:hover,
body.sunflexPartials #sunflexPartials:hover, body.laserWelder #laserWelder:hover, body.precisionAttachments #precisionAttachments:hover, body.castPartials #castPartials:hover, 
body.identAlloyProgram #identAlloyProgram:hover, body.invisiguard #invisiguard:hover, body.Nobel_BioCare #Nobel_BioCare:hover, body.DentioGuard #DentioGuard:hover, body.Titanium #Titanium:hover, body.FlatRate #FlatRate:hover, body.PFMNoble #PFMNoble:hover {
	text-decoration: none;
}

/***** Links Nav Breadcrumbs *****/
body.dentalCompanies #dentalCompanies, body.dentalImplants #dentalImplants {font-weight: bold;}
body.dentalCompanies #dentalCompanies:hover, body.dentalImplants #dentalImplants:hover {text-decoration: none;}

/***** Contact nav Breadcrums *****/
body.contact #contact, body.directions #directions {font-weight: bold;}
body.contact #contact:hover, body.directions #directions:hover {text-decoration: none;}

#WDYN {margin: 25px 0px 10px 0px; text-align: center; font-size: 18px; color: #fd3904;}
#WDYN img {display: block; margin: 0px auto;}
#WDYN a {color: #fd3904;}
#WDYN a:hover {text-decoration: underline;}

.staffImg {margin: 0 0 5px 5px!important; padding: 2px; border: 1px solid #006bb7;}
/* ****************************** END CONTENT ****************************** */

/* ****************************** 6. FOOTER ****************************** */
/* ****************************** END FOOTER ****************************** */
#footer {
	clear: both;
	width: 960px;
	padding-top: 10px;
	border-top: 35px solid #e5e7e7;
	text-align: center;
	color: #565555;
}
#footer a {color: #565555;}
#footer a:hover {color: #000000;}