body {
background: #195122;
font: bold  12px/1.6 "Lucida Grande", "Lucida Sans",  Helvetica, Arial, Verdana, sans-serif;
color: #fff;
padding: 0;
margin: 5% 0 0;
}
a img, img {
border: none;
}
a {
color: #ead753;
text-decoration: none;
}
a:hover {
color: #fff;
}
a:active {
color: #ead753;
}
#wrap {
position: relative;
width: 960px; height: 700px;
left: 50%;
margin: 0 0 0 -480px;
padding: 0;
background: #195122 url(art/frontpage-bgd_x960-lightscrn.jpg) no-repeat;
}
#logotype {
position: absolute;
top: 0;
left: 60px;
background: #195122;
width: 160px;
height: 220px;
text-align: center;
padding: 0; margin: 0;
}
#logotype h1 {	/* Logo written out in text for SEO; this inserts graphic */
text-indent: -9999px;
width: 137px; height: 108px;
margin: 0;
padding: 0;
background: #195122 url(art/simpson-garden-design-logotype-trans.png) no-repeat 20px 24px;
}
#logotype p {
font-size: 11px;
line-height: 1.6;
margin-top: 18px;
}
#tagline {
margin: 0 0 0 260px;
padding-top: 40px;
font: bold italic 16px/1.6 Georgia, Times, "Times New Roman", serif;
color: #195122;
width: 30em;
}
#gallerylink {
position: absolute;
bottom: 60px;
left: 42%;
width: 200px;
border: 6px solid #000;
text-align: center;
background: #000;
border-radius : 7px; /* not in IE of course */
-moz-border-radius : 7px; /* Mozilla */
-webkit-border-radius : 7px; /* Webkit */

}
#gallerylink img {
float: left;
margin-right: 1em;
}
#gallerylink a {
padding-top: 13px;
}
p {
font: bold 12px/18px "Lucida Grande", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
text-align: center;
margin: 0;
padding-top: 8px;
}


/* Portfolio page */

#portfolio {
margin: 0; padding: 0;
}
#portfolio body {
margin-top: 0;
}
#portfolio #wrap {
background-image: none;
height: 760px;
top: 0;
}
#portfolio #logotype {
position: absolute;
top: 40px;
left: 60px;
}
#gallery {
position: absolute;
top: 60px;
left: 240px;
width: 602;
height: 602;
}
#portfolio #wrap p.home {
position:absolute;
bottom: 0;
right: 0;
}