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


* {
	margin:0;
	padding:0;
}

h1, h2, h3, h4 { 
                color: #244868;
                font-family: Gill Sans, Lucida, Helvetica Narrow, Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:700;
		padding: 1px 0 0 1px;
		font-variant:small-caps;

}

body { 
      background-color: #FFFFFF; 
}

p { 
   font-size: .9em; color: #333333; margin-top:.5em; font-family: Gill Sans, Lucida, Helvetica Narrow, Verdana, Arial, Helvetica, sans-serif;
}

.return {
	
    width: 740px; font-size:.9em; color:#333333; text-align:center; padding: 10px 10px 10px 0;font-family: 'Times New Roman';
}

#wrapper {
    position:relative;
    width:970px;
    margin-right:auto;
    margin-left:auto;
    padding:10px 0 30px 0;
    background-image: url(../images/grass-with-logo.jpg);
    background-repeat: no-repeat;
    background-position:center top;
    overflow:hidden;
}


#footer  {    width: 970px; 
	      clear:both;
	      background-image: url(../images/daffodil_row_border.jpg);
	      background-repeat:no-repeat;
	      font-size: 1em; 
	      margin-right:auto;
	      margin-left:auto;
	      margin-top:2em;
	      color:#333333; 
	      text-align:center; 
	      padding: 100px 2px 2px 2px;
              font-family: Gill Sans, Lucida, Helvetica Narrow, Verdana, Arial, Helvetica, sans-serif;
}


#photocontent  {
  width: 800px;
  margin-right:auto;
  margin-left:auto;
  padding:25px 15px 10px 20px;

}
/*Special thanks to the SonSpring Tutorial Hoverbox Image Gallery: http://sonspring.com/journal/hoverbox-image-gallery*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -80px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 200px;
	height: 150px;
}

.hoverbox li
{
	background: transparent;
	border:none;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 19px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 300px;
}

/* NAVIGATION MENU STYLE HERE */


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

ul#tabnav li {
    float: left;
    height:23px;
    background-color: #FDFA93;
    margin:4px 1px 0 1px;
    border:1px solid #999999;
}

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

ul#tabnav a:hover {
    background-color: #FFFFFF;
    color: #2D82D2;
}

body#home li.home, body#garden li.garden, body#tree li.tree, body#post_hole li.post_hole, 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#garden li.garden a:link, body#garden li.garden a:visited,
body#tree li.tree a:link, body#tree li.tree a:visited,
body#post_hole li.post_hole a:link, body#post_hole li.post_hole 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;
}