html
{
	margin:					0;
	padding:				0;
	height:					100%;
	width:					100%;
}	
	
body
{
	
	font-family: verdana;
	font-size: 9pt;
	color: #000000;

	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	background-color: #0C4481;
}


/* page wide A style: */

a
{
	text-decoration:		none;
	font-weight:			normal;
}

a:link
{
	color:					#222299;
}

a:active 
{
	color:					#222299;
	text-decoration:		underline;
}

a:visited
{
	color:					#222299;
}

a:hover
{
	color:					#222299;
	text-decoration:		underline;
	font-weight:			normal;
}


/* end */

#page
{
	width: 800px;
	background-color: #fbfbfb;
	padding: 0px;
	margin: 0px;
	text-align: left;
	margin: 0px auto;
	border: 10px solid #1A4F85;
}

#header
{
	height: 175px;
	width: 800px;
}

#logo
{
	width: 200px;
	height: 175px;
	float: left;
	background-color: #0C4481;
	background-image: url(images/logo.jpg);
}

#rightbox
{
	float: right;
	width: 600px;
	height: 175px;
	background-color: #fbfbfb;
}


#nav
{
	width: 598px;
	height: 15px;

	background-color: #dfdfdf;
	border: 1px solid #dcdcdc;
}

#rightboxbody
{
	width: 600px;
	height: 156px;
	background-color: #fbfbfb;
	border-top: 1px solid #1A4F85;
	border-bottom: 1px solid #1A4F85;
}



#nav .contents
{
	padding-left: 10px;
}

#divider_left
{
	width: 300px;
	float: left;
	/*background-color: #ff0000;*/
	/*height: 108px;/* 160 - 2 for border */*/
	height:54px;/* 160 - 2 for border */
}

#divider_left .contents
{
	padding-left: 50px;
	font-size:	10pt;
}

#divider_right
{
	width: 300px;
	float: right;
	/*height: 108px; /* 160 - 2 for border */
	height:54px;/* 160 - 2 for border */

	/*background-color: #ffff00;*/
}

#divider_right .contents
{
	font-size:	10pt;
}


.banner
{
	text-align: center;
	margin: auto auto;
}


#content
{
	width: 800px;
	height: auto;
}

#contents
{
	padding-left: 10px;
	padding-right: 20px;
	text-align: justify;
}

#hrbar
{
	clear: both;
	width: 798px;
	background-color: #dfdfdf;
	height: 15px;
	border: 1px solid #dcdcdc;
}

#hrbar #contents
{
	padding-left: 10px;
	font-size:	8pt;
}






#footer
{
	margin-top: 10px;
	clear: both;
	width: 798px;
	background-color: #87BBCC;
	height: 15px;
	border: 1px solid #dcdcdc;
	text-align: right;
}

#footer #contents
{
	padding-right: 10px;
	text-align: right;
	width: 770px;

}


#pagetitle
{
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
}

/* Min-height util */
.content_prop
{
	height:				550px;
	float:				right;
	width:				1px;
}

.content_clear
{
	clear:				both;
	height:				1px;
	overflow:			hidden;
}


.boxheader
{
	margin-top: 5px;
	width: 600px;
}

.boxheader #image
{
	width: 124px;
	height: 31px;
	margin-left: 30px;
	background-image: url(images/imgjump.jpg);
}


/* Link styles */

#nav  a	{
	text-decoration:		none;
	font-size:				8pt;
	font-weight:			normal;
}

#nav  a:link {
	color:					#222299;
}

#nav a:active {
	color:					#222299;
	text-decoration:		underline;
}

#nav a:visited {
	color:					#222299;
}

#nav a:hover	{
	color:					#222299;
	text-decoration:		underline;
	font-weight:			normal;
}



#hrbar #contents a	{
	text-decoration:		none;
	font-size:				8pt;
	font-weight:			normal;
}

#hrbar #contents a:link {
	color:					#222299;
}

#hrbar #contents a:active {
	color:					#222299;
	text-decoration:		underline;
}

#hrbar #contents a:visited {
	color:					#222299;
}

#hrbar #contents a:hover	{
	color:					#222299;
	text-decoration:		underline;
	font-weight:			normal;
}


/* End link styles */


/* Link styles for the jump box */

#rightboxbody a	{
	text-decoration:		none;
	font-size:				8pt;
	font-weight:			normal;
}

#rightboxbody .contents a:link {
	color:					#222299;
}

#rightboxbody .contents a:active {
	color:					#222299;
	text-decoration:		underline;
}

#rightboxbody .contents a:visited {
	color:					#222299;
}

#rightboxbody .contents a:hover	{
	color:					#222299;
	text-decoration:		underline;
	font-weight:			normal;
}


/* end */

/* bread crumb link */

#breadcrumb a	{
	text-decoration:		none;
	font-size:				8pt;
	font-weight:			normal;
}

#breadcrumb .contents a:link {
	color:					#222299;
}

#breadcrumb .contents a:active {
	color:					#222299;
	text-decoration:		underline;
}

#breadcrumb .contents a:visited {
	color:					#222299;
}

#breadcrumb .contents a:hover	{
	color:					#222299;
	text-decoration:		underline;
	font-weight:			normal;
}


/* News item / tutorial item */


.newsdate  a, .tutorialtitle a	{
	text-decoration:		none;
	font-weight:			normal;
}

.newsdate  a:link  , .tutorialtitle a:link {
	color:					#222299;
}

.newsdatea:active , .tutorialtitle a:active {
	color:					#222299;
	text-decoration:		underline;
}

.newsdate a:visited, .tutorialtitle a:visited {
	color:					#222299;
}

.newsdate  a:hover, .tutorialtitle a:hover	{
	color:					#222299;
	text-decoration:		underline;
	font-weight:			normal;
}

.newsdate, .tutorialtitle, .abouttitle
{
	background-color: #dedede;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.newscontent, .tutorialtext
{
	margin-bottom: 15px;
}

.tutoriallink
{
	margin-top: 10px;
	margin-bottom: 10px;
}


.linkclass
{
	margin-bottom: 5px;
	font-weight: bold;
}

.linkcontents
{
	margin-bottom: 20px;
}


/* Code page */

.codelanguage, .windmilltitle
{
	font-weight: bold;
	margin-bottom: 15px;
	background-color: #dedede;
	padding-left: 10px;
}

.codecontainer
{
	height: 200px;
}

.codeimage
{
	width: 220px;
	height: 150px;
	float: left;
}

.codeimage .contents
{
	
}

.codesummary
{
	width: 510px;
	height: 150px;
	float: right;
}

.codetitle
{
	font-weight: bold;
}

.codedownload
{
	margin-top: 8px;
	margin-bottom: 8px;
}

/* end */


/* photo gallery */

#phototable
{
	width: 760px;

}

#phototable td
{
	width: 250px;
	height: 160px;
	vertical-align: top;
	border-spacing: 0px;
	margin: 0px;
	border: 1px solid #1A4F85;
}

#phototable .title
{
	font-weight: bold;
	height: 16px;
	width: 248px;
	text-align: center;
}

#phototable .image
{
	text-align: center;
}

#phototable .info
{
	width: 248px;
}

#phototable .leftbox
{
	width: 150px;
	float: left;
}

#phototable .rightbox
{
	width: 98px;
	float: right;
}

#phototable .price
{
	padding-left: 10px;
	padding-top: 5px;
}

#phototable .url, #phototable .order
{
	padding-left: 10px;
	margin-top: 15px;
}

#photoinfo
{
	margin-bottom: 10px;
}


/* project page */


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

}

.gamebox
{
	border: 1px solid #dedede;
	margin-bottom: 15px;
	padding-top: 0px;
}

.gameseperator
{
	font-weight: bold;
	margin-bottom: 15px;
	background-color: #dedede;

}

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


.gamebox .content
{
	padding: 5px;
}

.gamebox .logo
{
	text-align: center;
	margin-bottom: 10px;
}

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

.tutorialcode
{
	width: 760px;
	border: 1px solid #cecece;
	background-color: #efefef;
	font-family: Courier;
	font-size: 9pt;
	margin-top: 20px;
	margin-bottom: 20px;
	
	line-height: 1.3em; 
}


.vbtable
{
	font-size: 8pt;
}

.vbtable a
{
	color: black;
}

.row_odd td
{
	background-color: #6FAFF1;
	padding-left: 5px;
}

.row_even td
{
	background-color:#CCCCCC;
	padding-left: 5px;
}

.vbtable tfoot td
{
	padding-left: 5px;
}