/* Copyright 2010 by Quexion, LLC - Any Usage of this document on another 
   site must be sited and credited to the original author - Quexion, LLC.
 * ------------------------------------------------------------------------- */

/*
COLORS
orange: #f36d4e
text: #3c434a
*/

@import url(reset.css);

/* global elements
 * ------------------------------------------------------------------------- */
body { border-top:5px solid #f26649; }
* { font-family:Arial, Helvetica, Sans-Serif; line-height:1.6em; }
p, li, blockquote, cite { font-size:12px; line-height:1.6em; color:#3c434a; }
p { margin-bottom:19px; }
a { text-decoration:none; font-weight:bold; color:#f36d4e; letter-spacing:.05em; }
a:hover { text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { line-height:normal; color:#3c434a; }
h2 { font-weight:normal; font-size:22px; letter-spacing:-.05em; }
h3 { font-family:Trebuchet MS; font-weight:bold; font-size:18px; color:#f36c4e; margin-bottom:10px; }
h3 a { font-family:Trebuchet MS; }
h3.dark { color:#3c434a; }
h3 span { font-weight:normal; font-family:Trebuchet MS; color:#3c434a; }
li h3 { margin-bottom:0; }
h4 { color:#3c434a; margin-bottom:10px; font-size:14px; }
h4.sub-head, h5.sub-head { margin-top:-10px; margin-bottom:5px; }
h5 { font-weight:bold; font-size:14px; font-family:Trebuchet MS;  }
h5 span { font-weight:normal; font-style:italic; }
h6 { font-weight:normal; font-size:12px; font-style:italic; margin-top:-10px; margin-bottom:10px;}

.clear { clear:both; }
.right { float:right; }
.left { float:left; }
.alignright { text-align:right; }
img.left { margin:5px 10px 10px 0;}
img.press { padding:4px; border:1px solid #a9ddf3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.more { padding-left:15px; background:url(../img/orange-arrow.png) 0 3px no-repeat; font-weight:bold; font-size:11px; font-family:Trebuchet MS; color:#f36d4e; text-decoration:none; }

a.zip { padding-right:25px !important; background:url(../img/zip.png) top right no-repeat; line-height:16px; }
a.pdf { padding-right:25px !important; background:url(../img/pdf.png) top right no-repeat; line-height:16px; }
a.doc { padding-right:25px !important; background:url(../img/doc.png) top right no-repeat; line-height:16px; }

a.remote-support, a.sunisource { width:410px; height:50px; float:left; margin-left:20px; text-indent:-9999px; }
a.remote-support { background:url(../img/remote-support.png) top left; }
a.sunisource { background:url(../img/sunisource.png) top left; }
a.remote-support:hover, a.sunisource:hover { background-position:bottom; }

::selection { background:rgba(255,255,255,0.75); }
::-moz-selection { background:rgba(255,255,255,0.75); }

/* Wrapper
 * ------------------------------------------------------------------------- */


/* Header
 * ------------------------------------------------------------------------- */
#top { height:195px; background:url(../img/top.jpg) top center repeat-x; }
.home #top { height:310px; background:url(../img/home-top.jpg) top center repeat-x; }
#header { position:relative; width:880px; height:195px; margin:0 auto; }
.home #header { position:relative; height:310px; background:url(../img/home-header.jpg) top center no-repeat; }
#header h1 { position:relative; width:155px; height:80px; float:left; margin:10px 0 0 20px; background:url(../img/logo.png); text-indent:-9999px; z-index:20; }
.home #header h1 { margin:40px 0 0 20px; }

    /* Nav */
    #nav { position:relative; z-index:10000; margin:0 20px; padding-left:275px; width:565px; background:#FFF; height:30px; background:url(../img/nav-bg.png) top center no-repeat; }
    #nav li { float:left; margin:0; padding:0; }
    #nav li a { height:30px; display:block; background:url(../img/nav-new.png); text-indent:-9999px; }
    
    #nav .home a { width:64px; background-position: -4px 0px; }
    #nav .home a:hover { background-position: -4px -30px; }
    #nav .company a { width:84px; background-position: -68px 0; }
    #nav .sfHover.company a { background-position: -68px -30px; }
    #nav .partners a { width:86px; background-position: -152px 0; }
    #nav .sfHover.partners a { background-position: -152px -30px; }
    #nav .products a { width:87px; background-position: -238px 0; }
    #nav .sfHover.products a { background-position: -238px -30px; }
    #nav .purchase a { width:89px; background-position: -325px 0; }
    #nav .purchase a:hover { background-position: -325px -30px; }
    #nav .support a { width:78px; background-position: -414px 0; }
    #nav .sfHover.support a { background-position: -414px -30px; }
    #nav .events a { width:68px; background-position: -492px 0; }
    #nav .events:hover a { background-position: -492px -30px; }
    #nav .contact a { width:78px; background-position: -560px 0;}
    #nav .contact:hover a { background-position: -560px -30px; }
        
    #nav .company ul li a { width:120px; }
    #nav .partners ul li a { width:130px; }    
    #nav .products ul li a { width:150px; }
    #nav .support ul li a { width:155px; }
    
    #nav ul { padding:5px 0; background:rgb(243,109,78); display:block; }
    #nav .company ul { width:130px; }
    #nav .partners ul { width:140px; }
    #nav .products ul { width:160px; }
    #nav .support ul { width:165px; }
    
    #nav ul li a { display:block; width:100%; padding:0 5px; height:25px; line-height:25px; background:rgb(243,109,78); text-indent:0; color:#FFF; font-weight:bold; font-size:12px; text-decoration:none; letter-spacing:normal; }
    #nav ul li a span { display:block; padding:3px 5px; }
    #nav ul li a:hover span { background:#f88d74; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
    
    #worldwide { z-index:20; display:block; position:absolute; bottom:0; right:20px; width:140px; }
    #worldwide .worldwide { display:block; width:140px; height:45px; background:url(../img/worldwide.png) top left no-repeat; text-indent:-9999px; }

    #worldwide ul { padding:5px 0; background:none; display:none; }
    #worldwide li ul li { width:130px; padding:0 5px; }
    #worldwide li ul li a { background:none; color:#FFF; display:block; padding:5px; }
    #worldwide li ul li a:hover { background:#8dcdef; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
    
    /* Header Slideshow */
    #slideshow { position:absolute; bottom:0; right:20px; }
    #slideshow a { display:none; width:840px; height:250px; }
    #slideshow a.first { display:block; }
    #slideshow a.sunicam { background:url(../img/slide-cam-new.jpg) top left no-repeat; }
    #slideshow a.suni3d { background:url(../img/slide-suni3d.jpg) top left no-repeat; }
    #slideshow a.sensor { background:url(../img/slide-sensor-new.jpg) top left no-repeat; }
    #slideshow a.sunicam:hover, #slideshow a.suni3d:hover, #slideshow a.sensor:hover { background-position:bottom; }

/* Middle
 * ------------------------------------------------------------------------- */
#middle { background:#d1edf9 url(../img/content.jpg) top center repeat-x; padding-top:20px; }
#content { margin:0 auto; width:880px; min-height:350px; padding-bottom:30px; }

    #content ul li ul { padding-top:10px; }
    #content ul li ul li { font-style:italic; }

/* Main
 * ------------------------------------------------------------------------- */
#main { float:left; width:590px; margin-left:10px; padding:25px 20px 20px 20px; min-height:400px; background:url(../img/main.png) top left no-repeat; }
#main h2, #main-wide h2 { font-size:30px; letter-spacing:0.5px; margin-bottom:5px; }
#main ul, #main-wide ul { margin-bottom:19px; }
#main li, #main-wide li { list-style-type:disc; margin:0 0 10px 20px; }

#main .arrow li, #main-wide .arrow li { list-style-type:none; margin-left:0; padding-left:20px; background:url(../img/orange-arrow.png) 0 4px no-repeat; }

    #main .section { overflow:hidden; width:570px; min-height:130px; padding:10px; background:url(../img/main-section.png) top left no-repeat; }
    
    #main .product-section { width:570px; min-height:130px; padding:10px; margin-bottom:10px; overflow:hidden; background:url(../img/main-section.png) top left no-repeat; }
    #main .product-section img { float:left; margin-right:20px; }
    #main .product-section h3 { font-family:Trebuchet MS; font-weight:bold; font-size:18px; color:#f36c4e; margin-bottom:10px; }

#main-left, #main-right { width:390px; padding:10px; min-height:200px; background:url(../img/section-half.png) top center no-repeat; }
#main-left h2, #main-right h2 { color:#f36d4e; font-size:26px; letter-spacing:0.1px; margin-bottom:10px; }
#main-left { float:left; margin-left:20px; }
#main-right { float:right; margin-right:20px; position:relative; z-index:1;}

    #main-left .welcome-img { float:left; margin-left:-10px; margin-right:10px; }

#main-wide { width:820px; padding:20px 30px; min-height:360px; background:url(../img/main-wide.png) top center no-repeat; }

    #main-wide .section { overflow:hidden; width:800px; padding:10px; min-height:130px; background:url(../img/main-wide-section.png) top left no-repeat; }
 
.third { float:left; width:240px; padding:20px; min-height:160px; background:url(../img/third.png) top left no-repeat; }
#intraoral-imaging { margin:0 20px 0 10px; }

.third h2 { color:#f36d4e; font-size:34px; }
   
/* Sub
 * ------------------------------------------------------------------------- */
#sub { float:right; margin-right:10px; }

    #sub .demo { display:block; width:210px; height:40px; margin:10px; background:url(../img/demo.png) top left; text-indent:-9999px; }
    #sub .demo:hover { background-position:bottom; }

    #sub .section { width:190px; padding:20px; min-height:110px; background:url(../img/sub-section.png) top left no-repeat; }
    #sub .section h4 { font-family:Trebuchet MS; font-weight:bold; font-size:18px; margin-bottom:10px; }
    
    .sub-nav li { margin-bottom:10px; background:url(../img/orange-arrow.png) 0 5px no-repeat; }
    .sub-nav a { padding-left:20px; font-family:Trebuchet MS; font-weight:bold; font-size:14px; line-height:16px; color:#f36d4e; }
    .sub-nav a span { font-weight:normal; font-style:italic; }
    
    .product-images { width:200px; margin-left:-5px; }
    .product-images li { float:left; margin:5px; }
    
    .video li { margin-bottom:20px; }
    .video a { font-size:14px; }
    .video a:hover { text-decoration:none; }

/* Footer
 * ------------------------------------------------------------------------- */
#footer { width:840px; margin:-10px auto 0 auto; padding:20px; background:#f36d4e; -moz-border-radius:3px 3px 0px 0px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; }
#footer * { color:#FFF; }
#footer ul { float:left; padding-right:10px; }
#footer ul li { padding-bottom:5px; }
#footer ul li ul { float:none; padding:5px 0 0 10px; }
#footer li a { font-weight:bold; }
#footer li li a { font-weight:normal; }

#footer .logo { float:right; display:block; width:115px; height:60px; margin-bottom:10px; background:url(../img/logo-footer.gif); text-indent:-9999px; }
#footer .alignright { clear:right; }

/* Page Specific Styles
 * ------------------------------------------------------------------------- */

/* Home Page */
.home-product { margin-bottom:20px; }
.product { float:left; margin:20px 0 0 20px; width:195px; height:170px; text-indent:-9999px; }

#intraoral { background:url(../img/home/product-intraoral.jpg) top left; }
#suniray { background:url(../img/home/product-suniray.jpg) top left; }
#conebeam { background:url(../img/home/product-conebeam.jpg) top left; }
#sunicam { background:url(../img/home/product-sunicam.jpg) top left; }
#intraoral:hover, #suniray:hover, #conebeam:hover, #sunicam:hover { background-position:bottom left; }

#upcoming-events { margin-bottom:10px; }
#upcoming-events li { position:relative; height:28px; padding:6px 6px 10px 6px; background:url(../img/events-list.png) bottom left repeat-x; line-height:1em; }
#upcoming-events li span.header { font-size:10px; font-weight:bold; display:block; font-family:Trebuchet MS; }
#upcoming-events li .more { position:absolute; right:10px; bottom:6px; padding-left:15px; background:url(../img/orange-arrow.png) 0 5px no-repeat; font-weight:bold; font-size:11px; font-family:Trebuchet MS; color:#f36d4e; text-decoration:none; }
#upcoming-events li .more:hover { text-decoration:underline; }

#HD_link { display:block; position:absolute; top:30px; left:80px; width:250px; height:210px; text-indent:-9999px; z-index:100; background:#000; }

table { margin-bottom:20px; }
td, th { font-size:12px; } 

.specs td, .specs th { padding:10px; font-size:12px; color:#3c434a; border-top:1px solid #F3FAFD;}
.specs th { text-align:left; }
.specs thead th { text-align:left; font-family:Trebuchet MS; font-weight:bold; font-size:18px; color:#f36c4e; border-bottom:1px solid #3c434a; border-top:none; }


/* integration software */
#main-wide .integration-list { float:left; width:245px; margin-left:20px; }
#main-wide .integration-list li { list-style-type:none; padding-left:15px; background:url(../img/orange-arrow.png) 0 4px no-repeat; margin:0 0 10px 0; font-weight:bold; }

.form { width:590px; }
.form td { padding:5px; border:none; padding-bottom:10px; font-size:12px; color:#3c434a; }
.form th { padding:5px; text-align:right; font-weight:bold; vertical-align:top; font-size:12px; color:#3c434a; }
.form thead th { text-align:left; font-family:Trebuchet MS; font-weight:bold; font-size:18px; color:#f36c4e; border:0; }
.form tbody { background:url(../img/main-section.png) top left no-repeat; }
.form tbody tr:first-child td, .form tbody tr:first-child th { padding-top:10px;}
input[type="text"], select, textarea { background:#FFF; border:1px solid #a7d3e6; color:#3c434a; font-size:12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
input[type="text"], select, textarea { padding:3px 5px; }
input:focus, select:focus, textarea:focus { border-color:#f36d4e; }
input[type="submit"] { display:block; width:80px; height:30px; border:none; text-indent:-9999px; background:url(../img/submit.png); cursor:pointer; }
.validator { font-weight:bold; color:#f36d4e !important; font-size:16px; }

#intraoral-imaging { background:url(../img/products/third-intraoral-imaging.png) no-repeat; }
#intraoral-camera { background:url(../img/products/third-intraoral-camera.png) no-repeat; }
#extraoral-imaging { background:url(../img/products/third-extraoral-imaging.png) no-repeat; }
.third ul { margin-top:10px; }

.movie { margin:10px 45px; }


/* New Location Page */
body.location { background:#5ab9e2 url(../img/location-bg.jpg) top left repeat-x; }
body.location #wrapper { width:880px; margin:0 auto; }
body.location h1 { position:relative; width:155px; height:80px; margin:10px auto 0 auto; background:url(../img/logo.png); text-indent:-9999px; z-index:20; }
body.location #main { margin:0 165px; }
body.location #main li { list-style-type:none; margin:0; }
body.location label { font-weight:bold; padding-left:10px; line-height:20px; }
body.location td { padding:5px 5px 5px 0;}