body{
	
	color:#fff;
	text-align:center;
	background:#000 url(../assets/header.png) no-repeat top;
	margin:0px;
	font-family:sans-serif;
	
}

div{

	width:845px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
}

#pageContent{
	color:#000;
	margin-top:160px;
	padding-top:5px;
	padding-bottom:10px;
}

#menu li{
	display:block;
	height:25px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#menu ul{
	width: 845px;
	height: 25px;
	margin:0;
	padding:0;
	background: url('../assets/buttons.png') 235px 10px no-repeat;
	position:relative;
	text-align:center;
}

#menu li a{
	display:block;
	height:25px;
}

ul#nav li a{
	text-indent:-9000px; 
	background-color:transparent;
}

#nav_home{
	left: 230px;
	width: 75px;
}

#nav_download{
	left: 305px;
	width: 75px;
}

#nav_support{
	left: 380px;
	width: 75px;
}

#nav_contribute{
	left: 455px;
	width: 75px;
}

#nav_about{
	left: 530px;
	width: 75px;
}

#nav_home a:hover{
	background: url(../assets/buttons.png) 5px -15px no-repeat;
}

#nav_download a:hover{
	background: url(../assets/buttons.png) -70px -15px no-repeat;
}

#nav_support a:hover{
	background: url(../assets/buttons.png) -145px -15px no-repeat;
}

#nav_contribute a:hover{
	background: url(../assets/buttons.png) -220px -15px no-repeat;
}

#nav_about a:hover{
	background: url(../assets/buttons.png) -295px -15px no-repeat;
}

#menu{
	height:50px;
	background: url(../assets/menu.png) no-repeat;
}

#pageContent a, #powered a{
	padding:2px;
	color:#fff;
	background:#212121;
}

#pageContent a:visited, #powered a:visited{
	background:#686262;
}

#pageContent p, h1, h2, h3{
	padding: 5px 20px 5px 20px;
}

#changelog{
	width:800px;
	border: 1px solid;
	padding: 5px;
	background:#cecece;
}

#powered{
	margin-top:20px;
	text-align:center;
	font-size:0.7em;
}

li{
	margin:10px 0px 10px 0px;
}

#opensourcenote{
	background:#cecece;
	padding:10px 0px 0px 0px;
}

#opensourcenote a{
	display:none;
}

#confused{
	font-size:0.8em;
}

/*
  +------------------------------------------------------------------+
  | MikeCherim.com                                                   |
  | CSS: Smart Corners                                               |
  | Cascading Style Sheet                                            |
  | Copyright Aug 2006                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* here's the box... the image is the upper-left corner */
#pageContent {
  background : #fff url(../assets/csc_tl.png) no-repeat;
  position : relative;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 11px;
  height : 11px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(../assets/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(../assets/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(../assets/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}