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

* html #identity { height: 1%; }

h4 {}
h1 { margin: 0px 0px; padding: 21px 0px;line-height: 28px;}
p { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; }

body { background-image: url(images/background-y.jpg);background-repeat: repeat-x;margin-top: 1px;margin-left: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; background-color: #5e8cae;}
body a {color: #006699; text-decoration: none; }
body a:hover {color: black; }

/* Main DIV container where all site content appears */
#wrapper { background-repeat: no-repeat; border-top: 1px solid white; width: 860px;height: 660px;margin: 0px auto;position: relative; }
#wrapper.home {background-image: url(images/background-1.png); }
#wrapper.specialties {background-image: url(images/background-aboutus.png); }
#wrapper.caseandcontact {background-image: url(images/background-2.png); }
#wrapper.productsandbackground {background-image: url(images/background-3.png); }
#wrapper.caseandcontact #content-text #shipping-labels {padding: 0px 0px 0px 40px; margin: 12px 0px 0px; list-style-image: url(images/reader_icon_special_sm.jpg); list-style-position: outside;}
#wrapper.caseandcontact #content-text #shipping-labels li {padding: 0px 0px 5px 5px;}

#footer { font-size: 10px; color: white; position: relative; margin: 10px auto 0px; width: 860px; height: 30px; border-top: 2px groove white; }
#footer #left {float: left; display: inline; width: 600px; height: inherit; }
#footer #right {float: right; display: inline; height: inherit; width: 180px; }

/* This DIV contains the text "Olympus Dental Ceramics" in the upper left corner */
#top-text { height: 20px;width: 186px;position: absolute;top: 10px;left: 15px;font: normal normal normal 12px/20px "Trajan Pro";dispaly: inline; }

/* The content ID is the box that holds all the site content underneath the navigation */
#content { position: absolute; top: 237px;left: 63px;width: 447px;height: 298px; padding: 15px 0px 0px 10px; }
#content-text {overflow-y: scroll; overflow-x: none; width: 444px; height: 234px; border: none; margin: 0px 0px 0px 5px;}
#content-text p {margin-top: 0px;}
#content-text ul#links {list-style: none; padding: 0;}
#content h1 {color: #3374a7; font-family: "Trajan Pro"; margin: 25px 0px 10px 5px; padding: 0px;}
#content h5 {color: #3374a7; font-family: "Trajan Pro"; margin: 0px 0px -16px 5px; padding: 0px;}

#contact-content { position: absolute; top: 237px;left: 63px;width: 447px;height: 298px; padding: 15px 0px 0px 10px; }

/* navigation menu declarations */
#nav { position: relative; width: 630;left: 216px;top: 121px;padding: 0px; margin: 0;}
#nav ul { margin: auto; padding: 0px; list-style: none; border: none; height: 1em;}
#nav li, #nav li#last-item 
	{ font-weight: bold; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; display: inline; height: 1em; margin: auto 34px auto 0px; padding: 0px;}
#nav li#last-item {margin: 0px;}
#nav li a { text-decoration: none; color: #006699;}
#nav #main { position: absolute; top: 30px; display: none; width: 125px; height: auto; }
#nav #main #lower {background-image:url(images/nav-lower.gif); background-repeat: no-repeat; width: auto; height: auto;}
#nav #main #upper.about {padding: 10px 0px 0px 0px; margin: 0px; background-color: white; height: 32px; }
#nav #main #upper.pands {padding: 10px 0px 0px 0px; margin: 0px; background-color: white; height: 50px; }
#nav #main #upper.caseservices {padding: 10px 0px 0px 0px; margin: 0px; background-color: white; height: 63px; }
#nav #main #upper.contact {padding: 10px 0px 0px 0px; margin: 0px; background-color: white; height: 32px; }
#nav #main a { }
#nav #main ul {padding: 0px; margin: 0px; list-style: none; text-align: center; width: 125px;}
#nav #main ul li {font-size: 10px; display: block; padding: 2px 0px 4px 0px; margin: 0px; text-align: center; line-height: 1em; height: auto;}

/* Psuedo declarations for the navigation menu */
#nav li a:hover { color: black; }
#nav #main li:hover {background-color: #e4f1fb; }
#nav li:hover #main.about {position: absolute; top: 15px; left: 38px; display: inline; }
#nav li:hover #main.pands {position: absolute; top: 15px; left: 176px; display: inline; }
#nav li:hover #main.caseservices {position: absolute; top: 15px; left: 333px; display: inline; }
#nav li:hover #main.contact {position: absolute; top: 15px; left: 509px; display: inline; }
	
/* section identifier (where you are in the site) image declarations */
img#home {position:absolute; top: 45px; left: 200px;}
img#contact {position: absolute; top: 45px; left: 753px;}
img#specialties {position: absolute; top: 45px; left: 282px;}
img#links {position: absolute; top: 45px; left: 678px; }
img#pands {position: absolute; top: 45px; left: 423px; }
img#practicesupport {position: absolute; top: 45px; left: 580px;}

/* Other img styles */
img#map {margin-top: 15px; float: left; border: 1px solid gray; }
img:hover#map {border: 1px solid blue;}
p.map {margin: 0px 5px 5px 195px; padding-top: 10px;}
/*#home-nav-image {position: absolute; display:inline; height: 106px; width: 71px; top: 39px; left: 205px;}
#home-nav-image a img { text-decoration: none; border: none; }*/

/* Positions the clips of pictures that sometimes are displayed to the right of the content area */
#glimpse { position: absolute; left: 522px; top: 257px; }
#glimpse.restorations { position: absolute; left: 522px; top: 298px; }

/* Form styling */
form label {padding: 5px 0px 0px 0px; font-size: 12px; }
form ul {list-style: none; padding-left: 10px; margin: 0px 0px 5px 0px;}
form textarea#txtareasupplyform {width: 0px; height: 0px; visibility: hidden; }
form textarea#pstextarea {width: 0px; height: 0px; visibility: hidden; }
form input { margin: 0px 0px 5px 0px;}
form#supplyform textarea {width: 300px; height: 75px;}