﻿html, body {
   	background:#0d3d5c;
	}
	
.container {
	width:960px;
	height:536px;
	margin: 0 auto; 	/* the bottom margin is the negative value of the footer's height */
	padding:0;
	text-align:left;
	background:#FFFFFF url(/_layouts/klcc/images/klcc-night.jpg) no-repeat;
	}
	
.landing_content {
	width:365px;
	padding:130px 0 0 135px;
	color:#FFFFFF;
	}
	
.landing_content .property a {
	display:block;
	width:204px;
	height:28px;
	margin:0 10px 0 0;
	text-indent:-8000em;
	float:left;
	overflow:hidden;
	background:url(/_layouts/klcc/images/button-property.png) no-repeat;
	}
	
.landing_content .property a:hover {
	background:url(/_layouts/klcc/images/button-property.png) no-repeat;
	background-position:-204px 0;
	}
	
.landing_content .precinct a {
	display:block;
	width:137px;
	height:28px;
	text-indent:-8000em;
	float:left;
	overflow:hidden;
	background:url(/_layouts/klcc/images/button-precinct.png) no-repeat;
	}
	
.landing_content .precinct a:hover {
	background:url(/_layouts/klcc/images/button-precinct.png) no-repeat;
	background-position:-137px 0;
	}
	
/* Footer */	
.footer {
   	width:960px;   			/* you can use px, em or % */
	height:34px;
	margin:0 auto;
	padding:10px 0 0 0;
	background:#0d3d5c;
	margin: 0 auto; 	/* the bottom margin is the negative value of the footer's height */
   	position:relative;
   	font-size:90%;
	clear:both;
	font-size:11px;
	color:#FFFFFF;
	}
	

