/* CSS Document */

body {	
	background-color: #104c66;
	background-image:url(../PatF_images/PatFb_round.jpg);
	background-repeat:no-repeat;
	background-position:top;
		}
		
#wrapper {
	width: 800px;
	height: 600px;
	margin: 110px auto 0 auto;
	z-index: 1;
		}

#contentwrapper {
	width: 750px;
	margin:0 25px 0 25px;
}


/* top navigation */
#bar {
	height: 28px;
	width: 800px;
	z-index: 3;
	}

#topnav li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	list-style: none;
	text-transform: uppercase;
	font-weight: normal;
	}
	
	
#topnav li a:link {
	text-decoration: none;
	color: #8ce;
	margin: 0 20px 0px 0;
	padding: 15px 33px 15px 0px;
}
#topnav li a:visited {
	text-decoration: none;
	color: #8ce;
	margin: 0 20px 0 0;
	padding: 15px 33px 15px 0px;
}
#topnav li a:hover {
	text-decoration: none;
	color: #fff;
	margin: 0 20px 0 0;
	padding: 15px 33px 15px 0px;
}
#topnav li a:active {
	text-decoration: none;
	color: #8ce;
	margin: 0 20px 0 0;
	padding: 15px 33px 15px 0px;
}
	
.menu_home a:hover {
	background-image:url(../PatF_images/home_sub.jpg);
	background-position:right;
}
.menu_about a:hover {
	background-image:url(../PatF_images/about_sub.jpg);
	background-position:right;
}
.menu_work a:hover {
	background-image:url(../PatF_images/work_sub.jpg);
	background-position:right;
}
.menu_links a:hover {
	background-image:url(../PatF_images/links_sub.jpg);
	background-position:right;
}
.menu_contact a:hover {
	background-image:url(../PatF_images/contact_sub.jpg);
	background-position:right;
}
.menu_fish a:hover {
	background-image:url(../PatF_images/fish_sub.jpg);
	background-position:right;
}

#content {
	margin: 15px 0 0 0;

		}

hr {
	color:#8ce;
	
}

p {	
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:20px;
	text-align:left;
		}
.receipe {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:18px;
	text-align:left;
	}
		
.heading {
	text-transform:capitalize;
	font-weight:bold;
	}

#source {	
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.7em;
	line-height:20px;
	text-align:left;
		}

		
a {	
	color:#fff;
		}

h2 {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.8em;
	line-height:20px;
	text-align:left;
	text-transform:uppercase;
}

.light {
	font-size: 0.7em;
}

.lighter {
	font-weight:normal;
	font-style:italic;
	font-size:0.9em;
	line-height:20px;
	text-align:left;
	text-transform:none;
}

h3 {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.7em;
	line-height:10px;
	text-align:left;
	text-transform:uppercase;
}

#leftcolumn {
	float:left;
	width: 365px;
}

#rightcolumn {
	float:right;
	width: 365px;
}


#form {
	margin: 10px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#fff;
}

#content a img {
	background-color:#267;
	padding:6px;
}


#footer {
	position:absolute;
	top:590px;
	width: 750px;
	margin:0 0 0 25px;
}

#footer_work {
	position:absolute;
	top:725px;
	width: 750px;
	margin:0 0 0 25px;
}

#footer_fish {
	position:absolute;
	top:590px;
	width: 750px;
	margin:0 0 0 25px;
}
#footer_link {
	position:absolute;
	top:650px;
	width: 750px;
	margin:0 0 0 25px;
}

#footer p, #footer_work p, #footer_fish p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:10px;
	text-align:left;
	text-transform:uppercase;
}

#footer_right {
	float:right;
	text-align:right;
}

#footer_left {
	float:left;
	text-align:left;
}