html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 40px 40px}
a{color: #993300;}
div#header h1{line-height:80px;margin:0;
  padding-left:10px;color: #79B30B;
background-color: #99cc99;color: #79B30B;
  background-image:url(images/top.gif);
	background-repeat: no-repeat; background-position: top center;
	height:244px;}
div#content p{line-height:1.4;}
div#navigation{background:#fff}
div#extra{background-color:#fff; background-image:url(images/sidehome.jpg);
	background-repeat: no-repeat; background-position: top center;}
div#extrapave{background-color:#fff; background-image:url(images/sidepave.jpg);
	background-repeat: no-repeat; background-position: top center;}
div#extraland{background-color:#fff; background-image:url(images/sideland2.jpg);
	background-repeat: no-repeat; background-position: top center;}
div#extrapat{background-color:#fff; background-image:url(images/sidepat.jpg);
	background-repeat: no-repeat; background-position: top center;}
div#extrapool{background-color:#fff; background-image:url(images/sidepool.jpg);
	background-repeat: no-repeat; background-position: top center;}
	div#extraport{background-color:#fff; background-image:url(images/sideport.jpg);
	background-repeat: no-repeat; background-position: top center;}
	div#extracont{background-color:#fff; background-image:url(images/sidecont.jpg);
	background-repeat: no-repeat; background-position: top center;}
div#footer{background-color: #669966; color:fff;}
div#footer p{margin:0; padding:5px 10px; text-align:center;}

div#wrapperhome{float:left;width:100%; height:400px;}
div#wrappercontact{float:left;width:100%; height:315px;}
div#wrapperlandscaping{float:left;width:100%; height:407px;}
div#wrapperpatio{float:left;width:100%; height:465px;}
div#wrapperpaver{float:left;width:100%; height:440px;}
div#wrapperpool{float:left;width:100%; height:430px;}
div#wrapperport{float:left;width:100%; height:415px;}
div#content{margin: 0 200px}
div#navigation{float:left;width:200px;margin-left:-200px}
div#extra{float:left;width:200px; height:359px; margin-left:-100%;}
div#extrapave{float:left;width:200px; height:282px; margin-left:-100%;}
div#extraland{float:left;width:200px; height:367px; margin-left:-100%;}
div#extrapat{float:left;width:200px; height:404px; margin-left:-100%;}
div#extrapool{float:left;width:200px; height:303px; margin-left:-100%;}
div#extraport{float:left;width:200px; height:371px; margin-left:-100%;}
div#extracont{float:left;width:200px; height:275px; margin-left:-100%;}
div#footer{clear:left;width:100%;}

#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 10px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #339966;
border-bottom: 1px solid #eee;
text-align: center;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #CC9966;
color: #fff;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid green;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border:none;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}