/*----------------------
layout setup
------------------------*/



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

	div.frame {
		width:780px;
		margin-right:auto;
		margin-left:auto;
		margin-top:100px;
		padding:0px;
		text-align:left;
		background-color:#ffffff;
		
		}

	
	div.content {
		float:left;
		position: relative;
		width:774px;
		padding:3px;
		background-color:#ffffff;
		}

		
	div.container {
		float:left;
		position: relative;
		width:100%;
		height:330px;
		padding:0px;
		background-color:#ffffff;
		}
		
	div.container_long {
		float:left;
		position: relative;
		width:100%;
		height:1000px;
		padding:0px;
		background-color:#ffffff;
		}
		
	div.content_left {
		float:left;
		position: relative;
		width:384px;
		padding:3px;
		background-color:#ffffff;
		}

	div.content_right {
		float:right;
		position: relative;
		width:384px;
		padding:3px;
		background-color:#ffffff;
		}
	
	
	div.header {
		width:780px;
		height:50px;
		padding:0px;
		float:left;
		background-color:#ffffff;
		}

	div.navbar {
		width:780px;
		height:40px;
		float:left;
		background-color:#990000;
		padding:0em;
		margin:0px auto;
		}
		


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

		
	a.website {
		display:block; 
		width:150px; 
		height:50px; 
		background-image: url('website.gif'); 
		} 
	a:hover.website {
		background-image: url('website_over.gif');
		}
	

	a.max {
		display:block; 
		width:150px; 
		height:50px; 
		background-image: url('max.gif'); 
		} 
	a:hover.max {
		background-image: url('max_over.gif');
		}
	

	a.flash {
		display:block; 
		width:150px; 
		height:50px; 
		background-image: url('flash.gif'); 
		} 
	a:hover.flash {
		background-image: url('flash_over.gif');
		}


	a.graphics {
		display:block; 
		width:150px; 
		height:50px; 
		background-image: url('graphics.gif'); 
		} 
	a:hover.graphics {
		background-image: url('graphics_over.gif');
		}



/*----------------------
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 {
		float:left;
		padding:2px;
		border:0px;
		}


/*----------------------
portfolio setup
------------------------*/

	div.content_portfolio_left {
		float:left;
		position: relative;
		width:184px;
		padding:3px;
		background-color:#ffffff;
		}
		
	div.content_portfolio_center {
		float:left;
		position: relative;
		width:288px;
		padding:3px;
		background-color:#ffffff;
		}

	div.content_portfolio_main {
		float:left;
		position: relative;
		width:584px;
		padding:3px;
		background-color:#ffffff;
		}
		
	div.content_portfolio_right {
		float:left;
		position: relative;
		width:290px;
		padding:3px;
		background-color:#ffffff;
		}



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



	p.navbar {
		padding:1em;
		margin-top:1px;
		margin-bottom:0px;
		font:11px arial;
		color:#ffffff;
		text-align:right;
		letter-spacing:1px;
		}


	/*--p.header {
		padding:1em;
		margin-top:1px;
		margin-bottom:0px;
		font:13px arial;
		color:#ff0000;
		text-align:left;
		letter-spacing:1px;
		}--*/


	p.content {
		padding:1em;
		margin-top:1px;
		margin-bottom:0px;
		font:12px arial;
		color:#333333;
		text-align:left;
		letter-spacing:1px;
		}
		
	p.copyright {
		padding:1em;
		margin-top:295px;
		margin-bottom:0px;
		font:10px arial;
		color:#999999;
		text-align:right;
		letter-spacing:1px;
		}
		
	p.container {
		padding:0em;
		margin-top:1px;
		margin-bottom:0px;
		font:10px arial;
		color:#505050;
		text-align:left;
		letter-spacing:0px;
		}
		
	h2.container {
		padding:0em;
		margin-top:5px;
		margin-bottom:0;
		font: 10px arial;
		font-weight : bold;
		color: #cc0000;
		}
		
	h1.header {
		padding:0.3em;
		margin-top:0px;
		margin-bottom:0;
		font: 12px arial;
		font-weight : 100;
		color: #cc0000;
		}
	
	a.navbar {
		color:#ffffff;
		text-decoration:none;
		}
		
	a.content {
		color:#cc0000;
		font: 10px arial;
		text-decoration:none;
		}
	


	ul.list {
		list-style-type: none;
		font: 10px arial;
		color: #505050;
		}