/* for firefox, keeps the page on the same position all the time */
html {overflow-y: scroll;}

body
{
	background-image: url('../img/site_bg.jpg');

	background-color: #8293a1;
	background-repeat: repeat-x;
}

img
{
	border: 0;
}

#content
{
	width: 653px;
	height: auto;
/*
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
*/
	margin: 16px auto;
	text-align: left;

    overflow:hidden;  
	position:relative;
}

#prlogo
{
	float: right;
	right: 10px;
	top: 32px;
}

#content_content
{
	float: left;
	width: 648px;
	height: auto;
	position:relative;
	overflow: hidden;
	padding:0px;
	margin:0px;
}




 #content .content_transparency  
 {  
     background-color: #ffffff;  
	 background-image: url('../img/content_center.png');

	-moz-opacity:0.5;  
	opacity:0.5;  
	filter: alpha(opacity=50);					
    

     width:648px;  
     height:10000px;  
     position:absolute;  
     top:0px;  
     left:0px;  
     z-index:-1;  
	 
 }  



#content_top
{
	float: left;
	width: 653px;
	height: 15px;
	background-image: url('../img/content_top.png') ;
	padding: 0px;
	margin:0px;
	line-height: 0px;

     opacity:0.5;  
     filter:alpha(opacity=50);  
     -moz-opacity:0.5;  

	 background-repeat: no-repeat;
}



#content_bottom
{
	float: left;
	width: 653px;
	height: 32px;
	background-image: url('../img/content_bottom.png') ;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	padding-left: 20px;
	padding-top: 4px;

     opacity:0.5;  
     filter:alpha(opacity=50);  
     -moz-opacity:0.5;  

	 position:relative;

}


.thumbbox_3
{
	background-image: url('../img/thumbbox_3.png') ;
	width: 480px;
	height: 143px;
	padding: 12px 0px 0px 20px;
	background-repeat: no-repeat;
}

#content_navigation
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	padding-left: 20px;

}


#content_navigation a, #content_bottom a
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	position: relative;
}

#content_body
{
	color: #ffffff;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 140px;
	
	width: 600px;

}

h1
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
}

h2
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}


.codecontainer
{
	width: 500px;
	float: left;

}

.codecontainer .codeimage
{
	float: left;
	width: 250px;
}


.codesummary 
{
	float: left;
	width: 200px;
	vertical-align: top;
}

.codesummary  .codetitle
{


}

.codesummary .codedownload
{
}


.newsdate
{
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 6px;

}

.newscontent
{
	color: #ffffff;
	font-family: Arial;
	font-size: 10px;	
	margin-bottom: 6px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #8799a6;
}


/* projects */

.projectseperator
{
	font-size:11pt;
	font-weight:bold;
	margin-bottom:15px;
}

.gamebox {
	/*border:1px solid #8799a6;*/
	margin-bottom:15px;
	padding-top:0px;
}
.gameseperator {
	/*background-color:#DEDEDE;*/
	font-weight:bold;
	margin-bottom:5px;
	font-size:14px;
}

.gameseperator .content {
	padding-left:10px;
}

.gamebox .content {
	padding: 5px 0px 5px 0px;
}

.gamebox .logo {
	margin-bottom: 5px;
	text-align:left;
}

.gamebox .screenshots {
	margin-bottom:10px;
	text-align:left;
}

/* home */

/* Homepage boxes */


#home
{
	width: 600px;
	height: 500px;
	background-image: url('../img/thumbbox_home.png') ;
	background-repeat: no-repeat;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}


#homecontents
{
	width:	480px;
	float: left;
}

.homebox
{
	width:		85px; 
	margin-top: 20px;
	text-align:	center;
	float:		left;
	position:	relative;
}

.homebox .thumb
{
	border:		2px solid #8799a6; 
	width:		68px; 
	height:		68px; 
	padding:	0; 
	margin:		0;
}

.homebox .shortcut
{
	border:		1px solid #8799a6;

	position:	absolute; 
	top:		54px; 
	left:		60px; 

	width:		16px; 
	height:		16px;
	padding:	0px;
	margin:		0px;

}


/* tutorials */

.tutorial
{
	border-bottom: 1px dashed #8799a6;
}

.tutorialtitle
{
	font-size: 14px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:15px;
}

.tutorialtext .tutorialtitle
{
	background-color:transparent;
	font-size: 12px;

}


.tutorialtext
{
	padding-bottom: 10px;
}

.tutorialtitle a
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

#content_content a
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	text-decoration: underline;
}


.game
{
	border-bottom: 1px dashed #8799a6;

}


.experiment
{
	width: 600px;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #8799a6;
}

.experiment_image
{
	float: left;
	width: 200px;

	background-image: url('/prsite/public_html/img/thumbbox_small.png');
	background-repeat: no-repeat;
	height: 195px;
	padding: 12px 0px 0px 12px;

}

.experiment_summary
{
	float: left;
	width: 300px;
	padding-left: 20px;
}



.vbfibrecontent
{
	float: left;
	width: 400px;
}

.vbfibrenav
{
	float:left;
	width: 150px;
}

.thumb_h, .photoimg
{
	border: 2px solid #748391;
	padding:2px;
}

.thumb_wrap
{
	background-color: #9cacb9;;
	padding: 10px;
	display: inline;
	position: relative;
	float: left;
}