@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000033;
	color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif,Tahoma;
	font-size: 14px;
	min-width: 800px;
	margin: 35px 0 0 20px;
	}

a, .headerNonLink { color:#990000; font-weight: bold; text-decoration: none; }

p { line-height: 22px; padding: 5px 10px; letter-spacing: .05em; }

	
/***********PAGE GRAPHICS*****/   
#pagegraphic { width: 260px; height: 375px; position: absolute; top: 0px; left: 700px; }

body#home { background: url(images/pagegraphic_home.jpg) top right no-repeat; background-color:#000033; }	
body#news { background: url(images/pagegraphic_news.jpg) top right no-repeat; background-color:#000033; }
body#about { background: url(images/pagegraphic_about.jpg) top right no-repeat; background-color:#000033; }		
body#contact { background: url(images/pagegraphic_contact.jpg) top right no-repeat; background-color:#000033; }
body#blog { background: url(images/pagegraphic_blog.jpg) top right no-repeat; background-color:#000033; }
body#gallery { background-color:#000033; }


/***********PAGE ELEMENTS*****/   
#container { width: 950px;	margin: 0 auto; }

#logo {
	width: 470px;
	height: 110px;
	float: left;
	background:url(images/logo.jpg) no-repeat;
	}	

/***********MAIN NAVIGATION BAR*****/
#nav { width: 180px; height: 270px; float: left; }
#nav a { border: none; text-decoration: none; }	
	
	
/***********PAGE HEADERS*****/   
#header { height: 40px; width: 600px; float: left; margin-top: 65px; }
	
#news #header { background:url(images/header_news.gif) bottom left no-repeat;}
#about #header { background:url(images/header_about.gif) bottom left no-repeat;}
#contact #header { background:url(images/header_contact.gif) bottom left no-repeat;}
#gallery #header { background:url(images/header_gallery.gif) bottom left no-repeat;}
#blog #header { background:url(images/header_blog.gif) bottom left no-repeat;}


/***********PAGE CONTENT*****/
#pagecontent {
	width: 570px;
	padding: 10px 0 50px 20px;
	float: left;
	text-align: left;
	margin-bottom: 50px;
	}

#pagecontent a:link img { border: 3px solid #663300; }
#pagecontent a:visited img { border: 3px solid #663300; }
#pagecontent a:hover img { border: 3px solid #660000; }
#pagecontent span.title { font-weight: bold; font-size: 16px; color: #CC3300; }
	
	
/***********GALLERY STYLES*****/ 
#gallery #pagecontent {
	width: 760px;
	clear: left;
	margin:0 0 50px 0;
	padding: 0 0 50px 20px;
	}


#header { height: 40px; width: 600px; float: left; margin-top: 65px; }

#mininav { height: 40px; width: 600px; float: left; margin-top: 15px; }
 
#gallery #pagecontent img { margin: 24px 20px 0 0; }
#gallery p { float: left; text-align: center; }
#gallery p img { border: 3px solid #663300;	}

#gallery ul { list-style: none; line-height: 20px; padding: 10px 0 0 0; margin: 0 0 0 10px; }
#gallery li	{ display: inline; }
#gallery li a:hover { border-bottom: 1px solid #CC0000;	}
#gallery li.current a { font-size: 15px; color: #FF9933; }
#gallery li.current a:hover { border-bottom: none; }
	
/***********OTHER PAGE-SPECIFIC STYLES*****/   
#home p { text-align: right; padding: 0 35px; font-size:18px; line-height:32px; }

#about ul { padding: 0 0 0 20px; margin: 0 0 20px 0; list-style: square; line-height: 20px; }


/***********UTILITIES*****/
.sep { margin: 0 8px; color:#996600; }	
.commissions { clear: left;	}
.floatleft { float: left; margin: 0 10px 0 0; }
li.none	{ list-style: none; font-weight: bold; margin-left: -10px; }
.pagefill { margin: 50px 0; line-height: 500px; }
.clear { clear: both;}

.back { padding: 15px 0 15px 40px; font-size:10px;}

#about .none { list-style: none; }

/***********FOOTER*****/
#siteinfo {
	width: 800px;
	float: left;
	clear: both;
	margin: 50px 0 50px 80px;
	padding: 10px 0;
	border: #330000 2px solid;
	background-color: #010148;
	}
	

#siteinfo p {
	float: none;
	padding: 0;
	margin: 5px;
	text-align: center;
	font-size: 10px;
	color: #C76114;
	line-height: 18px;
	}
	
#siteinfo p a, #siteinfo p a:hover {
	text-decoration: none;
	border: none;
	}

#gallery table {
	width: 750px;
	}
	
#gallery table td {
	padding: 10px;
	margin: 10px;
	text-align: center;
		}	
#gallery table img { border: 3px solid #663300;	}
		

		
		
		
/***********DREAMINGFISH LINK*****/
#dreamingfish p {
	padding-top: 10px;
	float: none;
	color:#FFFFFF;
	letter-spacing: .4em;
	font-variant:small-caps;
	clear: both;
	}
	
#dreamingfish p a { color: #990000; text-decoration: none; border: none;}