body {
  margin: 0; padding: 0;	
  font: 0.9em Verdana,Arial,sans-serif;
}

h1 {
  color: #666;
  font: 2em Arial,sans-serif;
  margin-left: 100px;
  padding: 10px 0;
}

h2 {
  font: 1.8em Arial, sans-serif;
  color: #666;
  text-shadow: 1px 1px 1px #ccc;
  padding-top: 0.5em;
}

h3 {
  font: 1.4em Arial, sans-serif;
  color: #666;
}

a img {
 border: none;
}

.red {
  color: red;
}

.upper {
  text-transform: uppercase;
}

.floatleftimg {
  float: left;
  padding-right: 20px;
}

.hexbullets {
  list-style-image: url(images/hexagon.png);
}

/* HEADER */
#header {
  background: white url(images/transparent_to_light-blue.png) top right repeat-y;
  margin-top: -20px;
}

#logo {
  float: left;
  padding-left: 10px;
  padding-top: 5px;
}

/* LINKS */

#menu {
  background: white url(images/menubg.jpg) top left repeat-x; 
  text-transform: uppercase;
  margin-top: -20px;
}

#menu ul {
  margin-left: 70px;
}

#menu li {
  display: inline-block;
  padding: 13px 15px;  
  font: bold 0.9em Arial,sans-serif;
  border-left: 1px solid #bbb;
}

#menu a, ul#safetypes li a {
  color: #666;
  text-decoration: none;
}

#safetypes {
  float: left;
  margin-top: 0;
}

ul#safetypes li {
  padding: 10px;
  list-style: none;
  margin: 0 0 10px -130px;
  background: #ddd;
  box-shadow: 5px 5px 5px #999;
  -webkit-box-shadow: 5px 5px 5px #999;
  -moz-box-shadow: 5px 5px 5px #999;
}

ul#safetypes li a {
  font: bold 0.9em Arial, sans-serif;
  text-shadow: 1px 1px 1px #eee;
}

ul#safetypes li a:hover {
}

#menu a:hover, #home .home, #index .index, #safes .safes, #commercial .commercial,
#features .features, #dealer .dealer, #contact .contact, ul#safetypes li a:hover {
  text-shadow: 1px 1px 1px #fce501;
}


/*****************************************
 * BODY CONTENT 
 ******************************************/

#content {
  padding-left: 100px;
  margin-top: -20px;
  padding-right: 40px;
}

.introduction {
  font: bold;
  font-size: 1.2em;
  text-align: justify;
}

/* HOME PAGE */

#index .feature {
  margin: 30px 0 20px 140px;
  border: 1px solid #666;
  background: #ccc;
}

.feature p {
  background: black;
  color: white;
  font: bold 1.2em Arial;  
  padding: 5px 50px;
}

.feature li {
  list-style-image: url(images/icon.png);
  font-size: 1.15em;
  padding-bottom: 0.5em;

}

.feature img {
  padding-left: 20px;
}

.largeimg {
  float: right; 
  margin-left: 20px; 
  margin-bottom: 10px;
  border: 1px solid #666;
  -moz-box-shadow: 3px 3px 3px #666;
  -webkit-box-shadow: 3px 3px 3px #666; 
  box-shadow: 3px 3px 3px #666;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999, direction=135);
  zoom: 1;
}

/* SAFES SECTION */

#safedetail {
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}

#safedetail table {
  margin-bottom: 1em;
}

#safedetail th {
  color: #666;
  text-align: right;
}

#safedetail td {
  padding-left: 20px;
  text-align: center;
}

#options {
  display: inline-block;
  margin: 0 0 0 50px;
  vertical-align: top;
}

#options dl {
  border: 1px solid #ccc;
}

#options dt {
  background: #ccc;
  font: bold 0.8em Arial, sans-serif;
  text-transform: uppercase;
  padding: 6px;
  margin: 2px;
  text-align: center;
}

#options dd {
  padding: 0; margin: 0;
}

#options.vertical img {
  display: block;
  margin: auto;
}

#options.horizontal {
  margin: 0 20%;
}

#options.horizontal dd {
  vertical-align: top;
}

#allstock table {
  margin-bottom: 1em;
}

#allstock th {
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid #251d6b;
  border-top: 1px solid #251d6b;
}

#allstock td {
  padding: 10px;
  text-align: center;
} 

#allstock img {
  width: 100px;
}

#featurelist li {
  margin-left: 18em;
  padding-bottom: 0.5em;
}

.imgonly {
  list-style-image: none;
  list-style-type: none;
  padding-top: 1em;
}

#featuretable td {
  padding-bottom: 2em;
  padding-right: 2em;
}

#featuretable img, .floatleft {
  float: left;
  padding-right: 10px;
}

#featureset {
  display: inline-block;
  width: 50%;
  padding-left: 30px;
}

#featureset ul {
  list-style-image: url(images/hexagon.png);
  margin-left: 50px;
}

#featureset img {
  display: block;
  width: 50px;
  margin-bottom: 10px;
  box-shadow: 2px 2px 2px #999;
  -moz-box-shadow: 5px 5px 5px #999;
  -webkit-box-shadow: 5px 5px 5px #999;
}

#featureset #options img {
  display: inline-block;
  width: 145px;
  -moz-box-shadow: 0 0 0 #fff;
  -box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
}

#gunfeatures {
  display: inline-block;
}

#gunfeatures td {
  vertical-align: top;
}

#gunfeatures img {
  width: 320px;
  padding-bottom: 20px;
}

.featureno {
  color: #382da0;
  font-size: 1.6em;
  font-weight: bold;
}

.bodytext dt {
  font-weight: bold;
}

.bodytext dd {
  padding-bottom: 0.5em;
}
  
#hometext {
  display: inline-block; 
  vertical-align: top; padding-left: 50px;
  font-size: 1.5em;
}

#hometext li {
  padding-bottom: 0.5em;
  padding-left: 0.5em;
}

/********************
 * FOOTER 
 ********************/
#footer {
  border-top: 1px solid black;
  background: #ccc;
  margin-bottom: -2em;
  font-size: 0.8em;
  clear: both;
}

#footer dt {
  font-weight: bold;
}

#footer dd {
  padding-bottom: 0.5em;
  margin-left: 20px;
}

dl.address, #phones {
  display: inline-block;
  margin-right: 50px;
  vertical-align: top;
}

dl.address {
  margin-left: 15px;
}

#updates {
  text-align: right;
  position: relative;
  top: -13em;  
  right: 2em;
}
