body {background-color: #504a4a; font-family: verdana, sans-serif; font-size: 10px; }
img {border: 0;}
h1 {font-size: 14px;}

/* home */

#wrapper {position: absolute; left: 15%; width: 775px; height: 502px; background-color: #eaeaea; }
#header {position: absolute; left: 10px; top: 10px; width: 754px; height: 81px; background-color: #393636; background-image: url(../images/banner.jpg);}
#banner {color: #a4b3b3; height: 60px; visibility: hidden;}
#nav {color: #a4b3b3; text-align: right; margin-right: 10px;}

/* nav links */

#nav a:link {text-decoration: none; color: #a4b3b3; font-family: Verdana, sans-serif; font-size: 10px;}
#nav a:hover {color: #4f646f; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 10px;}
#nav a:active {color: #eaeaea; font-family: Verdana, sans-serif; font-size: 10px;}
#nav a:visited {text-decoration: none; color: #a4b3b3; font-family: Verdana, sans-serif; font-size: 10px;}


#box1 {position: absolute; left: 10px; top: 95px; width: 463px; height: 200px; background-color: #a4b3b3; color: #393636; }

#box1 a:link {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}
#box1 a:hover {color: #504a4a; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 10px;}
#box1 a:active {color: #393636; text-decoration: none; font-family: Verdana, sans-serif; font-size: 10px;}
#box1 a:visited {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}

#box1content {margin: 10px;}
#box2 {position: absolute; left: 10px; top: 305px; width: 463px; height: 119px; background-color: #4f646f; color: #9eb5c0; }
#box2content {margin: 10px;}
#box3 {position: absolute; left: 10px; top: 434px; width: 463px; height: 55px; background-color: #9eb5c0; color: #4f646f; }
#box3content {margin: 10px;}

#box3content a:link {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}
#box3content a:hover {color: #504a4a; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 10px;}
#box3content a:active {color: #393636; text-decoration: none; font-family: Verdana, sans-serif; font-size: 10px;}
#box3content a:visited {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}

#showcase {position: absolute; left: 483px; top: 95px; width: 281px; height: 394px; background-color: #504a4a; }
#showcasecontent {margin: 5px; background-image: url(../images/fishybg.jpg); height: 385px;}

#copy {color: #eaeaea; position: absolute; top: 517px; left: 15%; }

/* about pages */
#aboutwrapper {position: absolute; left: 485px; top: 95px; width: 279px; height: 380px; background-color: #eaeaea; }
#aboutbox1 {position: absolute; left: 10px; top: 95px; width: 463px; height: 400px; background-color: #a4b3b3; color: #393636; }
#aboutbox1content {margin: 10px;}

#aboutbox1content a:link {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}
#aboutbox1content a:hover {color: #504a4a; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 10px;}
#aboutbox1content a:active {color: #393636; text-decoration: none; font-family: Verdana, sans-serif; font-size: 10px;}
#aboutbox1content a:visited {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}


#aboutbox3 {position: absolute; left: 485px; top: 438px; width: 279px; height: 55px; background-color: #9eb5c0; color: #4f646f;}

#aboutbox3 a:link {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}
#aboutbox3 a:hover {color: #504a4a; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 10px;}
#aboutbox3 a:active {color: #393636; text-decoration: none; font-family: Verdana, sans-serif; font-size: 10px;}
#aboutbox3 a:visited {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}

#aboutshowcase {position: absolute; left: 485px; top: 95px; width: 279px; height: 335px; float: right; background-color: #504a4a; background-image: url(../images/gardenstream.jpg)}

/* gallery pages */
#gallerywrapper {width: 150px; position: absolute; left: 10px; top: 95px; background-color: #eaeaea;}
#gallerybox1 {width: 150px; height: 140px; background-color: #a4b3b3; color: #393636; }
#gallerybox1content {position: absolute; top: 5px; left: 5px;}

#gallerybox1content a:link {text-decoration: none; color: #504a4a; font-family: Verdana, sans-serif; font-size: 10px;}
#gallerybox1content a:hover {color: #504a4a; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 10px;}
#gallerybox1content a:active {color: #393636; text-decoration: none; font-family: Verdana, sans-serif; font-size: 10px;}
#gallerybox1content a:visited {text-decoration: none; color: #504a4a; font-family: Verdana, sans-serif; font-size: 10px;}


#gallerybox3 {width: 150px; height: 250px; background-color: #9eb5c0; color: #4f646f; position: relative; top: 10px; background-image: url(../images/galleryboxbg.jpg)}
#gallerybox3content {padding: 5px; }
#galleryshowcase {position: absolute; left: 170px; top: 95px; width: 594px; height: 400px; float: right; background-color: #504a4a; }
#galleryshowcasecontent {width: 594px; height: 400px; background-image: url(../images/gallerybg.jpg)}



/* contact page */

#contactbox1 {position: absolute; left: 10px; top: 95px; width: 463px; height: 400px; background-color: #a4b3b3; color: #393636; }
#contactbox1content {margin: 10px;}

#contactbox1content a:link {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}
#contactbox1content a:hover {color: #504a4a; text-decoration: underline; font-family: Verdana, sans-serif; font-size: 10px;}
#contactbox1content a:active {color: #393636; text-decoration: none; font-family: Verdana, sans-serif; font-size: 10px;}
#contactbox1content a:visited {text-decoration: none; color: #4f646f; font-family: Verdana, sans-serif; font-size: 10px;}

#contactshowcase {position: absolute; left: 483px; top: 95px; width: 281px; height: 400px; background-color: #504a4a; background-image: url(../images/gardenfish.jpg) }
