html, body {
    height: 100%;
    margin: 0;
    padding: 0;
	background:#000;
	font-family: 'Refrigerator Light', Arial, Helvetica, sans-serif;
	
	}
	
#container {
    text-align: center;
    height: 100%; }
span { 
    height: 100%;
    vertical-align: middle;
    display: inline-block; }
.outer {
    width: 960px;
    height: 832px;
    padding: 0;
    vertical-align: middle;
    display: inline-block; }

.divbg {
    width: 960px;
    height: 832px;
	background:url(diplus.jpg) no-repeat;
	font-family: 'Refrigerator Light';
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		.divbg {
		background-image:url(diplus@2x.jpg);
		-moz-background-size:960px 832px;
		-ie-background-size:960px 832px;
		-o-background-size:960px 832px;
		-webkit-background-size:960px 832px;
		background-size:960px 832px;
		}
}


@font-face { 
		font-family: 'Refrigerator Light';
		src: url('fonts/refrigerator_light.eot'); 
		src: url('fonts/refrigerator_light.eot?#iefix') format('embedded-opentype'), 
		url('fonts/refrigerator_light.woff') format('woff'), 
		url('fonts/refrigerator_light.ttf')  format('truetype'), 
		url('fonts/refrigerator_light.svg#svgFontName') format('svg');
		
 }
.clear { clear:both; visibility:hidden; }
.links  { font-size:14px; color:#b5afaf; line-height:18px; padding-top:240px; padding-left:440px; }
.links a { font-size:14px; color:#878484; line-height:18px; display:block; text-decoration:none; }
.links a:hover { font-size:14px; color:#c1bfbf;  }
.top  { padding-top:77px; padding-left:440px; }
.top a { font-size:14px; color:#878484; line-height:18px; display:block; text-decoration:none; }
.top a:hover { font-size:14px; color:#c1bfbf;  }