.wrapper{
margin:0 auto; padding:0; text-align:center;
background:url(folio-images/bg2.gif) repeat-x top center;
width:100%; height:auto;
font:11px Arial, Helvetica, sans-serif;
font-weight:normal;
}
	.wrapper:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
.header{
margin:0 auto; padding:0; text-align:center;
background:url(folio-images/headerbg.gif) repeat-x top center;
width:810px; height:84px;
}
	.header h1{
	margin:0; padding:35px 20px 0 0; text-align:right;
	font:35px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#ffcc66;
	}
	.header img{
	margin:0; padding:0; 
	float:left;	
	}

.contents{
margin:0 auto; padding:0; text-align:center;
background:url(folio-images/bg.gif) repeat-y top center;
width:820px; height:auto;
}
	.contents:after{
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
	
.contents-inner{
margin:0 auto; padding:0; text-align:center;
background:url(folio-images/top-header.jpg) no-repeat top center;
width:810px; height:auto;
font:11px Arial, Helvetica, sans-serif;
font-weight:normal;
}
	.contents-inner:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}	


.left-image{
margin:0; padding:0;
background:transparent;
width:405px; height:auto;
float:left;
}
	.left-image:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}	
.app-image{
	margin:20px; padding:20px;	
}
.image-nav{
margin:20px 0; padding:0;
width:410px; height:20px;
}
	.image-nav_left{
	float:left; margin:0 0 0 20px;
	}	
	.image-nav_right{
	float:right; margin:0;
	}	
	.image-nav img{
	margin:0; padding:0;
	border:0;
	}
	.image-nav a:link, .image-nav a:active, .image-nav a:visited{
	margin:0; padding:0; border:0;
	text-decoration:none; 
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#666;
	height:20px; vertical-align:top;
	}	
	.image-nav a:hover{
	margin:0; padding:0; border:0;
	text-decoration:none; color:#ffc001;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold; 
	height:20px; vertical-align:top;
	}
	
.right-desc{
margin:0 15px 0 5px; padding:0;
background:transparent;
width:360px; height:auto;
float:right;
}
	.right-desc:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}	

.select-app{
margin:20px 0 0 0; padding:0;
}
	.select-app h2{ 
	vertical-align:middle;
	margin:0; padding:0 10px; display:inline;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#666;
	}
	.select-app select{
	margin:10px 0; padding:0;
	width:200px; height:18px;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal; color:#666;
	}	
	.select-app option{
	margin:2px 0; padding:0;
	width:180px; height:18px; display:block;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal; color:#666;
	}

.app-desc{
margin:20px; padding:20px;
text-align:left;
}
	.app-desc p{
	text-align:left;
	}	
		.app-desc p a{
		text-align:left;
		color:#333;
		}		
		.app-desc p a:hover{
		text-align:left;
		color:#666;
		}
	.app-desc h1{
	margin:0; padding:0;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:normal; color:#bc8d00;
	}
	.app-desc h3{
	margin:0; padding:0;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#666;
	border-bottom:1px solid #ffc100;
	}

.footer{
margin:0 auto; padding:0; text-align:center;
background:url(folio-images/footerbg.jpg) no-repeat top center;
width:820px; height:40px; clear:both;
}
	.footer span{
	margin:0; padding:20px 0 0 0; 
	text-align:left; display:block;
	width:300px; height:20px;
	}
	*html .footer span{
	margin:20px 0 0 0; padding:0; 
	text-align:left; display:block;
	width:300px; height:20px;
	}
	.footer a:link, .footer a:active, .footer a:visited{
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal; color:#666;
	text-decoration:none;
	}
	.footer a:hover{
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal; color:#bc8d01;
	text-decoration:none;
	}