* {
	padding:0;
	margin:0;
}

html {
	overflow:auto;
}
	
html, body {
	background: url(../gfx/water.jpg) repeat;
	height:100%;
	/*Verdana,*/
	font-family: Arial,Helvetica,sans-serif;
	font-size-adjust:0.58;
	font-size: 14px;
	color: #38301d;
}

a {
	color:#0073f7;
}

/*body {
	position:relative;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	padding:0;
	margin:0;
	background: url(../gfx/water.jpg) repeat;
	font-size: 10pt;
	color: #38301d;
}*/

div#spacer_top {
	width:1px;
	height:50%;
	/*background-color:#fc6;*/
	margin-bottom:-285px; /* half of container's height */
	float:left;
}

div#big_area {
	margin:0 auto;
	position: relative;
	background: url(../gfx/website/startpicture.jpg) center no-repeat;
	height: 570px;
	width:980px;
	/*border:1px solid green;*/
	clear:left;
}

div#stuff_containing_area {
	position:absolute;
	/*background: url(../gfx/startpage_banner_bottom.png) no-repeat center;*/
	height: 125px;
	bottom: 28px;
	left: 0px;
	right: 0px;
	padding:0px;
}

table#stuff_table {
	margin: auto;
	margin-top: 0px;
	cell-padding:0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table#stuff_table td {
	padding:0px;
	margin:0px;
	/*border:1px solid black;*/
	text-align:center;
}

table#stuff_table td.teaser {
	width:230px;
	height:120px;
	vertical-align:top;
	text-align:center;
}

table#stuff_table td.teaser img {
	border:solid black 1px;
}

/*table#stuff_table td.teaser object {
	padding-left:30px;
	padding-right:30px;
}*/

table#stuff_table td.form {
	padding:0px;
	width:188px;
	text-align:center;
}

div.form_label {
	text-align:left;
}

div.form_input input {
	border:solid 1px #c2b99c;
	width:180px;
}

div.actions {
	padding:4px;
	padding-top:10px;
	text-align:right;
	width:180px;
}

div.actions a {
	float:left;
	margin-top:2px;
	font-size:15px;
}

div.links {
	text-align:right;
	font-size:75%;
}

div.links a {
	color: black;
}


td.teasertext {
	width:400px;
}

td.teasertext p {
	width:380px;
	text-align:left;
	padding-bottom:10px;
	/*float:left;
	width:280px;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;*/
}
td.teasertext a {
	font-size:15px;
	font-weight:bold;
}

/* #### footer #### */
div#footer {
}

div#footer, div#footer a {	
	font-size: 14px;
	color: white;
	text-align: center;
}

table#stuff_table td.actions {
	text-align:center;
	padding:0px;
	margin:0px;
}

div.position_dingsi {
	position:absolute;
	top:0px;
	width:10px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-280px; /* half of container's height */
	float:left;
	/*border:1px solid black;*/

	/*width:100%;
	height:380px;
	position:absolute;
	top:140px;
	left:0px;*/
}

div.screenshots {
	/*border:1px solid black;*/
	margin:0 auto;
	position: absolute;	
	
	width:960px;
	top:11px;
	height:150px;
	/*margin-left:auto;
	margin-right:auto;*/
}


div.screenshots img.lefttop {
	float:left;
	border:0px;
	padding-left:54px;
	padding-top:70px;	
}

div.screenshots img.righttop {
	float:right;
	padding-bottom:5px;
	border:0px;
	padding-right:26px;
	padding-top:70px;
}

div.screenshots img.leftbottom {
	float:left;
	border:0px;
	padding-left:34px;
}

div.screenshots img.rightbottom {
	float:right;
	padding-bottom:5px;
	border:0px;
	padding-right:10px;
}

div.screenshots br {
	clear:both;
}

div.screenshots img.center {
	position:relative;
	top:85px;
	left:180px;
	border:0px;
}


/** transparent popup background **/
#popupBackground {
	width:100%;
	height:100%;
	position:absolute;
	z-index:8800;
	top:0px;
	left:0px;
	visibility:hidden;
	/*border:1px solid black;*/
}

#background {
	width:100%;
	height:100%;
	background-color:black;
	position:absolute;
	z-index:8801;
	top:0px;
	left:0px;
	filter:Alpha(opacity=85);
	opacity:0.85;
	display:block;
}


#pictureframe td {
	/*border: 1px solid white;*/
	text-align:center;
	width:100%;
	height:100%;
}

#pictureframe img {
	/*border: 1px solid green;*/
}

#pictureframe {
	position:absolute;
	background:no-repeat center center;
	height:100%;
	width:99%;
	z-index:8900;
	display:none;
}

#teaserframe {
	position:relative;
	float:left;
	height:50%;
	/*height:300px;*/
	width:10px;
	z-index:8999;
	/*display:block;*/
	margin-bottom:-190px;
	/*border:1px solid white;*/
	/*zoom:1;*/
	/*display:block;*/
	/*top:0px;*/
	/*display:none;*/
}

#teaserdiv {
	position:relative;
	z-index:9000;
	height:385px;
	width:640px;
	margin:0 auto;
	/*display:none;*/	
	/*top:0px;*/
	clear:left;
	/*zoom:1;*/
	display:none;
}

/** /transparent popup background **/