body
  	{
  		margin: 0; 
  		padding: 0; 
  		border: none; 
  		background-color: #fff;
  		font-family: arial;
  		min-width: 800px;
  	}
  	
  	img
  	{
  		border: none;
  	}
  	
  	h2
  	{
  		font-weight: normal;
  		color: #117;
  	}

	/* ---- framing blocks ---- */
	
	#backing
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(imgs/b2b.jpg) no-repeat;
	}
	#mask
	{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	
	#frame-top
	{
		width: 100%;
		background-color: #65901a;
	}
	#frame-bottom
	{
		width: 100%;
		background-color: #65901a;
	}
	div.header
	{
		height: 4px;
		position: absolute;
		top: 0px;
	}
	div.footer
	{	
		height: 26px;
		position: absolute;
		bottom: 0px;
		font-family: Verdana;
	}
	#copy
	{
		font-family: Verdana, Tahoma;
		font-size: 7pt;
		color: #ccc;
		padding: 0px 50px 0px 20px;
		float: right;
	}

	#top-bar
	{
		width: 100%;
		background-color: #f6fff0;
		
		height: 70px;
		position: absolute;
		top: 5px;
		
		padding-top: 10px;
		border-bottom: 1px solid #65901a;
	}
	div.top-img
	{
		margin-left: 50px;
	}
	
	#bottom-bar
	{
		width: 100%;		
		background-color: #efe;
		
		height: 29px;
		position: absolute;
		bottom: 26px;
		
		border-top: 1px solid #65901a;
		font-size: 10pt;
		text-align: center;
	}
	
	#contact
	{
		margin-top: 8px;
		margin-left: 50px;
		
		font-size: 9pt;
		text-align: left;
		color: #65901a;
	}
	#contact a
	{
		color: #a93b29;
	}
	
	
	#bar a
	{
		color: #873;
	}
	
	/* -- content -- */
	
	#content
	{
		position: relative;
		top: 87px;
	}
	#content img
	{
		border: none;
	}


	/* ------------ menu ---------------- */

	#menu
	{
		position: relative;
		top: 0px;
	}
	
	/*	--	profile buttons	--	*/
	#menu-profile
	{
		position: absolute;
		right: 330px;
		width: 80px;
		height: 32px;
	}
	#menu-profile-back
	{
		position: absolute;
		right: 330px;
		width: 80px;
		height: 32px;
	}
	#menu div.profile-cont
	{
	}
	#menu div.profile-on
	{
	}
	#menu div.profile-off
	{
		background: url(imgs/profile.png) no-repeat;
	}
	#menu div.profile-back-on
	{
		background: #ffe;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		opacity: .6;
	}
	
	/*	--	special buttons	--	*/
	#menu-special
	{
		position: absolute;
		right: 160px;
		width: 160px;
		height: 32px;
	}
	#menu-special-back
	{
		position: absolute;
		right: 160px;
		width: 160px;
		height: 32px;
	}
	#menu div.special-cont
	{
	}
	#menu div.special-on
	{
	}
	#menu div.special-off
	{
		background: url(imgs/special.png) no-repeat;
	}
	#menu div.special-back-on
	{
		background: #ffe;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		opacity: .6;
	}
	
	/*	--	portfolio buttons	--	*/
	#menu-portfolio
	{
		position: absolute;
		right: 50px;
		width: 98px;
		height: 32px;
	}
	#menu-portfolio-back
	{
		position: absolute;
		right: 50px;
		width: 98px;
		height: 32px;
	}
	#menu div.portfolio-cont
	{
	}
	#menu div.portfolio-on
	{
	}
	#menu div.portfolio-off
	{
		background: url(imgs/portfolio.png) no-repeat;
	}
	#menu div.portfolio-back-on
	{
		background: #ffe;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		opacity: .6;
	}
	
	#menu div.profile-off:hover
	{
		background: url(imgs/profile-hover.png) no-repeat;
	}
	#menu div.special-off:hover
	{
		background: url(imgs/special-hover.png) no-repeat;
	}
	#menu div.portfolio-off:hover
	{
		background: url(imgs/portfolio-hover.png) no-repeat;
	}

	/* -- main body -- */
	
	.body
	{
	}
	.body-front
	{
		position: absolute;
		top: 120px;
		right: 50px;
		bottom: 85px;
		left: 50px;
		
		text-align: left;
		font-size: 10pt;
		padding: 25px;
		overflow: auto;
		
	}
	.body-back
	{
		position: absolute;
		top: 120px;
		right: 50px;
		bottom: 85px;
		left: 50px;
	
		border: 1px solid #999;
		background: #eee;
		opacity: .2;
	}
	.body-back2
	{
		position: absolute;
		top: 120px;
		right: 50px;
		bottom: 85px;
		left: 50px;
	
		border: 1px solid #888;
		background: url(imgs/background.jpg) repeat;
	}
	.body-text
	{
		max-width: 600px;
	}

	.portfolio-img
	{
		overflow: hidden;
		width: 60px;
		height: 60px;
		display: inline;
	}
	
	.portfolio-img img {
		padding: 3px;
	}
	

	img.port
	{
		border: 1px solid #ccc;
		width: 100px;
		height: 100px;
		opacity: .8;
	}
	img.port:hover
	{
		border: 1px solid #999;
		opacity: 1;
	}

	a:link 		{color: #5050AD; text-decoration: none}		/* unvisited link 	*/
	a:visited 	{color: #5050AD; text-decoration: none}		/* visited link 	*/
	a:hover 	{color: #C08025; text-decoration: none}		/* mouse over link 	*/
	a:active 	{color: #5050AD; text-decoration: none}		/* selected link 	*/