h2 { font-size: 18px; }

#header { background-color: #282828; }
#nav { background-color: #282828; }
#footer { background-color: #282828; }

.banner {
  position: relative;
  float: left;
  clear: both;
}
.banner_text {
  position: absolute;  
  width:35%;
  top:30%;
  left:5%;
  /*z-index:2;*/
}
.banner h1 {
  text-align:center;
  font-size: 40px;
  font-weight: 700;
  font-variant: normal;
  color: #a09040;
  padding-top: 0px;
  padding-bottom: 0.75em;
}
.banner h2#introducing {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 0.25em;
}
.banner h2 {
  text-align:center;
  font-size: 20px;
  font-weight: 400;
  font-variant: normal;
  line-height: 1.5em;
  color: #a09040;
  padding-top: 0px;
  padding-bottom: 1.0em;
}
.banner p { color: #a09040; font-size: 15px; }


#container {
  background-color: #303030;
}
div.left_col {
  clear: both;
  float: left;
  width: 270px; /* 320 */
  padding: 20px;
  margin:0;
  background-color: #303030;
  color: #eeeeee;
  font-size: 13px;
}
div.left_col p {
  text-align: left;
  line-height: 1.5em;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 0px;
  margin: 0;
}
div.left_col h3 {
  box-shadow: 2px 2px 15px #181818;
  background-color: #1c1c1c;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
  /font-variant: small-caps;*/
  text-align: left;
  margin-top: 5px;
  padding: 5px 10px 5px 10px;
}
div.left_col a {color: #dddddd; padding: 5px;}
div.left_col a:link { text-decoration: none; }
div.left_col a:visited { text-decoration: none; }
div.left_col a:hover { background-color: #a09040; text-decoration: none; }
div.left_col a:active { text-decoration: none; }

div.right_col {
  float: right;
  width: 530px; /* 480 */
  padding: 30px 60px 30px 60px;
  margin:0;
  font-size: 14px;
  line-height: 2.0em;
  background-color: #404040;
  color: #eeeeee;
}
div.right_col a {color: #dddddd; text-decoration: underline;}
div.right_col a:hover { background-color: #a09040; }

.right_col p {line-height: 1.6em; padding-bottom: 0.5em;}
.right_col li {line-height: 1.6em;}

.right_col p {line-height: 1.6em; padding-bottom: 0.5em;}
.right_col li {line-height: 1.6em;}


div.examples {
  clear: both;
  background: #404040;
}
div.examples img {
  float: left;
  box-shadow: 2px 2px 15px #303030;
}

div#testimonial p {
  text-align: center;
  color: #a09040;
  font-size: 14px; 
}
div#testimonial h4 {
  text-align: center;
  font-style: italic;
  font-weight: 700;
  color: #a09040;
  line-height: 1.25em;
  font-size: 15px; 
}
div#testimonial h5 {
  padding-top: 0.5em;
  text-align: center;
  color: #a09040;
  font-size: 12px; 
}
div#testimonial a {
  color: #a09040;
  text-decoration: underline;
}
div#testimonial a:hover {
  color: #ddd;
}


div.news {
  float: left;
  width: 240px;
  height: 150px;
  margin: 30px 0px 0px 0px;
  background-color: #303030; 
}
div.news p {
  font-size: 12px;
  color: #c0c0c0;
  padding: 10px 15px 0px 15px;
}
div.news h3 {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  padding: 5px;
  background-color: #202020;
  color: #a09040;
  text-align: center;
}
div.news a {color: #dddddd; padding: 5px 0px 5px 0px;}
div.news a:link { text-decoration: none; }
div.news a:visited { text-decoration: none; }
div.news a:hover { background-color: #a09040; text-decoration: none; }
div.news a:active { text-decoration: none; }
div.news:hover { box-shadow: 2px 2px 20px #101010; }

div.intro {
 clear: both;
 float: left;
 background-color: #404040;
 width: 100%;
}
p.intro {
  float: left;
  width: 520px; 
  padding: 30px 20px 20px 90px;
  margin: 0px;
  font-size: 13px;
  line-height: 1.75em;
  color: #eeeeee;
  background-color: #404040;
}
div.intro a {color: #dddddd; text-decoration: underline;}
div.intro a:hover { background-color: #a09040; }
.lead-in {
  color: #a09040;
  font-size: 14px;
  font-weight: 700;
}

div.items {
  float: left;
  padding: 20px 20px 20px 75px;
  background-color: #404040;
}
div.item {
  float: left;
  width: 240px;
  height: 250px;
  margin: 0px 15px 30px 15px;
  background-color: #202020;
}
div.item h3 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
  padding: 5px;
  background-color: #202020;
  color: #a09040;
  text-align: center;
}
div.item p {
  font-size: 12px;
  color: #c0c0c0;
  padding: 10px 15px 7px 15px;
}
div.item:hover { box-shadow: 2px 2px 20px #101010; }
/*.item p:hover { text-decoration: underline; }
.item h3:hover { text-decoration: underline; }*/

div.more_links { margin: 5px 0px 5px 15px; width: 780px;}
div.more_links:hover { box-shadow: 2px 2px 20px #101010; }
p.link_item {
  float: left;
  width: 246px;
  margin: 0px;
  color: #c0c0c0;
  background-color: #303030;
  font-size: 12px;
  line-height: 1.5em;
  padding: 5px 7px 10px 7px;
  text-align: center;
}
p.link_item:hover { background-color: #a09040; }
h3.more_links {
  width: 766px;
  padding: 7px;
  margin: 0px;
  color: #a09040;
  background-color: #202020;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
}


div.spacer_item {
  float: left;
  width: 240px;
  height: 250px;
  margin: 0px 15px 30px 15px;
  /*background-color: #202020;*/
}

div.links p {
  font-size: 12px;
  color: #c0c0c0;
  padding: 10px 15px 0px 15px;
}

div.links { background-color: #303030; }
div.items a {color: #dddddd; padding: 5px 0px 5px 0px; text-decoration: none;}
div.items a:link { text-decoration: none; }
div.items a:visited { text-decoration: none; }
div.items a:hover { background-color: #a09040; text-decoration: none; }
div.items a:active { text-decoration: none; }