/* css document */


body 	{font-family:verdana;
	top:0px;
	font-size:11px;
	color:grey;
	 
	
	}


.container
	{ position:relative;
	width:900px;
	 margin:0; 
	border:0px ; 
	height:600px; 
background-color:#ffffff;
	}


.fish
	{ position:absolute;
	left:10px;
	top:55px;
	border:0px solid lightgrey;
	height:380px;
	width:500px;

	}


.back
	{ position:absolute;
	left:200px;
	top:550px;
	border:0px solid lightgrey;
	height:155px;
	width:155px;
	z-index:15;


	}

.portfolio
	{ position:absolute;
	left:10px;
	top:50px;
	border:1px solid lightgrey;
	height:540px;
	width:330px;
	}
.logo
	{ position:absolute;
	left:550px;
	top:70px;
	}




.content
	{ position:absolute;
	left:10px;
	top:450px;
	border:1px solid lightgrey;
	width:498px;
	height:180px;
	overflow:auto
	}
.content2
	{ position:absolute;
	left:10px;
	top:450px;
	border:1px solid lightgrey;
	width:498px;
	height:160px;
	
	}
.content3
	{ position:absolute;
	left:10px;
	top:50px;
	border:1px solid lightgrey;
	width:498px;
	height:400px;
	overflow:auto
	}
.rightcontent
	{ position:absolute;
	left:355px;
	top:58px;
	border:1px solid lightgrey;
	width:160px;
	height:540px;

	}




h1	{color:orange;
	font-family:"Trebuchet MS", Verdana,Arial,sans-serif;
	font-weight:bold;
	font-size:140%;
	line-height: normal;
	text-align: left
	margin:20px;
	}


h2	{color:orange;
	font-family:"sans-serif", 
	font-weight:normal;
	font-size:120%;
	line-height: normal;
	text-align: left
	margin:20px;
	}

a
	{width:6em;
	font-size:14px; 
	text-decoration:none; 
	color:black;
	border:0px ;}
#menu {
 	 text-align:center; 
	  position:absolute; 
	top:0px;
	left:10px;
 	 height:6em;

 	 }

.box {
  position:relative; 
  float:left; 
  top:0px;
  }


#menu a, #menu a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#ffffff; 
  color:#808080; 
  display:block; 
  width:80px; 
  height:20px; 
  padding:10px;
  margin:0 0px;
  }
#menu a .topleft, #menu a .topright {
  position:absolute; 
  top:0; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid white;
  }
#menu a .topleft {
  left:0; 
  border-right:10px solid white; 
  }
#menu a .topright {
  left:0px; 
  border-left10px solid white; 
  }
#menu a:hover {
  background-color:#ffffff;
color:#FFA500; 
  }
#menu a:hover .topleft {
  border-right:10px solid #ffffff; 
  border-top:10px solid #ffffff;
  }
#menu a:hover .topright {
  border-left:10px solid #ffffff; 
  border-top:10px solid #ffffff;
  }

html>body .menu a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: none;
}