/*----------------------
layout setup
------------------------*/
    html{
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}


	body {
		background:#999999 url(bg.gif);
		background-attachment:fixed;
		margin:0;
		padding:0;
		text-align:center;
	    	}

	div.frame {
		width:600px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;		
		}
	
	div.content {
		float:left;
		width:600px;
		padding:0px;
		background:url(bg_content.gif);
		}
	
	div.header {
		width:600px;
		height:106px;
		padding:0px;
		background:#333333 url(banner2.gif);
		}
		
	div.nav_bar {
		width:600px;
		height:41px;
		padding:0px;
		background:#333333 url(nav.gif);
		}
		
	div.footer {
		width:600px;
		height:36px;
		padding:0px;
		background:url(footer.gif);
		}

		


/*----------------------
rollovers
------------------------*/

	
		
	a.nav_bar {
	
		font:10px arial;
		color:#333333;
		text-align:center;
		letter-spacing:1px;
		text-decoration:none;
		}
		
	a.nav_bar:hover {
	
		font:10px arial;
		color:#ffffff;
		text-align:center;
		letter-spacing:1px;
		text-decoration:none;
		}
		




/*----------------------
image setup
------------------------*/

	img.header {
		float:left;
		}
		
	img.index {
		float:left;
		padding:2px;
		}

	img.about {
		float:left;
		padding:2px;
		}

	img.portfolio {
		float:right;
		padding:2px;
		}
	
	img.button {
		border:0px;
		position:center;
		padding:4px;
		}



/*----------------------
font setup
------------------------*/



	p.nav {
		padding:0.5em;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font:10px arial;
		color:#333333;
		text-align:center;
		letter-spacing:1px;
		text-decoration:none;
		}

	p.content {
		padding:1em;
		margin-top:1px;
		margin-bottom:1px;
		margin-left:20px;
		margin-right:20px;
		font:10px arial;
		color:#333333;
		text-align:left;
		letter-spacing:1px;
		}
		
		p.links {
		padding:1em;
		margin-top:1px;
		margin-bottom:1px;
		margin-left:20px;
		margin-right:20px;
		font:10px arial;
		color:#333333;
		text-align:center;
		letter-spacing:1px;
		}
		
	p.page {
		padding:1em;
		margin-top:1px;
		margin-bottom:1px;
		margin-left:20px;
		margin-right:20px;
		font:10px arial;
		color:#333333;
		text-align:center;
		letter-spacing:1px;
		}
		
	p.title {
		height:18px;
		padding:0.5em;
		border-top:1px solid #404040;
		border-bottom:1px solid #404040;
		margin-top:1px;
		margin-bottom:1px;
		margin-left:26px;
		margin-right:26px;
		font:11px arial;
		color:#ffffff;
		text-align:left;
		letter-spacing:2px;
		background:#7E7E7E;
		}
				
	p.copyright {
		padding:1.2em;
		margin-top:0px;
		margin-bottom:0px;
		font:10px arial;
		color:#333333;
		text-align:center;
		letter-spacing:2px;
		}

	a.content {
		color:#333333;
		font: 10px arial;
		text-decoration:none;
		}
	a.content:hover {
		color:#ffcc00;
		}
	


	ul.list {
		list-style-type: bold;
		font: 10px arial;
		color: #333333;
		text-align:left;
		margin-left:5px;
		}