body {
background-color: #EEEEEE;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #000000;}
a:visited {color:#333333;}
a:hover {color: #555555;}
a:active { color:#555555;}

h1 {
font-size: 8px;
color:#FFFFFF;
text-transform:uppercase;
background-color: #000000;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------center layout-------------- */
#container {
width: 900px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
.nfo { 
padding: 12px;
font-family: monospace, courier new; 
font-size: 12px; 
line-height: 1em;
color:#000000; }

#banner {
text-align: right;
background-color: #FFFFFF;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 

#online_text {
text-align: left;}

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #000000;  
background-color: #ffffff; 
 } 

#inner{ margin:0px; width:100%; } /* FFUUUU IE */ 

/* --------------left navigavtion------------- */
#left {
 color:#FFFFFF;
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 
#left a {color: #ffffff;}
#left a:visited {color:#aaaaaa;}
#left a:hover {color: #cccccc;}
#left a:active { color:#cccccc;}

/* -----------------Content--------------------- */
#content{ 
position: relative; 
margin: 0px; }

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

/* -----------------imageteaser----------------- */
.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 4px;
	background: #fff;
	border: 1px solid #ddd;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-left: 15px;
}
.imgteaser a .more {
	position: absolute;
	right: 1px;
	bottom: 1px;
	font-size: 1.0em;
	color: #fff;
	background: #000;
	padding: 1px 1px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1.0em;
	padding: 1px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 1px;
	left: 1px;
	padding: 1px;
	margin: 0;
	width: 307px;
	border-top: 1px solid #999;
	
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-left: 15px;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}
.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}