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;
}


/* Homepage boxes */

#homecontents
{
	width:700px;
	height: 300px;
}

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

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

.homebox .shortcut
{
	border:		1px solid #1A4F85;

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

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

}

.homeruler
{
	border-top: 1px solid #1A4F85;
	margin-top:16px;
}



/* page wide A style: */

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


ul
{
	list-style-image: url(/images/bullet.gif);
}

ul li
{
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* 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: #dfdfdf;
}


#nav
{
	width: 588px;
	height: 15px;
	background-color: #dfdfdf;
	border: 1px solid #dcdcdc;
	text-align: right;
	margin-right: 10px;
}

#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;
}






#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: 5px;
	margin-top: 10px;
	font-size: 11pt;
	line-height: 8px;
}

/* 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;
	color:					#222299;

}



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

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



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


/* End link styles */


/* Link styles for the jump box */

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


/* end */

/* bread crumb link */

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



/* News item / tutorial item */


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

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

.tutorialtext .tutorialtitle
{
	background-color: transparent;
}

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

.abouttitle
{
	margin-top: 15px;
}


.newsdate
{
	padding: 1px 0px 1px 5px;
}

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

.tutorialtext
{
	padding-left: 5px;
}

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


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


.linkcontents
{
	margin-bottom: 20px;
}

.linkcontents table
{
	width: 95%;
}


.linkcontents td
{
	padding: 4px;
}

.link
{
	width: 150px;
	text-align: left;
}


/* 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;
}