body {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #000000;
}

#container {
	margin: 0 auto;
	padding: 5px;
	width: 960px;
	display: block;
	background: #000000 url("../images/cheapside-london-skyline.jpg") no-repeat scroll center bottom;
}

#header {}

#logo {width: 313px; margin:0px auto;  }
#logoname, #hometext {width: 514px; margin:0px auto; text-align: center;}
#hometext {display: none; margin-top: 48px;}
#logoname span, #hometext span {display: none;color:white; font-size:30px;}
#logo a, #logoname a , #hometext a {  text-decoration: none; color: white;}

/** Navigation **/
#nav {
  margin: 10px auto;
  width: 60%;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#nav ul { margin-left: -45px;}
 
#nav li {
  margin: 0 0;
  display: inline-block;
  /* IE5/Mac needs these to have a set width. Change it when necessary. */
  /* start for IE5/Mac only \*//*/
    width: 5em;
  /* end for IE5/Mac only */
}
 
#nav li a {
  display: block;  /* for Mozilla based browsers */
  display: inline-block;
  padding: 0 .7em;
  text-decoration: none;
  color: green;
  font-weight: bold; font-size: 22px;
}
#nav li a:hover , #nav ul .active a {text-decoration:none; color: white;}

/** **/
#content {
	display: none;
	min-height: 470px;
	width: 596px; 
	margin: 0 auto 132px auto; padding: 10px;
	background-color: white;
	border: 5px solid #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	}
	
#content h1 {color:green; text-align:center;}
	
#defaultcontent {
	min-height: 470px;
	width: 596px; 
	margin: 0 auto 132px auto; padding: 10px;
	border: 5px solid transparent;
	color: white; text-align: center;
	font-weight: bold; font-size: 30px;
}

#footer {margin:0; padding:0;text-align: center; color: white; font-size: 10px;}
#footer a {color: white; text-decoration: none;}