html {
	background: rgb(150, 150, 150);
	height: 100%;
}

body {
    /* We need a background here for everyone seeing the page as HTML */
	background: rgb(150, 150, 150);
	background-image: url("/images/background.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 100%;
	min-width: 750px;
	
	margin: 0px;
	padding: 0px;
}

.toplevel {
	/* This makes it centered */
	margin: 0px auto 0px auto;
	width: 710px;
	padding: 0px;
}

#header {
	width: 710px;
	padding: 0;
}

#cendio {
	float: left;
	margin: 5px 20px;
}

#search {
	text-align: right;
	margin: 5px 10px;
}

#search * input {
	border: none;
	color: rgb(255, 255, 255);
	border: 1px solid rgb(172, 172, 172);
}

#section_header {
	clear: both;
	background: transparent url(/images/headers/home.png) no-repeat center top;
	height: 155px;
	
	padding: 0px;
	margin: 0px;
}

#button_bar {
	text-align: center;
	margin: 0px auto;
}

#button_bar a {
   display: block;
   float: left;
   margin: 0px 5px;
   padding: 0px;
   width: 108px;
   height: 38px;
   background: transparent no-repeat top center;
   overflow: hidden;
   text-decoration: none;  
}

#button_bar a:hover {
	background-position: bottom center;
}

#button_bar #home {
	background-image: url(/images/buttons/home.png);
}
#button_bar #thinlinc {
	background-image: url(/images/buttons/thinlinc.png);
}
#button_bar #resources {
	background-image: url(/images/buttons/resources.png);
}
#button_bar #buy {
	background-image: url(/images/buttons/buy.png);
}
#button_bar #support {
	background-image: url(/images/buttons/support.png);
}
#button_bar #about {
	background-image: url(/images/buttons/about.png);
}

#footer {
	padding-bottom: 10px;

	color: rgb(255, 255, 255);
	text-align: center;
}

#body {
	width: 670px;
	/* For some reason 0px and 1px is treated extremely different when it
	 * comes to margins of embedded elements... */
	padding: 1px 20px;

	background: transparent url(/images/body_back.png) repeat center top;
}

#body_top, #body_bottom {
	width: 710px;
	height: 36px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}

#body_top {
	background: url(/images/body_top.png) no-repeat center bottom;
}

#body_bottom {
	background: url(/images/body_bottom.png) no-repeat center top;
}