body
{
	background-image: url(images/corner-ul.gif);
	background-repeat: no-repeat;
	background-color: black;
	margin: 0px;
}

img { border: none; }

div#header
{
	width: 100%;
	background-image: url(images/corner-ur.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 50px;
}

div#nav
{
	padding-top: 40px;
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

#nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li
{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}

#nav a { display: block; }
.hide { display: none; }

#portland
{
	background-image: url(images/nav_port.gif);
	background-repeat: no-repeat;
	background-position: -144px 0;
	width: 144px;
	height: 40px;
	display: inline-block;
	float: left;
}

a#port
{
	background-image: url(images/nav_port.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 144px;
	height: 40px;
}

a#port:hover
{
	background-image: url(images/nav_port.gif);
	background-repeat: no-repeat;
	background-position: -144px 0;
	background-color: black;
}

#stateland
{
	background-image: url(images/nav_state.gif);
	background-repeat: no-repeat;
	background-position: -164px 0;
	width: 164px;
	height: 40px;
	display: inline-block;
	float: left;
}

a#state
{
	background-image: url(images/nav_state.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 164px;
	height: 40px;
}

a#state:hover
{
	background-image: url(images/nav_state.gif);
	background-repeat: no-repeat;
	background-position: -164px 0;
	background-color: black;
}

#contactland
{
	background-image: url(images/nav_contact.gif);
	background-repeat: no-repeat;
	background-position: -127px 0;
	width: 127px;
	height: 40px;
	display: inline-block;
	float: left;
}

#newsland
{
	background-image: url(images/nav_news.gif);
	background-repeat: no-repeat;
	background-position: -127px 0;
	width: 127px;
	height: 40px;
	display: inline-block;
	float: left;
}

a#news
{
	background-image: url(images/nav_news.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 127px;
	height: 40px;
}

a#news:hover
{
	background-image: url(images/nav_news.gif);
	background-repeat: no-repeat;
	background-position: -127px 0;
	background-color: black;
}

#linksland
{
	background-image: url(images/nav_links.gif);
	background-repeat: no-repeat;
	background-position: -127px 0;
	width: 127px;
	height: 40px;
	display: inline-block;
	float: left;
}

a#links
{
	background-image: url(images/nav_links.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 127px;
	height: 40px;
}

a#links:hover
{
	background-image: url(images/nav_links.gif);
	background-repeat: no-repeat;
	background-position: -127px 0;
	background-color: black;
}
a#contact
{
	background-image: url(images/nav_contact.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 127px;
	height: 40px;
}

a#contact:hover
{
	background-image: url(images/nav_contact.gif);
	background-repeat: no-repeat;
	background-position: -127px 0;
	background-color: black;
}

div#cover,#content
{
	width: 616px;
	padding: 5px;
	margin-bottom: 50px;
	text-align: center;
	display: inline-block;
}

#outline
{
	padding: 10px;
	border: 1px solid white;
	display: inline-block;
}

body#portfolio #content { width: auto; }

#content p, #galleryimage p
{
	font-size: 16px;
	font-family: Georgia, serif;
	line-height: 2em;
	color: #eee;
	display: inline-block;
	text-align: left;
	width: 600px;
}

#galleryimage p { text-align: center; }

#galleryimage
{
	margin-left: auto;
	margin-right: auto;
}

#writeme { width: 616px; }

h3
{
	font-size: 14px;
	font-family: Georgia, serif;
	line-height: 2em;
	color: #eee;
	display: inline;
}

div#footer
{
	width: 100%;
	background-image: url(images/corner-bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#footer p
{
	width: 100%;
	background-image: url(images/corner-br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 40px;
	display: block;
	color: white;
	margin-bottom: 0px;
	font-size: 10px;
	font-family: Verdana, sans-serif;
}

input
{
	text-align: center;
	background-color: blue;
}

.asterix
{
	font-size: 18px;
	font-weight: bold;
	color: #eee;
	display: inline;
}

#galleryimage
{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	width: 616px;
}

.galoutline
{
	padding: 10px;
	border: 1px solid white;
	display: inline-block;
}

#parrow { margin-top: 100px; }
#narrow { margin-top: 100px; }

a:link {
color:white;
text-decoration:none;
}

a:hover {
color:#333;
}

a:visited {
color:white;
text-decoration:none;
}