/* CSS Document */
html {
height:100%;
}
body{
margin: 0px;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #333;
background-color: #2b291a;
background-image: url(images/background.jpg);
background-repeat:repeat-x;
}

#container{
margin: 0 auto;
margin-top:8px;
margin-bottom:8px;
background-color: #fff;
background-image:none;
height: auto;
width:820px;
border:5px solid #ecf0e6;
border-bottom:2px solid #ecf0e6;
}

#wrapper{
margin:10px auto auto auto;
background-color:#fff;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
height: auto;
width:845px;
border:1px solid #ecf0e6;
}

#banner{
width:820px;
background-color: transparent;
background-image: url(images/flooded_catfish.gif);
background-repeat: no-repeat;
height:220px;
text-align:center;
margin:5px;
border-bottom:0px solid #999999;
}

h2 {
font-size: 16px;
color:#000;
font-weight: normal;
font-family:verdana, "trebuchet MS", helvetica, sans-serif;
border-bottom:0px solid #573613;
padding-bottom:10px;
}
	
h1 {
font-size: 18px;
color:#000;
font-weight: normal;
font-family:verdana, "trebuchet MS", helvetica, sans-serif;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
padding-bottom:8px;
padding-top:8px;
background-color:#ecf0e6;
text-align:center;
}

	

h3 {
font-size: 16px;
color:#000;
font-weight: bold;
font-family:verdana, "trebuchet MS", helvetica, sans-serif;
border-bottom:0px solid #573613;
padding-bottom:10px;
}
.current {
background-color:#333333;
}

.pquote {
margin-left:15px;
margin-top:15px;
color: #ddd;
font-size:1.2em;
line-height:120%;
font-style: italic;
}

.img_Left {
float:left;
margin-right:12px;
padding:3px;
border:1px solid #ddd;
}

img {
border:none;
}

dd {
line-height:200%;
}

hr{
margin:20px 20px 20px 20px;
}

/*******Top Navigation Menu****/

.menu {
  padding:0; 
  margin:0 auto;
  width:auto;
  margin-left:5px;
  margin-right:3px;
  list-style-type:none;
  white-space:nowrap;
  }
.menu li {
  float:left;
  width:100px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  width:100px; 
  float:left; 
  }
* html .menu a {
  width:100px;
  }
.menu a span {
  display:block; 
  color:#000; 
  background: #fff; 
  border:1px solid #006633; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .menu a span {
  width:100px; 
  cursor: auto; 
  w\idth:66px;
  }
.menu a b {
  display:block; 
  border-bottom:2px solid #999999;
  }
.menu a em {
  display:none;
  }
.menu a:hover {
  background: #FFFFCC;
  }
.menu a:hover span {
  color:#fff; 
  background: #666666;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  border-color:#006633 #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }

		
#left {
	float:left;
	width:180px;
	margin-left:0;
	background-color: #5A6351;
	border:2px solid #ddd;
	height:auto;
	color:#FFFFFF;
	
}

#left p {
margin-left:14px;
margin-right:12px;
color:#ddd;

}

#right {
	float:right;
	width:550px;
	padding-left:18px;
	padding-top:5px;
	margin-right:8px;
	border-left: #573613 0px dashed;
	text-align:justify;
}

#content {

margin:42px 16px 0 16px;
line-height:130%;
padding:1em;
border:0px solid #ddd;

}

a {
color: #333;
text-decoration:underline;
}

a:hover
{
color: #666;
background-color:transparent;
text-decoration:none;
}

.img_right {
float:right;
margin-left:14px;
margin-bottom:6px;
}

.h1_smaller
{
font-style:italic;
color: #666666;
font-size:1.2em;
}

.sm_fish {
vertical-align:middle;
}

#footer {
clear: both;
background-color:transparent;
background-image:none;
background-repeat: repeat;
padding:8px;
height: auto;
border-top:0px solid #fff;
margin-top:0;
}


.clear {
clear:both;

}

div.footer-wrapper {
width:820px;
background-image:none;
background-repeat:repeat-x;
}

div#footer_boxes {
	width: 100%;
	padding: 25px 0;
	height:auto;
	
}

div.footer-column {
	float: left;
	width: 235px;
	margin: 0 18px;
	display: inline;
	border: 1px solid #666666;
	background-image:none;
	background-repeat:repeat-x;
	height:240px;
}

div.footer-column h1 {
margin-top:0px;

}

div.footer-column p {
	text-align: left;
	line-height: normal;
	padding-left:10px;
	padding-right:8px;
}

.read_more {
text-align:right;
font-size:.9em;
font-style:italic;
}

#copyright {
 width:760px;
 margin:0 auto;
 text-align:center;
 height:auto;
 padding-top:5px;
 color:#e9e3b9;
}

.designer {
color: #e9e3b9;
}
.designer a {
color:#e9e3b9;
}

.portfolioimage {
width:310px;
float:left;
margin-left:25px;
}

.portfolioimage p {
padding:0;
margin:10px 0;
text-align:center;
}

.portdesc {
width:380px;
float:right;
margin-right:25px;
margin-top:0px;}

.portdesc h4 {
font-size:14px;
margin-bottom:10px;
}

.portdesc p {
margin-top:0;
}

.portdesc ul {
margin-left:5px;
margin-top:1px;
}

.portdesc li {
padding:0;
}
#bottomnav {
height:50px;
clear:both;
border-top:2px solid #ecf0e6;
width:100%;
font-weight: normal;
color:black;
text-align:center;
text-decoration:none;
}

.port-thumb {

display:inline;

width:190px;

height:140px;

float:left;

margin:20px 0 20px 0;

padding-bottom:20px;

text-align:center;

font-size:1.1em;

}