/*********************
Page Styles
*********************/

body {
  margin: 0;
  background: #eac657;
  font-family: verdana, sans-serif;
  font-size: 0.85em;
}

#wrapper {
  width: 920px;
  margin: 0 auto;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/*********************
Header
*********************/

#header {
  float: left;
  margin: 20px 0;
  width: 100%;
}

h1 {
  font-size: 3em;
  float: left;
  margin: 0;
  text-indent: -20000px;
  width: 300px;
  height: 66px;
  background: url('../images/widget.png') top left no-repeat;
}



/*********************
Navigation
*********************/

#nav {
  margin-top: 20px;
  list-style: none;
  float: right;
}

#nav li {
  float: left;
  margin-left: 20px;
}

a {
  font-size: 1.4em;
  font-weight: bold;
  padding: 10px;
  background: url('../images/texture.png') top center;
  color: #eac657;
  text-decoration: none;
  border-radius: 10px;
}

a:hover {
  color: #d2b14e;
  background: #000;
}



/*********************
Content
*********************/

img {
  max-width: 100%;
}

#widget_pic {
  float: left;
  width: 30%;
  margin-left: 5%;
  height: 300px;
}

#content {
  width: 65%;
  float: left;
}

h2 {
  text-align: center;
  font-size: 2.3em;
  margin-bottom: 0;
  line-height: 0.2em;
}

#about {
  font-size: 1.3em;
  margin: 20px 0px;
  float: left;
}

#about p {
  background: #d2b14e;
  padding: 20px;
  font-style: italic;
  font-size: 0.9em;
}

#cta {
  margin: 20px 0;
}

#cta #just_10 {
  font-weight: bold;
  margin-right: 20px;
}



/*********************
Table
*********************/

#compare {
  float: left;
  font-weight: bold;
}

#product_table {
  float: left;
  width: 100%;
  font-size: 1.2em;
}

#product_table thead {
  background: url('../images/texture.png') top left;
  color: #EEE;
  text-align: left;
}

#product_table th, #product_table td {
  padding: 10px;
}

#product_table td {
  background: #d2b14e;
}