
/* headlines */
h1 {
  font-family: montserrat, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #444;
}

h2, h2 a, h3, h3 a, h4, h4 a {
  text-decoration: none;
  margin: 0em auto;
  font-family: montserrat, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #666;
}

h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

small { font-size: 0.9em; }
b, strong { color: #444; }

/* link colors */
a:link    { color: #3b58ee; text-decoration: none; }
a:visited { color: #5579bb; text-decoration: none; }
#a:hover   { text-decoration: underline; }


body {
  margin: 0;
  padding: 0;
  background: #ffffff; 
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
#  font-family: Arial, Helvetica, sans-serif;
#  font-size: 13px;
}

#header, #frameTop {
  margin: 0 auto;
  width: 850px;
}

#footer {
  font-size: 11px;
  background: #ffffff;
  color: #888;
}

#location {
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  color: #888;
  background: #ffffff;
}

#search, #upperrightSearch {
  margin: 0px;
  padding: 0px;
  padding-top: 2px;
  float: right;
  width: 350px; 
}

#content {
  margin: 0 auto;
  width: 850px;
  background: #ffffff;
  color: #666;
}

/* indent */
.main, .colWide {
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
#  color: #666;
}
 
#title {
  font-family: montserrat, verdana, arial, helvetica, sans-serif;
#  font-size: 28px;
  font-size: 32px;
  font-weight: bold;
  color: #000000;
#  text-shadow: 2px 2px 2px #aaa;
}

#subtitle {
#  font-family: verdana, arial, helvetica, sans-serif;
  font-family: montserrat, verdana, arial, helvetica, sans-serif;
#  font-size: 18px;
  font-size: 20px;
  font-weight: bold;
  color: #888;
}

hr {
  margin: 0px;
  padding: 0px;
  border: solid;
  border: none;
  height: 2px;
  background-color: #eee;
  color: #eee;
}

.hr300 { width: 300px; }
.hr200 { width: 200px; }
.hr700 { width: 700px; }

table.compare { border-collapse: collapse; }
table.compareTiled { border: 1px solid #bbbbbb; }

table.compare td, table.compareTiled td {
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #bbbbbb;
}

table.compare th, table.compareTiled th {
  font-weight: bold;
  padding: 10px;
  background-color: #eeeeee;
  border: 1px solid #bbbbbb;
}

table.compareTiled td, table.compareTiled th {
  border: 0px;
}

table.compare td.good,   table.compareTiled td.good   { background: #cceecc; }
table.compare td.hires,  table.compareTiled td.hires  { background: #cceecc; }
table.compare td.normal, table.compareTiled td.normal { }
table.compare td.bad,    table.compareTiled td.bad    { background: #eecccc; }

.resTable {
  padding: 5px;
  padding-left: 10px;
  background: #eeeeee;
  border: 1px solid #bbbbbb;
  width: 300px;
} 

.resTable td { padding: 0px; } 

#.news a:link    { text-decoration: none; }
#.news a:visited { text-decoration: none; }
#.news a:hover   { text-decoration: underline; }

.infoBox, .news, .boxTable, .infoBoxWide {
  width: 300px;
  background: #eeeeee;
  background: #f1f1f1;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  margin-left: 30px;
  margin-right: 0px;
  border: 1px solid #cccccc;
}

.infoBoxWide {
  width: 350px;
}

.newsTable {
  text-align: left;
}

.newsItem {
  text-align: left;
  padding-bottom: 10px;
}

.features, .featuresTop, .featuresSide {
  width: 350px;
  float: right;
  clear: right;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 70px;
  margin-bottom: 10px;
  font-size: 12px;
#  color: #666;
}

.featuresTop h2 {
#  color: #666;
}

.featuresSide {
  padding: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
  background-color: #eeeeee;
  margin-top: 5px;
  margin-left: 30px;
}

.right, .imgsRight, .imgsRightWide, .imgsRightGray {
  width: 300px;
  float: right;
  clear: right;
  margin-left: 60px;
  margin-right: 15px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 12px;
#  color: #666;
}

.imgsRightWide {
  width: 390px;
  margin-left: 30px;
}

.thumb {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaaaa;
}

.right img, .imgsRight img, .imgsRightWide img {
  border-style: solid;
  border-width: 2px;
#  border-color: #003466;
  border-color: #666;
}

.contactInfo {
  float: right;
  padding-right: 100px;
}

.techTable td {
  padding: 15px;
  padding-right: 30px;
  padding-left: 30px;
}

.visboxTable td {
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.imgGrayBorder {
  border-style: solid;
  border-color: #444444;
  border-width: 1px;
}

img.schematic {
  border-width: 0px;
}

.choices3 td { width: 33% }
