/* 
	TABLE OF CONTENTS
	
	#container
		#banner
		#main
			#nav
			#content
		#footer

/*


/* ...
--------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	background: #fff;
}

	#container {
		width: 760px;
		margin: 20px auto 0 auto;
	}	
		#banner {
			position: relative;
			overflow:hidden;
			width: 760px;
			height: 91px;
		}
		
		#main{
			width: 760px;
			position: relative;
			background: url(../images/main_bkg.gif) top left repeat-y;
		}

			.nav {
				float: left;
				padding-right:30px;
				padding-top:213px;
				width: 189px;
				background: url(../images/sidebar_top.jpg) left top no-repeat;
				text-align:right;
			}
				#about{
					background: url(../images/sidebar_top_about.jpg) left top no-repeat;
					}
			
				#nav ul{
					margin:0;
					}
				
				.menuitem {
					list-style: none;
					font-size:89%;
				}
				
				.menuitem a, .menuitem a:visited{
					color: #fff;
					text-decoration: none;
				}
				
				.menuitem a:hover, .menuitem a:focus, .menuitem a:active, #selected a{
					text-decoration:underline;
					color: #fff;
				}
				
				.menuitem li {
				line-height: 1em;
				}
								
			#content {
				padding: 10px 40px 121px 40px;
				margin-left: 221px;
				min-height: 320px;
				background:url(../images/content_bkg.jpg) right bottom no-repeat;
			}

	#footer {
		clear: both;
		background:#35302c;
		margin-left:34px;
		border-top:#fff solid 2px;
		height:20px;
		overflow:hidden;
	}

		#footer p {
			margin-top: 2px;
			font-size: 70%;
		}

		#footer, #footer a:link, #footer a:visited {
			color: #fff;
			text-decoration: none;
		}

		#footer a:hover {
			text-decoration: underline;
		}

			#copyright {
				float: left;
				margin-left:10px;
			}

			#author {
				float: right;
				margin-right:10px;
			}
			
/* ROLLOVER IMAGES*/

.hoverbox
{
	position:relative;
	display:inline;
	cursor: default;
	float:right;
	clear:right;
	margin-left:20px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -50px;
	right: 50px;
	z-index: 1;
}

.hoverbox img
{
	vertical-align: top;
	margin-bottom:5px;
	margin-top:5px;
}

#content img {border:5px #fff solid;}