*, html {
	margin: 0;
	padding: 0;
}
div {
	position: relative;
}
#wrap {
	position: absolute;
	top: 75px;
	width: 800px;
	left: 50%;
	margin-left: -399px;
	border: 1px solid #000;
}

#logo {
	height: 133px;
	background-image: url(../assets/homepage/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#photobanner {
	height: 127px;
}
#photobanner img {
	border: none;
}
#goforth, #road, #epower {
	position: absolute;
	top: 28px;
	left: 20px;
	width: 300px;
	height: 70px;
}
#road {
	top: 94px;	
}
#epower {
	top: 180px;	
}
#footer {
	background-image: url(../assets/homepage/logo2.gif);
	background-repeat: no-repeat;
	background-position: 400px 20px;
	height: 260px;
}
#footer img.wedc {
	position: relative;
	left: 385px;
	top: 175px;
}
* html #footer img.wedc {
	top: 195px;
}
*+html #footer img.wedc {
	top: 195px;
}
/* navigation ===================================================== */
#navcontainer {
	width: 800px;
	z-index: 99;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: auto;
	padding:4px 0;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
}
#nav a:hover {
	color: #000;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	list-style-type: none;
	text-align: center;
	margin-right: 1px;
}
/* background colour of nav menu items*/
#nav li#one, #nav li#six {
	background-color: #f0af46;
}
#nav li#two, #nav li#seven {
	background-color: #a60f29;
}
#nav li#three, #nav li#eight {
	background-color: #6f8031;
}
#nav li#four, #nav li#nine {
	background-color: #6f9fac;
}
#nav li#five {
	background-color: #a294b8;
}
#nav li#one a {
	width: 76px;
}
#nav li#two a {
	width: 120px;
}
#nav li#three a {
	width: 132px;
}
#nav li#four a {
	width: 132px;	
}
#nav li#five a {
	width: 82px;
}
#nav li#six a {
	width: 76px;	
}
#nav li#seven a {
	width: 84px;
}
#nav li#eight a {
	width: 91px;	
}
#nav li#one:hover, #nav li#two:hover, #nav li#three:hover, #nav li#four:hover, #nav li#five:hover, #nav li#six:hover, #nav li#seven:hover, , #nav li#eight:hover, #nav li#nine:hover, #nav li#one.sfhover, #nav li#two.sfhover, #nav li#three.sfhover, #nav li#four.sfhover, #nav li#five.sfhover, #nav li#six.sfhover, #nav li#seven.sfhover, #nav li#eight.sfhover, #nav li#nine.sfhover  {
	background-color: #e1e2c8;
}

#nav li.last {
	margin-right: 0;
}
#nav a.last {
	width: 68px;
}
#nav li:hover a, #nav li.sfhover a {
	background-color: #e1e2c8;
	color: #000;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 166px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#nav li ul li {
	background-color: #fff;
	border-top: 1px solid #eee;
	margin: 0;
	width: 166px;
}
#nav li ul li a {
	color: #000;
	width: 166px;
}
#nav li#one ul li a, #nav li#two ul li a, #nav li#three ul li a, #nav li#four ul li a, #nav li#five ul li a, #nav li#six ul li a, #nav li#seven ul li a, #nav li#eight ul li a, #nav li#nine ul li a {
	width: 166px;
}
#nav li ul li a:hover {
	color: #cc3300;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}