@import url('reset.css');
@import url('cmxform.css');
@import url('slimbox2.css');

body {font: 62.5%/1.8em Verdana, Arial, sans-serif; background:url('../images/backgrounds/body.jpg') repeat-x center 70px #898989; color:#d7d7d7;}
.clear {clear:both;}
/* Containers */
#header-container{width:100%; overflow-x:hidden; height:95px; background:url('../images/backgrounds/navigation.gif') repeat-x 0 0;}
  #header{width:940px; margin:0 auto; height:95px;}
#container{width:940px; padding:20px 10px 17px 10px; margin:0 auto; background:url('../images/backgrounds/container.jpg') no-repeat 0 bottom;}
  #banner{height:409px; background:url('../images/backgrounds/banner.jpg') no-repeat 0 0; overflow:hidden;}
  #content{padding:30px 0 20px 0; background:url('../images/backgrounds/content.png') repeat-x 0 0;}
    #primary{float:left; width:610px; padding:0 0 20px 35px;}
    #secondary{float:right; width:195px; padding:0 23px 20px 23px; background:url('../images/backgrounds/secondary.gif') repeat-y 0 0;}
#footer{width:940px; padding:30px 0; margin:0 auto; clear:both;}

/* Header Elements */    
#header a img {float:left; display:inline; margin-top:27px;}

/* Navigation Elements */
ul#navigation {float:right; width:435px; height:70px;}
ul#navigation li {float:left; height:70px; width:98px;}
ul#navigation li a {height:70px; width:98px; display:block; font: bold 1.2em/70px Arial, Verdana, sans-serif; color:#898989; text-align:center; text-decoration:none;}
ul#navigation li a:hover {color:#fff;}
body#home-page ul#navigation li#home-nav a,
body#about_us-page ul#navigation li#about_us-nav a,
body#products-page ul#navigation li#products-nav a,
body#contact_us-page ul#navigation li#contact_us-nav a {background:url('../images/backgrounds/navigation-hover.gif') top left no-repeat;}

/* Banner Elements */
#banner img {height:389px; width:918px; padding:9px 9px 11px 9px; display:block; overflow:hidden;}

/* Primary Elements */
#content h1, #content h2, #content h3, #content h4, #content h5 {font: bold 1.6em Arial, Verdana, sans-serif; padding-bottom:15px;}
#content h2 {font-size:1.5em;}
#content h3 {font-size:1.4em;}
#content h4 {font-size:1.3em;}
#content h5 {font-size:1.2em;}
#content a {color:#d7d7d7;}
#content a:hover {text-decoration:none;}


#primary p {padding-bottom:20px; font-size:1.1em;}
#primary ul {padding-bottom:20px; font-size:1.2em; padding-left:20px; list-style: disc outside;}
#primary ul li {padding-bottom:4px;}

#primary dl {font-size:1.2em; width:470px;}
#primary dl dt {float:left; width:140px; clear:both; padding-bottom:10px; font-weight:bold;}
#primary dl dd {float:right; width:300px; clear:right; padding-bottom:10px;}
#location_map {border:5px solid #bbb; background:#bbb;}
/* Secondary Elements */
#secondary h3 {text-align:center; padding-bottom:6px; margin-left:-5px;}
#secondary h4 {text-align:center;}
small {font-weight:normal !important;}

/* Footer Elements */
#footer a img {float:right;}
#footer p, #footer p a {color:#2b2b2b; text-decoration:none; line-height:2em;}
#footer p a:hover {text-decoration:underline;}