/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/**
 * structure.css
 
 * Change the values to alter the overall layout/structure of the Web site.
 * If you change the container width, you must also change other width values so the sum equals the conatiner value
 * Example - if this Web site is a three column layout, consisting of (going across - #navigation, #main-content, #utility), then the sum of these three columns must equal the width of the container
 
 */

#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 820px; /* use maximum of 768px for 800x600 displays, use a maximum of 820px for 1024x768 displays */
	border-left: solid 1px #282828;
	border-right: solid 1px #282828;
	background-color: #545454;
	background-image: url("/resource/image/background-gradient.jpg");
	background-repeat: no-repeat;
}
#wrapper {
}

/* header */
#header {
	width: 820px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	height: 100px;
}
/* navigation */
#navigation {
	width: 820px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 10;
}
/* main-content */
#main-content {
	float: left;
	width: 570px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	overflow: hidden;
	position: relative;
	z-index: 5;
}
/* utility */
#utility {
	float: left;
	width: 229px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}
/* footer */
#footer {
	clear: both;
	width: 820px;
	color: #ffffff;
	border-top: 2px solid #4f5353; 
	padding: 5px 0px 5px 0px;
	background-color: #262626;
}



/**
 * 100% #container height fix
 * Un-comment the below so the central column (#container) is 100% of screen height.
 */
 
/**
html {
  height: 100%;
}
body {
  height: 100%;
}
#container {
  height: 100%;
	min-height: 100%; 
}
html>body #container {
	height: auto;
}
 */