body {
 
	background-image: url("/img/pagebg.png");
	background-repeat: repeat-x;
	background-position: top left;
	font-family: "Arial";
	font-size: 12px;
 
}
 
h1 {
 
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	
}
 
h2 {
 
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	
}
 
p {
 
	margin-top: 0px;
 
}
 
ul {
 
	margin-top: 0px;
	padding-left: 16px;

}

 
a {
 
	text-decoration: none;
/*	border-bottom: 1px dotted #3F8CC2;
*/	color: #3F8CC2;
 
}
 
	a:hover {
	
/*		border-bottom: 1px solid #3F8CC2;
*/		
	}
	
img {
 
	border: 0px none transparent;
 
}
 
div#boundingbox {
 
	position: relative;
	width: 830px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
 
}
 
 
div#page_header {
 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 830px;
	height: 109px;
	background-image: url("/img/pagebg_header.png");
	background-repeat: no-repeat;
	background-position: top left;	
	z-index: 2;
 
}
 
 
div#page_body {
 
	position: absolute;
	top: 109px;
	left: 0px;
	width: 830px;
	height: 492px;
	background-image: url("/img/pagebg_body.png");
	background-repeat: repeat-y;
	background-position: top left;
	z-index: 1;
 
}
 
div#page_footer {
 
	position: absolute;
	bottom: -39px;
	left: 0px;
	width: 830px;
	height: 39px;
	background-image: url("/img/pagebg_footer.png");
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 0;
 
}
 
div#navig_breadcrumb {
 
	position: absolute;
	top: -1px;
	left: 15px;
	width: 792px;
	height: 17px;
	background-image: url("/img/navig_element.png");
	background-repeat: repeat x;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 4px;
	padding-right: 4px;
 
}
 
	.navig_separator {
	
		width: 12px;
		height: 17px;
		background-image: url("/img/navig_separator.png");
		background-repeat: no-repeat;
		background-position: 1px 0px;
	
	}
 
div#page_body_overview_widget_container_outer
{
	
	position: absolute;
	top: 350px;
	left: 30px;
	width: 770px;
	height: 148px;
	overflow: hidden;
}

	div#page_body_overview_widget_container_inner
	{
		position: absolute;
		left: 0px;
	}

img#slider_arrow_left, img#slider_arrow_right
{
	
	position: absolute;
	top: 400px;
	left: 15px;
	z-index: 10;
	
}

	img#slider_arrow_right
	{
		
		left: 779px;
		
	}


div#page_body_overview_widget_01, div#page_body_overview_widget_02, div#page_body_overview_widget_03, div#page_body_overview_widget_04, div#page_body_overview_widget_05 {
 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 248px;
	height: 148px;
	background-image: url("/img/widget1_1col.png");
	background-repeat: no-repeat;
	background-position: top left;
 
}
 
	div#page_body_overview_widget_02 {
	
		left: 260px;
	
	}
	
	div#page_body_overview_widget_03 {
	
		left: 519px;
		
	}
 
	div#page_body_overview_widget_04 {
	
		left: 778px;
		
	}

	div#page_body_overview_widget_05 {
	
		left: 1037px;
		
	}


	.widget_header {
	
		position: absolute;
		top: 0px;
		left: 0px;
		width: inherit;
		height: 24px;
		padding-left: 6px;
		padding-top: 5px;
		font-weight: bold;
		color: white;
	
	}
 
	div#page_body_overview_widget_01 img, div#page_body_overview_widget_02 img, div#page_body_overview_widget_03 img, div#page_body_overview_widget_04 img, div#page_body_overview_widget_05 img {
 
		position: absolute;
		top: 32px;
		left: 8px;
 
	}
 
	.page_body_overview_widget_content {
	
		position: absolute;
		top: 32px;
		left: 100px;
		width: 132px;
	
	}
 
div#page_body_overview_content_1col {
 
	position: absolute;
	left: 549px;
	width: 224px;
	height: 142px;
	background-image: url("/img/pagebody_1col.png");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 12px;
	text-align: left;
 
}

 
div#page_body_overview_content_2cols {
 
	position: absolute;
	left: 30px;
	width: 492px;
	height: 142px;
	background-image: url("/img/pagebody_2col.png");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 12px;
 
 
}

div#page_body_overview_content_3cols {

	position: absolute;
	left: 30px;
	width: 792px;
	height: 142px;
	background-image: url("/img/pagebody_3col.png");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 12px;


}

div#page_contents {
 
 
 
}

 
.content_cols_on_main_page {
 
	top: 15px;
	
 
}
 
.content_cols_on_sub_pages {
 
	top: 30px;
 
}
 
img.pageheaderlogo {
 
	position: absolute;
	top: 22px;
	left: 28px;
 
}
 
img.button_download {
 
	position: absolute;
	top: 16px;
 
}
 
img.button_purchase {
 
	position: absolute;
	top: 150px;
 
}
 
 
img.button_support {
 
	position: absolute;
	top: 297px;
 
 
}
 
.pageheaderabout {
 
	position: absolute;
	top: 78px;
	left: 750px;
	color: silver;
 
}


ul.playground_list
{

	margin: 0px;
	padding: 0px;
	list-style-type: none;
/*	background: url('/img/pg_ul_bg.png') left top repeat;
*/	
}

	ul.playground_list li
	{
	
		padding-top: 16px;
		height: 113px;
	
	}
	
	li.icon01
	{
		
		background: url('/img/Icon01.png') left top no-repeat;
		padding-left: 158px;
		margin-left: -10px;
		
	}

	li.icon02
	{
		
		padding-right: 158px;
		padding-left: 4px;
		background: url('/img/Icon02.png') right top no-repeat;
		
	}

	li.icon03
	{
		
		background: url('/img/Icon03.png') left top no-repeat;
		padding-left: 158px;
		margin-left: -10px;
		
	}

	li.icon04
	{
		
		background: url('/img/Icon04.png') left top no-repeat;
		padding-left: 158px;
		margin-left: -10px;
		
	}

	li.icon05
	{
		
		padding-right: 158px;
		padding-left: 4px;
		background: url('/img/Icon05.png') right top no-repeat;
		
	}

	li.icon06
	{
		
		padding-right: 158px;
		padding-left: 4px;
		background: url('/img/Icon06.png') right top no-repeat;
		
	}

	li.icon07
	{
		
		padding-right: 158px;
		padding-left: 4px;
		background: url('/img/Icon07.png') right top no-repeat;
		
	}

	li.icon08
	{
		
		padding-left: 158px;
		margin-left: -10px;
		background: url('/img/Icon08.png') left top no-repeat;
		
	}

	li.icon09
	{
		
		padding-left: 158px;
		margin-left: -10px;
		background: url('/img/Icon09.png') left top no-repeat;
		
	}

#dot_overlay
{

	position: absolute;
	top: 128px;
	left: 350px;
	z-index: 2000;

}

#dot_underlay
{
	
	position: absolute;
	top: 128px;
	left: 358px;
	z-index: 1500;
	
}