/* 
The Gourd House CSS File
Version 1.0
Author John Peters
Contact webdesign@wmol.com
 */
/* Main structure =============================================================*/
#pagetitle {
  display: none;
  }
body {
  margin: 0;
  background:#003300 url(../images/body_top.jpg) top repeat-x;
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
a:link {
  color: #009900;
  }
a:visited {
  color:#66CC00;
  }
address {
  font-size: 10pt;
  }
#header {
  margin: 0 auto;
  background:url(../images/header.png) no-repeat;
  width: 778px;
  height: 304px;
  }
#container {
  margin: 0 auto;
  background: url(../images/main_back.png) repeat-y;
  width: 778px;
  text-align: left;
  }
#content {
  padding-left: 5px;
  padding-right: 20px;
  }
#subNav {
  padding: 0;
  margin: 0;
  width: 165px;
  float: right;
  }
#navInfo ul {
  margin: 0;
  padding:0;
  list-style:none;
  line-height: 18px;
  font-style: italic;
  }
#mainNav {
  width: 560px;
  float: left;
  }
#mainNav h1 h2 {
display:inline-block;
}
#footer {
  clear:both;
  padding-top: 10px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 20px;
  }
/* Main structure end ========================================================*/

/* Main Menu ================================================================*/
#nav {
  margin: 0;
  padding-top: 200px;
  padding-bottom: 0;
  padding-right: 0;
  padding-left:0;
  list-style: none;
  width: 500px;
  float:left;
  }
#nav li {
  float: left;
  }
#nav a {
  display: block;
  width: 80px;
  height: 37px;
  line-height: 37px;
  }
#nav li span {
  display: none;
  }
#nav li.home a {
  background: url(../images/home.png) no-repeat;
}
#nav li.home a:hover {
  background-position: bottom;
}
#nav li.houses a {
  background:url(../images/gourd_houses.png) no-repeat;
  }
#nav li.houses a:hover {
  background-position:bottom;
  }
#nav li.contact a {
  background:url(../images/contact.png) no-repeat;
  }
#nav li.contact a:hover {
  background-position:bottom;
  }
#nav li.about a {
  background:url(../images/about.png) no-repeat;
  }
#nav li.about a:hover {
  background-position:bottom;
  }
#nav li.classes a {
  background:url(../images/classes.gif) no-repeat;
  }
#nav li.classes a:hover {
  background-position:bottom;
  }
/* Main Menu end =========================================================*/

/*Content Styles ========================================================*/
.leafborder {
  background:url(../images/leaf_border.png) no-repeat;
  width: 130px;
  height: 25px;
  margin-left: 15px;
  padding-bottom: 10px;
  }
.copy {
  background:url(../images/icon.png) no-repeat right;
  width: 560px;
  height: 24px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  border-top: 1px #FF6600 solid;
  padding-bottom: 5px;
  }
#content p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  letter-spacing: 1px;
  }
h1 {
  font-family:Arial, Helvetica, sans-serif;
  width: 100%;
  font-size:22px;
  color: #009900;
  font-weight:bold;
  border-bottom: solid #FF6600 1px;
  }
h2 {
  width: 100%;
  font-size: 20px;
  color: #009900;
  font-family:Arial, Helvetica, sans-serif;
  border-bottom: solid #ff6600 1px;
  }
ul {
  font-size:12px;
  letter-spacing: 1px;
  }
.portrait {
  padding: 3px;
  border: #333333 thin solid;
  float:right;
  text-align:center;
  font-size:10px;
  }
.productpic {
  padding: 3px;
  margin-right: 10px;
  border: #333333 thin solid;
  float:left;
  }
.icon {
  background:url(../images/icon.png) no-repeat;
  float: right;
  }
blockquote {
  background:url(../images/quotebox.png) no-repeat;
  padding-top: 12px;
  padding-left: 25px;
  margin:0;
  width: 100px;
  height: 130px;
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #009933;
  text-align: center;
  }
.hr {
  height: 1px;
  color: #CCCCCC;
  }
/* Home Page selections ==============================================*/
#homepage {
  margin: 0;
  padding: 0;
  list-style:none;
  width: 530px;
  }
#homepage li{
  float: left;
  }
#homepage a {
  display: block;
  width: 256px;
  height: 134px;
  line-height: 37px;
  }
#homepage li span {
  display: none;
  }
#homepage li.styles a {
  background: url(../images/gourd_houses_big.png) no-repeat;
}
#homepage li.styles a:hover {
  background-position: bottom;
}
#homepage li.contact a {
  background: url(../images/contact_big.png) no-repeat;
}
#homepage li.contact a:hover {
  background-position: bottom;
}
#homepage li.about a {
  background: url(../images/about_big.png) no-repeat;
}
#homepage li.about a:hover {
  background-position: bottom;
}
#homepage li.classes a {
  background: url(../images/classes_big.png) no-repeat;
}
#homepage li.classes a:hover {
  background-position: bottom;
}
/* Home Page selections end =============================================*/
#easyclean {
  background: url(../images/e-z_clean.png) no-repeat;
  width: 265px;
  height: 205px;
  }
#cleantxt {
  display: block;
  padding-left: 10px;
  padding-top: 50px;
  font-family:Arial, Helvetica, sans-serif;
  }
#cleantxt a {
  line-height: normal;
  text-decoration: none;
  color:#000000;
  width: 170px;
  height: 175px;
  }
#cleantxt a:hover {
  color: #CC0000;
  }
/*Gourd Picture effects =================================================*/
#gourds {
  width: 560px;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  }
#gourds li {
  float: left;
  }
.gourdpic a{
  background: #E5E5E5;
  border: #DADADA thin solid;
  padding: 5px 5px 30px 5px;
  margin: 5px;
  display: block;
  width: 115px;
  height: 114px;
  overflow: hidden;
  text-align:center;
  font-size: 16px;
  font-weight: bold;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-decoration:none;
  color: #006600;
  }
.gourdpic a:hover {
  border: solid thin #00CC00;
  background: #99FF00;
  color: #666666;
  }
.gourdpic2 a{
  background: #E5E5E5;
  border: #DADADA thin solid;
  padding: 5px;
  margin: 5px;
  display: block;
  overflow: hidden;
  }
.gourdpic2 a:hover {
  border: solid thin #00CC00;
  background: #99FF00;
  color: #666666;
  }
/*Contact Form Style ==================================================*/
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #ccc;
  background: #f8f8f8;
  }
legend {
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  }
label {
  display: block;
  }
input {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#333333;
  }
input.submit, reset {
  width: auto;
  font-size:16px;
  }
textarea {
  width: 350px;
  height: 120px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#333333;
  }
input:focus, textarea:focus {
  background: #FFCC66;
  }
input[type="text"], textarea {
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  }
/*Price Box =========================================================*/
#pricebox {
  background:#F1F1F1;
  width: 418px;
  border-top: dashed 1px #C7C7C7;
  padding: 3px;
  float:right;
  text-align: left;
  }
.price {
  font-family: Arial, Helvetica, sans-serif;
  padding-right: 2px;
  font-size: 36px;
  font-weight: bold;
  color: #717171;
  float: left;
  }
.ship {
  padding-top: 5px;
  font-size: 11px;
  text-transform: capitalize;
  vertical-align: middle;
  float: left;
  }
#buy {
  float: right;
  height: 40px;
  padding-right: 10px;
  padding-left: 100px;
  border-left: 1px solid #9D9D9D;
  }
.small {
  font-size:10px;
  padding: 5px;
  margin: 0;
  }
.smallbold {
  font-size:10px;
  font-weight: bold;
  padding: 5px;
  margin: 0;
  }