html
  { 
  height: 100%;
  }

body
  {
  line-height: 1.5em;
  font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  background-color: #A3C3A6;
  /*background-color: #D5EBD5;*/
  /*background-color: #A6C5A9;*/
  }
  
a:link
  {
  color: #F3C90E;
  } 
a:visited
  {
  color: #C18A0C;
  }
a:active
  {
  color: #4AD6DF;
  }
a:hover
  {
  text-decoration: underline;
  }

.heading
  {
  color: rgb(108, 157, 49);
  font-size: 15px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-image: url('images/header-background.gif');
  background-repeat: repeat-x;
  }

h1
  {
  color: rgb(108, 157, 49);
  font-size: 15px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  /*background-image: url('images/header-background.gif');
  background-repeat: repeat-x;*/
  }
h2
  {
  color: rgb(108, 157, 49);
  font-family: Georgia;
  font-size: 15px;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 1px;
  }
h3
  {
  color: #C18A0C;
  font-size: 14px;
  text-align: left;
  margin: 1px;
  }
h4
  {
  color: #27ACD9;
  border-bottom: 1px solid;
  border-color: #96C193;
  font-family: Georgia;
  font-size: 14px;
  text-align: left;
  }
h5
  {
  color: green;
  font-family: Georgia;
  font-size: 14px;
  text-align: left;
  margin: 1px;
  padding: 1px;
  }

img
  {
  border: none;
  }
  
.block-centered
  {
  margin-left: auto;
  margin-right: auto;
  }
img.block-centered
  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
  
#outer {
  margin: auto;
  width: 782px;
  background-color: #A3C3A6;
  line-height: 0.5em;
}

#inner {
  margin:auto;
  width: 780px;
  background: #ffffff;
  border-style: solid;
  border-color: #BEBEBE;
  border-width: 1px;
  line-height: 1.5em;
}

.header
  {
  width: 780px;
  height: 94px;
  background-image: url('/images/GPD-logo.gif');
  }

.top-menu
  {
  background-image: url('/images/menu-background.gif');
  background-repeat: repeat-x;
  width: 780px;
  }
.top-menu ul
  {
  margin: 0px;
  padding: 7px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  }
.top-menu ul li
  {
  margin: 0px;
  padding: 0px;
  display: inline;
  font-style: bold;
  }
.top-menu ul li a
  {
  text-decoration: none;
  color: white;
  padding: 7px;
  }
.top-menu ul li a:hover
  {
  background-color: rgb(120, 193, 67);
  }
  
.col1
  {
  width: 360px;
  float: left;
  margin: 5px;
  padding: 5px;
  font-size: 13px;
  }
.col2
  {
  width: 360px;
  float: left;
  margin: 5px;
  padding: 5px;
  font-size: 13px;
  }
.fullcol
  {
  width: 520px;
  float: left;
  margin: 5px;
  padding: 5px;
  font-size: 13px;
  }
.cola
  {
  width: 240px;
  float: left;
  margin: 5px;
  padding: 5px;
  font-size: 13px;
  }
.colb
  {
  width: 240px;
  float: left;
  margin: 5px;
  padding: 5px;
  font-size: 13px;
  }
.colc
  {
  width: 200px;
  float: right;
  margin: 5px;
  padding: 5px;
  font-size: 13px;
  }
.leftcol
  {
  width: 40%;
  float: left;
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  }
.rightcol
  {
  width: 40%;
  float: right;
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  }
.hack 
  {
  width: 100%;
  display: block;
  clear: both;
  font: 0px/0px arial, helvetica, serif;
  }

.col150
  {
  width: 150px;
  float: left;
  }
.col100
  {
  width: 100px;
  float: left;
  }
  
.rowholder
  {
  overflow:hidden;
  line-height: 1.2em;
  margin: 3px 0 0 0;
  padding: 3px;
  border-bottom: 1px dashed;
  border-color: #EEEEEE;
  }
  
.main-content
  {
  margin: 2px;
  padding: 8px;
  line-height: 1.5em;
  font-size: 13px;
  }
  
.green-box
  {
  background-image: url('/images/green-box.gif');
  font-size: 15px;
  color: white;
  font-weight: bold;
  margin: 8px;
  padding: 8px;
  }
.yellow-box
  {
  background-image: url('/images/yellow-box.gif');
  font-size: 15px;
  color: white;
  font-weight: bold;
  margin: 8px;
  padding: 8px;
  }
.blue-box
  {
  background-image: url('/images/blue-box.gif');
  font-size: 15px;
  color: white;
  font-weight: bold;
  margin: 8px;
  padding: 8px;
  }

.strong
  {
  font-weight: bold;
  }

.important-note
  {
  font: 15px;
  font-weight: bold;
  color: #639BFE;
  }
.important-note a
  {
  font-size: 18px;
  font-weight: bold;
  color: #DEBA2F;
  text-decoration: underline;
  }

/*
.reserve-button
  {
  text-align: center;
  background: url("/images/reserve-button-normal.gif") no-repeat 0 0;
  width: 218px;
  height: 105px;
  }
.reserve-button:hover
  {
  background: url("/images/reserve-button-rollover.gif") no-repeat 0 0;
  width: 218px;
  height: 105px;
  }
*/

.rollover a{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}

#reserve-button a{
   height: 92px; /* This height is the visible portion of the button only */
   width: 203px; /* Put your image width here */
   background: url('/images/reserve-button.gif') no-repeat left top;
}
#reserve-button a:hover{
   background-position: left -92px; /* This negative value should match the positive height from above */
}
#submit-button {
   height: 47px; /* This height is the visible portion of the button only */
   width: 112px; /* Put your image width here */
   background: url('/images/submit-button.gif') no-repeat left top;
   border: none;
}
#submit-button:hover{
   background-position: left -47px; /* This negative value should match the positive height from above */
}

.button
  { 
  color: white; 
  font: 12px;
  font-family: Georgia;
  font-weight: bold;
  background-color: rgb(120, 192, 67); 
  border: 1px solid; 
  border-color: green;
  padding: 2px;
  margin-left: 4px;
  } 

.headline-list ul
  {
  list-style-image: url(/images/chevrons.png);
  }
.headline-list ul a
  {
  text-decoration: none;
  }
.headline-list ul a:hover
  {
  text-decoration: underline;
  }
.headline-list ul li
  {
  padding: 5px 0px 5px 0px;
  border-bottom: 1px dashed;
  border-color: #EEEEEE;
  }
  
.description-list ul
  {
  padding: 0px;
  list-style-type: none;
  }
.description-list ul li
  {
  padding: 5px 0px 5px 0px;
  }
  
.product-list
  {
  list-style-image: url(/images/green-arrow.png);
  }

.contact-list
  {
  list-style-image: url(/images/envelope.png);
  }
.contact-list ul li
  {
  padding: 5px 0px 5px 0px;
  border-bottom: 1px dashed;
  border-color: #EEEEEE;
  }
  
.vertical-dashed
  {
  /*
  float: left;
  height: 150px;
  border-left: 1px dashed;
  border-color: green;
  */
  border-left:1px solid #EEEEEE;
  }
.vertical-dashed hr
  {
  width: 1px;
  height: 70px;
  color: lightgray;
  float: left;
  }
  
.footer
  {
  /*background-image: url('images/footer-background.gif');
  background-repeat: repeat-x;*/
  margin: 2px;
  padding-left: 8px;
  line-height: 1.5em;
  font-size: 13px;
  }
.footer a
  {
  text-decoration: none;
  color: white;
  }
.footer a:hover
  {
  text-decoration: underline;
  color: white;
  }
  
.footer-menu
  {
  text-align: center;
  color: white;
  }
.footer-menu ul
  {
  margin: 0px;
  padding: 8px;
  font-size: 12px;
  font-weight: bold;
  }
.footer-menu ul li
  {
  margin: 0px;
  padding: 7px;
  display: inline;
  font-style: bold;
  }

/*  
.footer-menu ul li a
  {
  text-decoration: none;
  color: white;
  }
.footer-menu ul li a:hover
  {
  text-decoration: underline;
  color: white;
  }
*/

/* Easy Slider */

#banner-slider ul, #banner-slider li
  {
  margin:0;
  padding:0;
  list-style:none;
  }
#banner-slider li
  { 
  /* 
  define width and height of list item (slide)
  entire slider area will adjust according to the parameters provided here
  */ 
  width:780px;
  height:190px;
  overflow:hidden; 
  }
 
.shift-right
  {
  padding-left: 50px;
  }
#product-slider ul, #product-slider li
  {
  margin:0;
  padding: 0px;
  list-style:none;
  }
#product-slider li
  { 
  /* 
  define width and height of list item (slide)
  entire slider area will adjust according to the parameters provided here
  */ 
  width:200px;
  height:267px;
  overflow:hidden; 
  }
  
span#prevBtn{}
span#nextBtn{}					

/* // Easy Slider */

/* // jQuery lightBox plugin - Gallery style */

#gallery
  {
  background-color: white;
  padding: 0px;
  width: 360px;
  }

#gallery ul
  {
  list-style: none;
  }
  
#gallery ul li
  {
  display: inline;
  }

#gallery ul img
  {
  border: 5px solid #EEEEEE;
  border-width: 5px 5px 20px;
  }
  
#gallery ul a:hover img
  {
  border: 5px solid #fff;
  border-width: 5px 5px 20px;
  color: #fff;
  }
  
#gallery ul a:hover { color: #fff; }
	
/* // jQuery lightBox plugin - Gallery style */