/* 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;}

/***** 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 {
	width: 960px;
	height: 48px;
	border-bottom: 14px solid #000000;
	text-align: center;
}
#mainNav ul {
	list-style-type: none;
	width: 960px;
	height: 48px;
	padding: 0px;
	line-height: 48px;
	font-size: 18px;
	display: inline-block;
}
#mainNav ul li {
	display: inline; 
	margin: 0px; 
	padding: 0px 15px;
	text-align: center;
	font-weight: bold;
}
#mainNav ul li a {color: #000000; text-decoration: none;}
#mainNav ul li a:hover {color: #1d7bbe; text-decoration: underline;}
body.index a#indexLink, body.services a#servicesLink, body.downloads a#downloadsLink, body.library a#libraryLink, body.links a#linksLink, body.contact a#contactLink {color: #1d7bbe;}
/* ****************************** END MAIN NAVIGATION ****************************** */

/* ****************************** 4. CONTENT - HOME ****************************** */
#homeContent {
	position: relative;
	width: 960px;
	margin-bottom: 10px;
	padding-bottom: 25px;
	background: #ffffff url(../images/bg/contentBack.jpg) bottom center repeat-x;
}
#interiorHome {
	position: relative;
	width: 940px;
	margin-bottom: 50px;
	padding: 10px 10px 0px 10px;
	border-bottom: 14px solid #000000;
	background: #5da8ce;
}
#interiorHome ul {
	float: left;
	list-style-type: none;
	width: 307px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}
#interiorHome ul li {
	display: block;
	width: 307px;
	height: 53px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 53px;
}
#interiorHome ul li h2 {margin: 0px; padding: 0px;}
#interiorHome ul li h2 a {
	display: block;
	width: 307px;
	height: 53px;
	background: url(../images/bg/buttonBack.jpg) no-repeat;
	text-decoration: none;
	color: #ffffff;
}
#interiorHome ul li h2 a:hover {background: url(../images/bg/buttonBack.jpg) 0px -53px no-repeat;}
#homeCopy {
	float: left;
	width: 320px;
	color: #ffffff;
}
#homeCopy p {line-height: 1.2em; font-size: 20px;}
#homeCopy h1, #promo h1 {font-size: 25px; color: #ffffff;}
#homeCopy h1 {margin: 15px 0px 35px 0px;}
#homeCADCAM {
	z-index: 15;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 325px;
	height: 361px;
}
#homeCADCAM a {
	position: absolute;
	top: 25px;
	right: 0px;
	display: block;
	width: 275px;
	height: 200px;
}	
#promo h1 {margin: 0px;}
#promo {
	float: right;
	width: 605px;
	min-height: 235px;
	margin-bottom: 15px;
	padding: 0px 10px;
	background: #8a8c8d;
}
* html div#promo {height: expression( this.scrollHeight < 236 ? "235px" : "auto" );} /* sets min-height for IE */
#promo hr {border: 0px; margin: 10px 0px; background: #acadae; color: #acadae;}
#promo img {float: left; margin-right: 5px;}
#promo p {color: #ffffff;}
#about {
	position: relative;
	float: left;
	width: 307px;
	margin: 0px 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: 17px;}
#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.IPSempress #IPSempress, body.cristobal #cristobal, body.fullCastCrowns #fullCastCrowns, body.lava3M_ESPE #lava3M_ESPE, body.IPSemaxCAD #IPSemaxCAD,
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 {
	font-weight: bold;
}
body.CADCAMcerecConnect #CADCAMcerecConnect:hover, body.CADCAMlava3M_ESPE #CADCAMlava3M_ESPE:hover, body.CADCAMcadent_iTero #CADCAMcadent_iTero:hover, 
body.IPSempress #IPSempress:hover, body.cristobal #cristobal: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 {
	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.contactUs #contactUs, body.staff #staff, body.aboutUs #aboutUs {font-weight: bold;}
body.contactUs #contactUs:hover, body.staff #staff:hover, body.aboutUs #aboutUs: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;}
/* ****************************** 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;}