/* YUI RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/* end YUI RESET */

/* CLEARFIX */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
 .clearfix {display:block;}
/* End hide from IE Mac */



	html, body {
		font-family		: "Arial";
		color			: #FFF;
		font-size		: 14px;
		background		: #212121 ;
		margin			: 0px;
	}
	
	a img {
		border			: 0px ;
	}
	
	p {
		margin: 0 0 15px;
	}
	
	#container {
		width: 100%;
		height: 100%;
		display: table;
	}
	
	#position {
		display: table-cell;
		vertical-align: middle;
	}
	
	#content {
		width		: 950px ;
		height		: 720px ;
		position	: absolute;
		left		: 50%;
		top			: 0;
		margin-left	: -475px; 
		/*margin-top	: 0px; */
	}
	
	/*
		swf content
	*/
	#menu {
		height		: 125px ;
		position	: absolute ;
		top			: 0px ;
		bottom		: 0px ;
	}
	/*
		to overlap backgroiund...
	*/
	#menuwrapper {
		position: absolute ;
		left	: 0 ;
		z-index	: 10; 
	}	
	
	.flash {
		color		: #FFF ;
		font-family	: "Verdana";
		font-size	: 12px ;
	}

	#footer {
		height		: 75px ;
		position	: absolute; 
		width		: 100%;
		background	: #FFF ;
		bottom		: 0px ;
		left		: 0px ;
		color		: #B2B2B2 ;
	}
	
	#lnk_open_friend  {
		background	: #FFF url( "../images/ico_friend.gif" ) no-repeat;
		background-position: left ;
		padding-left:25px;
		padding-top:10px;
		display		: block;
		width		: 140px;
		height		: 27px;
		color		: #B2B2B2 ;
		text-decoration: none ;
		position: absolute ;
		left: 35px ;
		top: 10px ;
	}
		
	#lnk_open_friend:hover {
		color		: #333 ;
		text-decoration: underline ;
	}
	
	
	#lnk_register {
		background	: #FFF url( "../images/lnk_register.gif" );
		display		: block;
		width		: 140px;
		height		: 27px;
		text-indent :-9999px;
		position	: absolute ;
		left		: 405px ;
	}
	
	#lnk_register:hover{
		background	: #FFF url( "../images/link_register_over.gif" );
		display		: block;
		width		: 140px;
		height		: 27px;
	}
	
	#lnk_kavo {
		background	: #FFF url( "../images/kavo_logo.jpg" ) no-repeat;
		width		: 75px;
		height		: 43px;
		right		: 135px ;
		border-right	: 1px solid #CCC ;
	}
	
	#lnk_pelton {
		background	: #FFF url( "../images/lnk_pelton.gif" );
		width		: 95px;
		height		: 36px;
		right		: 15px ;
	}
	/*#lnk_pelton {
		background	: #FFF url( "../images/lnk_pelton.gif" );
		width		: 95px;
		height		: 36px;
		right		: 130px ;
	}
	
	#lnk_gendex {
		background	: #FFF url( "../images/lnk_gendex.gif" );
		width		: 98px;
		height		: 36px;
		right		: 15px ;
	}*/
	
		#refer_friend {
		z-index: 4 ;
		position: absolute ;
		width: 500px ;
		height: 430px ;
		left: 250px ;
		top: 120px ;
		color: #000 ;
	}
	
	a#lnk_close_friend {
		color:#FFF ;
		font-family: "Verdana" ;
		font-size: 15px ;
		font-weight: bold ;
		text-decoration: none ;
		background: #F00 ;
		padding: 4 8 4 8 ;
		position:absolute ;
		right: 5 ;
		top: 5 ;
	}
	
	a#lnk_close_friend:hover {
		color:#F00 ;
		background: #FFF ;
		font-weight: bold ;
	}
	#share {
		width: 500px ;
		height: 410px ;
	}
	
	#copyright {
		position	: absolute ;
		left		: 40 ;
		top			: 50 ;
		font-size	: 9px ;
		font-weight	: bold ;
		font-family	: "Verdana" ;
	}
	
	#footer .link {
		text-indent :-9999px;
		display		: block;
		position	: absolute ;
		margin-top	: 13px;
	}