@import url(960/reset.css);
@import url(960/text.css);
@import url(960/960.css);
html{
	height: 100%;
	text-align:left;
}

body{
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	background:#efefef;
	color:#333;
	padding: 0px;
	margin:0px;
	line-height:1.5;
	font-size:13px;
	overflow:auto;
	height: 100%;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	font-weight:normal;
	color:#555;
	float:none;
	margin:0px;
}

h1{
	font-size:32px;
	margin-bottom:10px;
}

h3{
	font-size:16px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:2px solid #efefef;
}

h4{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #efefef;
}

h5{
	font-size:12px;	
	text-align: center;
	color:#727272;
	margin-bottom:80px;
}


img.displayed {
display: block;
margin-left: auto;
margin-right: auto;
}

img.floatRight { 
float: right; 
margin: 5px;
margin-top: 10px; 
}

img.floatLeft { 
float: left; 
margin: 5px; 
margin-top: 10px;
}

img.center {  
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}


a, a:link, a:visited, a:active, a:hover{
	color: #128BC2;
	text-decoration: none;
}

a.bar:link, a.bar:visited, a.bar:active, a.bar:hover{
	color: #727272;
}
a.bar:hover{
	color: #000;
}

a.bar_current:link, a.bar_current:visited, a.bar_current:active, a.bar_current:hover{
	color: #000;
}

.header{
	background:#FFF;
	padding:1.5em 1.5em 0px 1.25em;
	float:none;
}

.navigation{
	background:#FFF;
	float:none;	
	padding:1em 1.5em 0px 1.25em;
}

.navigation a{
	background:#FFF;
	padding:.25em .5em .25em;
	float:left;
	margin-right:.5em;
	text-decoration:none;
	color:#222;
}

.navigation a.selected{
	background:#EEE;
	font-weight:bold;
}

.content{
	padding:1.5em;
/*	margin:.25em 0px;*/
	margin-left: auto;
	margin-right: auto;
	width:960px;
	background:#FFF;
	border-style:solid;
	border-width:0px 1px;
	border-color:#727272;
	height: auto !important; /* real browsers */;
  height: 100%; /* IE6: treaded as min-height*/;
  min-height: 100%; /* real browsers */
}

.flashContent{
	padding:0px;
	margin:10px 0px 0px 0px;	
	background:#FFF;
}

.motto{
	float:none;
	margin:0px 1.5em 0px 0px;
	color:#555;
	font-size:175%;
	line-height:1.5;
}

.leftColumn, .rightColumn{
	width:400px;
	float:left;
	margin-right:1.5em;
}

.leftColumn{
	clear:both;
}

.teaser{
	float:left;

}

.teaser img{
	/*border: 1px solid #999;*/
}

.teaser h4{
	font-size:1.33em;
	position:relative;
	top:-2em;
	margin:0px !important;
	padding:.15em .35em 0px .5em !important;
	float:none;
	display:block;
	background:#F0F0F0;
	color:#222;
	
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
	
	border:none;
	border-top: 1px solid #FFF;
}

.teaser.grid_3{
	margin:0px 20px 0px 0px !important;
}

.remark{
	display:block;
	clear:both;
	color:#777;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #EAEAEA;
}

hr{
	margin:10px 0px;
	border-color:#DDD;
}

.grid_6.alpha{
	margin:0px 20px 0px 0px;
}

.grid_6.omega{
	margin:0px;
}

.screenshots a{
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0;
border: 1px solid white;
vertical-align:middle;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #416ab2;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
background-color: white;
padding: 5px;
width:360px;
left: -1000px;
border: 2px solid #eaeaea;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 0px;
padding: 0px;
}

.thumbnail:hover span img{ /*CSS for enlarged image*/
border: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
border: 2px solid #416ab2;
bottom: -50px;
left: 350px; /*position where enlarged image should offset horizontally */
z-index: 1000;
}

pre.example {
font-family: "Courier New", Courier, mono;
font-size: 13px; color: black;
background-color: #EAEAEA;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
border: black;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: auto;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */