/* main css */

body {
	margin: 0;
	padding: 0;
	background: #000; 	
}


#MAIN_CONTAINER {
	position: absolute;
	left: 50%;
	width: 1014px;
	margin-left: -507px; 
	top: 0px; 
	height: 1020px;
	padding: 0px;
	background:#;
		
}

#SPLASH {
	position: absolute;
	left: 50%;
	width: 500px;
	margin-left: -250px; 
	top: 50%; 
	height: 400px;
	margin-top: -200px;
	padding: 0px;
	background:#;
		
}


#centerDiv {  
  position: absolute;  
  left: 50%;  
  width: /* width of your div, say 800px */;  
  margin-left: /* half width of your div and make it negative, so would be -400px */  
  
  top: 50%;  
  height: /* height of your div, say 600px */;  
  margin-top: /* half heigt of your div and make it negative, so would be -300px */  
} 


* html #MAIN_CONTAINER {
height: 1%;
}



#SUBBLOCK {
	float: left;
	
	width: 112px;
	height: 40px;
	margin: 13px 0px 0px 13px;
	padding: 0px;
	background: #;	
}




#LOGO {
	position: absolute; top: 0px; left: 15px;
	width: 235px;
	height: 60px;
				
}



#FOOTER {
	position: absolute; top: 762px; left: 10px;
	width: 300px;
	height: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #;
	border: thin solid #;	
}


#MINI {
	position: absolute; top: 763px; left: 930px;
	width: 40px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #;
	border: thin solid #;	
}


#MINI2 {
	position: absolute; top: 762px; left: 860px;
	width: 40px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #;
	border: thin solid #;	
}




#NAVLIST1 a:link {
background-color: transparent;
text-decoration: none;
color: #555555;
}

#NAVLIST1 a:visited {
background-color: transparent;
text-decoration: none;
color: #555555;
}

#NAVLIST1 a:hover {
text-decoration: none;
color: #FFCC00;
}

#NAVLIST1 a:active {
background-color: transparent;
text-decoration: none;
color: #FFCC00;
}

.NAVLIST1{
	position: absolute; top: 45px; left: 13px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #555555;
	letter-spacing: 1px;
	margin: 0px 0px 0px 4px;
}

.NAVLIST{
	
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #555555;
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
}



#BOTTOMLINK a:link {
background-color: transparent;
text-decoration: none;
color: #555555;
}

#BOTTOMLINK  a:visited {
background-color: transparent;
text-decoration: none;
color: #555555;
}

#BOTTOMLINK a:hover {
text-decoration: none;
color: #FFCC00;
}

#BOTTOMLINK  a:active {
background-color: transparent;
text-decoration: none;
color: #FFCC00;
}

.BOTTOMLINK {
	font: 7px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #444;
	letter-spacing: 1px;
	margin: 0px 0px 0px 4px;
}





#INNERLINKS_WHITE a:link {
background-color: transparent;
text-decoration: none;
color: #FFFFFF;
}

#INNERLINKS_WHITE a:visited {
background-color: transparent;
text-decoration: none;
color: #FFFFFF;
}

#INNERLINKS_WHITE a:hover {
text-decoration: none;
color: #FFCC00;
}

#INNERLINKS_WHITE a:active {
background-color: transparent;
text-decoration: none;
color: #FFCC00;
}

.INNERLINKS_WHITE{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #FFF;
	letter-spacing: 1px;
	margin: 0px 0px 0px 4px;
}






#INNERLINKS a:link {
background-color: transparent;
text-decoration: none;
color: #555555;
}

#INNERLINKS a:visited {
background-color: transparent;
text-decoration: none;
color: #555555;
}

#INNERLINKS a:hover {
text-decoration: none;
color: #FFCC00;
}

#INNERLINKS a:active {
background-color: transparent;
text-decoration: none;
color: #FFCC00;
}

.INNERLINKS{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #555555;
	letter-spacing: 1px;
	margin: 0px 0px 0px 4px;
}


.TEXTYELLOW {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #FFCC00;
	letter-spacing: 1px;
	margin: 0px 0px 0px 4px;
}

.TEXTWHITE {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #FFF;
	letter-spacing: 1px;
	margin: 0px 0px 0px 4px;
}

.TEXTGREY {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #555555;
	letter-spacing: 1px;
	margin: 0px 0px 0px 4px;
}

.TEXTTHUMB {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #555555;
	letter-spacing: 1px;
	margin: 0px 0px 4px 0px;
}




.FOOTERTEXT {
	font: 7px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #444;
	letter-spacing: 1px;
	margin: 0px 0px 0px 4px;
}



///////////////////////////////////////////////////////////



#centerDiv {  
  position: absolute;  
  left: 50%;  
  width: /* width of your div, say 800px */;  
  margin-left: /* half width of your div and make it negative, so would be -400px */  
  
  top: 50%;  
  height: /* height of your div, say 600px */;  
  margin-top: /* half heigt of your div and make it negative, so would be -300px */  
} 



border: thin solid #333;


<img src="art/kleerpixel.gif" width="55" height="900" border="0"/>

<div id="COPYAREA">
	<p class="TEXT">
	text text
	<br />
	
	</p>
	</div>


text-align: center;

position: absolute;

top: 0; right: 0; bottom: 0; left: 0;

position: absolute; top: 500px; right: 20px;


 opacity:0.3;filter:alpha(opacity=30);