/*padding goes like this:  top right bottom left*/

h1, h2, h3, h4 { 
                color: #333333;
		font-family: arial, helvetica, sans-serif;
		font-size:.9em;
		text-align:center;
		
}

body { 
      background-color: #FFFFFF; 
      background-image: url(images/deck_background_alternate.gif);
      background-repeat: no-repeat;
      background-position: center 1%;
      font-family: 'Times New Roman'; serif;     
}

p { 
   font-size: .9em; color: #333333; text-align: center; margin-top:1px;

}

p.footer {
	
    font-size:.8em; color:#333333; text-align:center; padding: 25px 10px 10px 0;
}

p.testimonials {
    font-size:.9em; color:#333333; text-align:justify; font-family: 'Times New Roman';

}

ul { 
   font-size: .9em; color: #333333; 
}

li {margin-left:1%;
}

#wrapper {
    position:relative;
    width:740px;
    padding-top:25px;
    margin-right:auto;
    margin-left:auto;   
}

#content {
  width: 340px;
  float:left;
  padding:20px 8px 10px 8px;
}

#contentbottom {
  width: 340px;
  height: 200px;
  float:left;
  padding:260px 14px 0 14px;
}
#contentfullpage {
  width: 760px;
  margin-right:auto;
  margin-left:auto;
  padding:20px 0px 10px 0;
}

#pictures {
  float: right;
  width: 287px;
  padding:25px 35px 10px 28px;
}

#rightbottom {
  float: right;
  width: 275px;
  padding:290px 30px 10px 20px;
}

#navigation {
	float: left;
	width: 760px;
}


ul#tabnav {
    list-style-type:none;
    margin:0;
    padding-left:40px;
    padding-bottom:24px;
    border-bottom:1px solid #CCCCCC;
    font: bold 11px verdana, arial, sans-serif;
}

ul#tabnav li {
    float: left;
    height:21px;
    background-color: #99CC66;
    color: #FFFFCC;
    margin:2px 2px 0 2px;
    border:1px solid #CCCCCC;
}

ul#tabnav a:link, ul#tabnav a:visited {
    display: block;
    color:#FFFFCC;
    background-color:transparent;
    text-decoration: none;
    padding: 4px;
}

ul#tabnav a:hover {
    background-color: #FFFFFF;
    color: #6666FF;
}

body#home li.home, body#decks li.decks, body#pergolas li.pergolas, body#sunrooms li.sunrooms, body#gazebos li.gazebos, body#photos li.photos, body#testimonials li.testimonials, body#about li.about, body#contact li.contact {
	border-bottom: 1px solid #fff;
	color: #000066;
	background-color: #000000;
}

body#home li.home a:link, body#home li.home a:visited,
body#decks li.decks a:link, body#decks li.decks a:visited,
body#pergolas li.pergolas a:link, body#pergolas li.pergolas a:visited,
body#sunrooms li.sunrooms a:link, body#sunrooms li.sunrooms a:visited,
body#gazebos li.gazebos a:link, body#gazebos li.gazebos a:visited,
body#photos li.photos a:link, body#photos li.photos a:visited,
body#testimonials li.testimonials a:link, body#testimonials li.testimonials a:visited,
body#about li.about a:link, body#about li.about a:visited,
body#contact li.contact a:link, body#contact li.contact a:visited
 {
	color: #000066;
	background-color:#FFFFFF;
}

table {
	border:1px solid #B9C39B;
	padding-left: 5px;
	padding-right: 5px;
        width:65%;
}


caption {
	 font: 1.5em/1.5em Arial;
	 text-align: center;
	 color: #333333;
	 padding-bottom:1px;
}

th {
     background-color:  #FFFFFF;
     height: 50%;
     color: #666666;
     font-family: arial;
     font-size: 12pt;
     padding: 10px 7px;
     text-align: center;
}

tr {
    background-color: #FFFFFF;
}

td {
   font-family: arial;
   font-size: 11pt;
   color:  #333333;
   padding: 5px 7px;
   text-align: center;
}

.datatable {
	border:1px solid #B9C39B;
	border-collapse:collapse;
        width:760px;
}

.datatable td, .datatable th {
	border:1px solid #73C0D4;
}

.datatable td:hover, .datatable td.hilite{
	background-color:#DFE7F2;
	
}

caption#photo {
    color: #000066;
    font-family: arial, helvetica, sans-serif;
    font-size:1em;
    text-align:left;
    padding:20px 5px 0 5px;
}		

.data {
   text-align: left;

}
.rows {
    background-color:#F7F7D8;
}