html, body, div, span {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline; 
}

body {
    font-size:11pt;
    font-family:"Century Gothic", Calibri, Verdana, sans-serif;
    color: #000000;
    background-color : #7596a3;
    background-image:url(../images/bkg2.png);
    background-position:top;
    background-repeat:repeat-x;
}

/* Paragraph stuff */
p {line-height:1.2em; }
p.imagetext {
   position: absolute;
   top: 580px;
   left: 200px;
   width: 647px;
   font-size:10pt; 
   font-weight:300;
 }
p span {
   color: white;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.6);
   padding: 10px;
   width: 647px;
}

span {
    color:black;
}
h2 {
    font-size:18pt;
    font-weight:400;
}

.textlist li {
    font-size:12pt;
    list-style-type: square;
    line-height: 1.3em;
    color:#008c98;
}

a {
    font-weight:bold;
    font-size:16px;
    color:#FCFCFC;
    text-shadow:2px 1px 1px #111;
}

/** Web Images
 */

#slideshow img {
    height: 400px;
    width: 647px;
}
.logo {
    height:41px;
    width:60px;
    position:absolute;
    margin-top:19px;
    margin-left:223px;
}

.title {
    height:90px;
    width:250px;
    position:relative;
    margin-left:751px;
}

.greensmart {
    height:40px;
    width:130px;
    position:absolute;
    margin-top:0;
    margin-left:840px;
}

.heading {
    position:absolute;
    margin-top:22px;
    margin-left:290px;
    z-index:1;
}

/* Wrapper is the general layout of the page.  */
/*#wrapper {width:1003px; overflow:hidden; margin:0 auto; margin:50px 100px; padding: 0 2px 2px 0; background: #555}*/

#wrapper {
    width:1003px;
    margin:50px auto;
    -moz-box-shadow: 4px 4px 8px #333; -webkit-box-shadow: 4px 4px 8px #333; box-shadow: 4px 4px 8px #333;
}

#innerborder {
    border-style:solid;
    border-width:1px;
    border-color:#333;
}
/* Header shows the page title  */
#header {
    clear:both;
    height:90px;
    background:#E1E1E1;
    border-bottom: #333 solid 1px;
}
#header span {
    position:absolute;
    margin-top:65px;
    margin-left:530px;
    font-size:8pt;
    font-style:italic;
}

/* Navigation bar  */
.navigation {
    padding-top:6px;
    height:26px;
    background-color:#7d8183;
    border-bottom: #333 solid 1px;
}
/* General content  */
#content {
    background-color:#ffffff;
    height:460px;
    padding: 10px 10px 0 10px;
}

/* Image div for the index page  */
#imageintro {
    height:490px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#333;
    background-image:url(../images/imgbkg2.png);background-position:left; background-repeat:repeat-y;
}
#imagesection{
    position:absolute;
    border-width:1px;
    border-color:#777;
    border-style:solid;
    margin-left:180px;
    top:220px;
    height:400px;
    width:647px;
    background-color:#ffffff;
    -moz-box-shadow: 0 0 34px 8px #333; -webkit-box-shadow: 0 0 34px 8px #333; box-shadow: 0 0 34px 8px #333;
}

    /* Pictures to be shown at the bottom of the page  */
    #pictures {
        overflow:hidden;
        border-top-style:solid;
        border-top-width:1px;
        border-top-color:#444
    }
    /* Footer  */
    #footer {
        font-size:8pt;
        text-align:left;
        border-top-style:groove;
        border-top-width:1px;
        height:20px;
        background:#E1E1E1;
    }

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}    

#information {
    position:absolute;
    bottom:0;
    width:447px;
    height:0;
    background:#000;
    color:#fff;
    overflow:hidden;
    z-index:200;
    opacity:.6;
    filter:alpha(opacity=60)
}
#information p {padding:0 8px 8px;  font-size:16px}
#image {width:647px; }
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:406px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
    
    


.thumbnail span{ /*CSS for enlarged image*/
background: rgba(0, 0, 0, 0.6);
position: absolute;
padding: 91px;
margin-left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
width:auto;
z-index: 50;
}

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

.navigation ul {
    width: 100%;
    text-align:left;
    margin:0;
    padding:0;
    list-style:none;
    list-style-type: none;
    margin-top: 1px;
    margin-left: 1px;
    line-height:1.0;
    margin-bottom:1em;
}
.navigation ul li {
    float:left;
    display: inline;
}

.menu-menu li {
    position:relative;
}
.menu-menu a {
   display:block;
   position:relative;
   padding:0 28px 16px 15px;
   text-decoration:none;
}
.menu-menu a, .menu-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
   color:#FFFFFF;
}
.menu-menu li:hover, .menu-menu li.sfHover,
.menu-menu a:focus, .menu-menu a:hover, .menu-menu a:active {
   outline:0;
   color: #1b4566;
}
.menu-menu li:hover {
    visibility:inherit; /* fixes IE7 'sticky bug' */
}