body, html, a, p, input, textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode";
	font-size: 11px;
	color: #ffffff;
}

input, textarea {
	background: none;
	margin: 0;
	padding: 0;
}

body {
	background: #191c1f url( ../img/bg.png ) top center;
	margin: 0;
	padding: 0;
	
}

h1, h2, h3, h4, p, span, form, dl, dt {
	padding: 0;
	margin: 0;
}

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


h2, h3 {
	font-size: 20px;
	color: #dfff30;
	font-weight: lighter;
	font-style: italic;
	font-family: Georgia;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 20px;
	color: #bdcfdf;
	font-family: Georgia;
	font-style: italic;
	font-weight: lighter;
}


h5 {
	font-size: 18px;
	display: inline;
	color: #bdcfdf;
	font-family: Georgia;
	font-style: italic;
	font-weight: lighter;
}

p {
	line-height: 18px;
}

.clear {
	clear: both;
}

/* FADE */
#fade {
	background: url( ../img/fade.png ) repeat-x;
	position: absolute;
	width: 100%;
	height: 500px;
	display: block;
	z-index: 1;
}

/* CONTAINER */
#container {
	position: absolute;
	z-index: 2;
	width: 850px;
	left: 50%;
	margin-left: -425px;
}


/* LOGO */
#logo img {
	position: absolute;
	border: 0;
	margin-left: -100px;
}

/* MENU */
#menu {
	float: right;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	float: left;
	margin: 10px 20px 10px 10px;
}

#menu ul li a {
	font-family:"Lucida Grande";
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1.2px;
}

#menu ul li a:hover, #menu ul li a.current {
	padding-bottom: 13px;
	color: #dfff30;
	border-bottom: 2px solid #dfff30;
}

#content{
	padding: 25px 0px 100px 0px;
	background: url( ../img/fish-talk-bg.png ) center bottom no-repeat;
}

.highlight {
	background: url( ../img/highlight.png ) repeat-x;
	height: 198px;
	width: 200px;
	float: right;
	margin-left: 10px;
	text-align: right;
	padding: 20px 10px 10px 0;
}

#content-block {
	background: url( ../img/block-bg.png );
	float: right;
	width: 500px;
	padding: 25px 20px 25px 20px;
}

#content-block .date {
	font-size: 10px;	
}

.blog h3 {
	margin: 0 0 10px 0;
}

.blog p {
	margin: 3px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #bdcfdf;
}

.blog a, .contact a, .blog p.paginator a, .blog p a {
	color: #bdcfdf;
}

.blog a:hover, .contact a:hover, .blog p.paginator a:hover, .blog p a:hover {
	border-bottom: 1px solid #bdcfdf;
}

.blog p.paginator {
	text-align: center;
	border: 0;
	padding: 0;	
}

.contact form dl dd, .contact form dl dt {
	float: left;
	width: 350px;
	padding: 5px 0 0 0;
} 

.contact form dl dt {
	width: 100px;
}

.contact form dl dd {
	margin: 0;
}

.contact form dl dd input, .contact form dl dd textarea {
	width: 250px;
}

.contact form dl dd input.submit {
	width: auto;
}

.contact form dl dd textarea {
	height: 100px;
}

.products h4 {
	margin: 10px 0 3px 0;
}

.portfolio {
	background: none;
}

.portfolio div {
	width: 200px;
	display: block;
	background: url( ../img/block-bg.png );
	float: left;
	padding: 10px;
	margin: 10px;
	color: #dfff30;
	text-align: center;
}

.portfolio div img {
	width: 190px;
	margin: 0 0  10px 0;
	border: 2px solid #000000;
}

.portfolio div img:hover {
	border: 2px solid #dfff30;
}

.portfolio div span {
	font-family: Georgia;
	font-size: 14px;
}

#blogroll {
	margin: 210px 0 0 0;
	width: 270px;
}

#how-we-fish {
	background: url( ../img/block-bg.png );
	width: 500px;
	float: left;
	padding: 25px 20px 25px 20px;
}


#fish-talk {
	padding: 25px 0px 60px 20px;
	width: 270px;
	float: right;
	background: url( ../img/fish-talk-bg.png ) center bottom no-repeat;
}

#blogroll h3, #fish-talk h3{
	border-bottom: 1px solid white;
}

#blogroll ul, #fish-talk ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#blogroll ul li, #fish-talk ul li {
	border-bottom: 1px solid white;
	padding: 10px 0 10px 0;
}

#footer {
	margin-top: 20px;
	background: url( ../img/footer-bg.png ) repeat-x;
	height: 135px;
	font-family: Georgia;
}

#footer p {
	font-family: Georgia;
}

#footer div {
	float: left;
	padding: 10px 10px 10px 10px;
}

#footer div.large {	
	width: 250px;
}

#footer div.small {	
	width: 134px;
}

#footer div.small span.mail {	
	background: url( ../img/mail.png );
	height: 117px;
	width: 116px;
	border: 0;
	display: block;
}

#footer div.small span.mail:hover {	
	background: url( ../img/mail-over.png );
}




/* TEMP */
div.temp-opening{
 margin-top: 80px;
 margin-left: 300px;	
}