* {
 margin: 0;
 padding: 0;
}

body {
  background-color: #000000;
  background-image: url(/assets/images/bg.png);
  background-repeat: repeat-x;
  font: normal 12px verdana, sans-serif;
}


h1 {
  font: bold 14px verdana, sans-serif;
}

h2 {
  font: bold 14px verdana, sans-serif;
  color: #6c6c6c;
}


li {
list-style-type: none;
}


a, a:visited {
  color: #3465fb;
  text-decoration: none;
}

a:active, a:hover {
  color: #cc0000;
}

#home {
  background-image: url(/assets/images/home-bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  width: 960px;
  margin: 0px auto;
}

#home-logo {
  float: left;
  margin: 0px 40px;
}

#nav {
  float: right;
  margin: 20px 0px;
  font: bold 12px verdana, sans-serif;
  background-image: url(/assets/images/nav-bottom-border.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 4px 20px 10px 20px;
  clear: right;
}


#nav li {
  display: inline;
}

#nav a, #nav a:visited {
  width: auto;
  padding: 2px 10px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border: solid 1px transparent;
}

#nav a:active, #nav a:hover {
  width: auto;
  padding: 2px 10px;
  background-color: #333333;
  border: solid 1px #ccc;
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px;
  color: #eee;
}

#subnav {
  float: right;
  margin: 0px;
  font: bold 10px verdana, sans-serif;
  padding: 4px 0px 10px 20px;
  clear: right;
}

#subnav li {
  display: inline;
  float: right;
}

#subnav a, #subnav a:visited {
  width: auto;
  padding: 2px 0px 2px 10px;
}

#subnav a:active, #subnav a:hover {
  width: auto;
  padding: 2px 0px 2px 10px;
}


#home-highlights {
clear: left;
float: left;
padding: 10px 10px 0px 0px;
margin-left: 40px;
margin-top: 0px;
border-right: solid 1px #333;
color: #ccc;
width: 420px;
}

#home-highlights h1 {
  margin-top: 15px;
  font: bold italic 14px verdana, sans-serif;
  color: #3465fb;
}

#home-highlights h1 a, #home-highlights h1 a:visited {
  margin-top: 15px;
  font: bold italic 14px verdana, sans-serif;
  color: #3465fb;
}

#home-highlights h1 a:active, #home-highlights h1 a:hover {
  margin-top: 15px;
  font: bold italic 14px verdana, sans-serif;
  color: #cc0000;
}


#home-highlights p {
  font: normal 11px verdana, sans-serif;
  color: #aaa;
}


#home-highlights img { 
float:left;
margin: 0px 10px 10px 0px;
border: solid 1px #333;
padding: 4px;
}


.highlight {
width: 420px;
float: left;
clear: both;
margin-bottom: 0px;
}


#home-summary {
  color: #aaa;
  float: left;
  margin: 20px 10px 10px 0px;
  width: 440px;
}

#home-summary p {
  font: normal 12px verdana, sans-serif;
  color: #aaa;
  margin: 0px 20px 20px 20px;
  line-height: 1.8;
  text-align: justify;
}

#tagline {  
  font: bold italic 18px verdana, sans-serif;
  text-align: center;
  text-shadow: #000 2px 2px 2px;
  width: 400px;
  margin-top: 280px;
  margin-left: 480px;
  color: #ccc;
  float: left;
}


#footer {
  margin: 5px auto 80px auto;
  text-align: center;
  color: #aaa;
}


#page {
  background-color: #e7e8eb;
  background-image: url(/assets/images/content-bg.png);
  background-repeat: repeat-y;
  width: 960px;
  margin: 0px auto;
  color: #333;
  text-align: center;
}


#top {
  background-image: url(/assets/images/sub-bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  height: 149px;

}

#sub {
  text-align: left;
  width: 920px;
  margin: 0px auto;
  padding-top: 0px;
  height: 100%;
  clear: both;
}




#sub-main {
  margin-top: 0px;
  float: left;
  width: 650px;
}

#sub-main p {
margin: 20px 20px 20px 30px;
line-height: 1.5;
text-align: justify;
}

#sub-main #specs h3 {
margin: 0px;
margin-left: 30px;
}

#sub-main #specs ul {
padding: 0px;
margin: 0px;
margin-left: 45px;
}

#sub-main #specs li {
padding: 0px;
margin: 0px;
}

#sub-main h3 {
  font: bold italic 13px verdana, sans-serif;
  margin: 20px;
  color: #444444;
}

#sub-main ul {
margin: 20px;
width: 500px;
}

#sub-main li {
list-style-type: disc;
margin-left: 20px;
}

#sub-main dl {
width: 300px; 
float: left; 
margin-right: 20px;
margin-top: 5px;
}

#sub-main dd {
text-align: justify;
}

#sub-main h5 {
  font: italic 12px verdana, sans-serif;
  margin: 0px 0px 10px 0px;
  text-align:left;
}

#sub-main h4 {
  font: bold 13px verdana, sans-serif;
  padding: 0px;
  margin: 0px 20px 30px 0px;
  text-align:right;
}

#sub-main p.testimonial {
margin-bottom: 0px;
padding-bottom: 0px;
}

#sub-side {
  margin-top: 10px;
  float: right;
  width: 250px;
}


#sub-main .bdr, #sub-side .bdr {
border: solid 1px #cccccc; 
padding: 3px;
}




#sub-side h4 {
  font: italic bold 12px verdana, sans-serif;
  margin: 20px;
  color: #444444;
  padding-bottom: 20px; 
  border-bottom: solid 1px #cccccc;
}

#sub-side p {
margin: 20px;
line-height: 1.5;
text-align: justify;
}

#sub-side p.add {
margin-left:25px;
}



#sub-side img {
margin-left: 20px;
}

.sub-title {
margin-top: 0px;
padding-top: 20px;
text-align: left;
height: 30px;
background-color: #e7e8eb;
}


#sub-main-right {
float: left;
width: 300px;
margin-left: 20px;
}

#sub-main-right h3 {
  font: bold 16px verdana, sans-serif;
  color: #444444;
  text-align: center;
  margin-bottom: 0px;
}


#sub h1  {
  font: normal 24px verdana, sans-serif;
  color: #858585;
}


#sub h2 {
  padding-top: 20px;
  font: normal 16px verdana, sans-serif;
  color: #6c6c6c;
}


dl dt {
width: 400px;
font-weight: bold;
font: bold 14px verdana, sans-serif;
margin-top: 15px;
margin-left: 15px;
}

dl dt:before {
content: '\00bb';
color: #3465fb;
font-size: 140%;
margin-right: 2px;

}

dl dd {
font: normal 12px verdana, sans-serif;
font-weight: normal;
margin-bottom: 30px;
margin-left: 31px;
}

#sales {
border-top: solid 1px #444444;
border-bottom: solid 1px #444444;
padding: 10px;
padding-left: 30px;
font: normal 12px verdana, sans-serif;
}


#sales img {
margin-right: 10px;
margin-top: 0px;
}


.iso {
color: #cc0000; 
font-weight: bold;
}

#sub-side p.iso {
margin-left:25px;
}

.brochure {
margin-top: 8px;
font-weight: bold;
}