/* Sleeping Fish Design Stylesheet
Developed by: James Rutherford
March 2006 */
body {
margin: 0px;
padding: 0px;
}

a {
text-decoration: none;
color: #666666;
}

img {
border: 0px;
}

.mainCont {
display: block;
position: relative;
width: 800px;
height: 900px;
font-size: 11px;
font-family: Gill Sans, Tahoma, "Trebuchet MS", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
color: #666666;
margin: 0 auto;
padding: 0px;
}

/* Navigation CSS */
.mainNav {
display: block;
position: absolute;
top: 105px;
left: 63px;
width: 100%;
font-size: 14px;
font-family: "Trebuchet MS", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
}

.mainNav ul {
padding: 0px;
margin: 0px;
display: inline;
}

.mainNav ul li {
list-style: none;
padding-right: 34px;
margin: 0px;
border: 0px;
float: left;
}

#portSub {
display: block;
position: absolute;
top: 20px;
left: 90px;
font-size: 11px;
font-family: Gill Sans, "Trebuchet MS", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
border: 0px;
}

#portSub a:hover {
color:#FFFFFF;
}

#contSub {
display: block;
position: absolute;
top: 20px;
left: 90px;
font-size: 11px;
font-family: Gill Sans, "Trebuchet MS", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
border: 0px;
}

#contSub a:hover {
color:#FFFFFF;
}

/* End Navigation */


.cont {
display: block;
position: relative;
top: 45px;
_top: 55px;
width: 775px;
height: 483px;
background-image:url(../images/greenbg.gif);
background-repeat:no-repeat;
border: 0px;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
}

html<body .cont {
top: 45px;
}

.contentBlock {
display: block;
position: relative;
top: 5px;
left: 40px;
width: 775px;
height: 479px;
background-image: url(../images/rndgreen.gif);
background-repeat:no-repeat;
padding: 0px;
margin: 0px;
}

.contentBlock a:hover {
color:#FFFFFF;
}

.contentBlock p {
display: block;
position: relative;
top: 50px;
left: 90px;
width: 400px;
}

.contentBlock p#contact {
display: block;
position: relative;
top: 30px;
left: 75px;
width: 360px;
}

.contentBlock ul {
display: block;
top: 100px;
left: 30px;
width: 190px;
position:relative;
list-style: none;
padding: 0px;
}

.contentBlock ul li {
padding-bottom: 5px;
}

.contentBlock ul li a:hover {
color:#FFFFFF;
}

#formstyle {
display: block;
position: relative;
top: 50px;
left: 40px;
width: 360px;
}

.portfolioBlock {
display: block;
position: relative;
top: 5px;
left: 40px;
width: 775px;
height: 479px;
background-image: url(../images/rndgreen.gif);
background-repeat:no-repeat;
padding: 0px;
margin: 0px;
}

.portfolioBlock p {
display: block;
position: relative;
top: 85px;
left: 91px;
width: 360px;
}

.portfolioBlock p#icon {
display: block;
position: absolute;
top: 377px;
_top: 388px;
left: 534px;
width: 14px;
}

.portfolioBlock p#icon2 {
display: block;
position: absolute;
top: 376px;
_top: 387px;
left: 531px;
width: 14px;
}

.portfolioBlock p#intro {
position: relative;
top: 115px;
left: 122px;
width: 360px;
}

/* Popup images */
.portfolioBlock p#icon a span {
display: none; 
}

.portfolioBlock p#icon a:hover span {
display: block;
position: absolute; 
top: 300px; 
left: 150px; 
width: 525px;
height: 500px;
padding: 5px; 
margin: 10px; 
z-index: 100;
}

/* End pop Images */

.portfolioBlock p#intro a:hover {
text-decoration:underline;
}

.portfolioBlock ul {
display: inline;
position: absolute;
width: 300px;
top: 65px;
left: 350px;
padding: 0px;
margin: 0px;
}

.portfolioBlock ul li {
list-style:none;
padding: 0px;
margin: 0px;
float:left;
}

.portfolioBlock img {
border: 0px;
}

.portfolioBlock h1 {
position: absolute;
width: 200px;
top: 65px;
left: 123px;
padding: 0px;
margin: 0px;
font-size: 12px;
font-weight: normal;
}

.portfolioBlock h1 a:hover {
text-decoration:underline;
}

#fishlogo {
position: relative;
top: 20px;
left: 60px;
border: 0px;
}

#fishlogo img {
border: 0px;
}

#copyright {
font-size: 10px;
position: absolute;
top: 450px;
left: 520px;
}

#lilbamboo {
display: block;
position: absolute;
top: 352px;
left: 15px;
z-index: 1;
}

#bigbamboo {
display: block;
position: absolute;
top: 5px;
left: 607px;
z-index: 1;
}

#footer {
display: block;
position: relative;
top: 50px;
_top: 60px;
font-size: 10px;
width: 800px;
}

#fish1 {
display: block;
position: absolute;
top: 218px;
left: 635px;
z-index: 2;
}
#fish2 {
display: block;
position: absolute;
top: 110px;
left: 620px;
z-index: 2;
}

#fish22 {
display:block;
position: absolute;
width: 140px;
height: 310px;
top: 110px;
left: 620px;
z-index: 10;
}

/* FIR */
#about a {
  background-image:url(../images/aboutus1.gif);
  background-repeat:no-repeat;
  height:18px;
  width: 38px;
  display: block;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#about a:hover {
background-image:url(../images/aboutus2.gif);
}

#about a span {display:none;}

#portfolio a {
  background-image:url(../images/portfolio1.gif);
  background-repeat:no-repeat;
  height:18px;
  width: 52px;
  display: block;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#portfolio a:hover {
background-image:url(../images/portfolio2.gif);
}

#portfolio a span {display:none;}

#contact a {
  background-image:url(../images/contact1.gif);
  background-repeat:no-repeat;
  height:18px;
  width: 49px;
  display: block;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#contact a:hover {
background-image:url(../images/contact2.gif);
}

#contact a span {display:none;}

#link1 a {
background-image:url(../images/1.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link1 a:hover {
background-image:url(../images/1_hv.gif);
}

#link1 a span {
display:none;
}

#link2 a {
background-image:url(../images/2.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link2 a:hover {
background-image:url(../images/2_hv.gif);
}

#link2 a span {
display:none;
}

#link3 a {
background-image:url(../images/3.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link3 a:hover {
background-image:url(../images/3_hv.gif);
}

#link3 a span {
display:none;
}

#link4 a {
background-image:url(../images/4.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link4 a:hover {
background-image:url(../images/4_hv.gif);
}

#link4 a span {
display:none;
}

#link5 a {
background-image:url(../images/5.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link5 a:hover {
background-image:url(../images/5_hv.gif);
}

#link5 a span {
display:none;
}

#link6 a {
background-image:url(../images/6.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link6 a:hover {
background-image:url(../images/6_hv.gif);
}

#link6 a span {
display:none;
}

#link7 a {
background-image:url(../images/7.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link7 a:hover {
background-image:url(../images/7_hv.gif);
}

#link7 a span {
display:none;
}

#link8 a {
background-image:url(../images/8.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link8 a:hover {
background-image:url(../images/8_hv.gif);
}

#link8 a span {
display:none;
}

#link9 a {
background-image:url(../images/9.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link9 a:hover {
background-image:url(../images/9_hv.gif);
}

#link9 a span {
display:none;
}

#link10 a {
background-image:url(../images/10.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link10 a:hover {
background-image:url(../images/10_hv.gif);
}

#link10 a span {
display:none;
}

#link11 a {
background-image:url(../images/11.gif);
background-repeat:no-repeat;
height: 18px;
width: 18px;
display: block;
margin: 0px;
padding: 0px;
border: 0px;
}

#link11 a:hover {
background-image:url(../images/11_hv.gif);
}

#link11 a span {
display:none;
}

#signagedesc {
position: absolute;
display:block;
width:150px;
height: 200px;
top:  120px;
left: 410px;
margin: 0px;
padding: 0px;
z-index: 100;
}
