html { width: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #eee;
	background-color: #333;
}

a:link { border: none; }
a:visited { border: none; }
a:hover { border: none; }
a:active { border: none; }

img { border: none; }

#container {
	width: 800px;
	margin: 25px auto;
	height: 600px;
}
#header {
	width: 800px;
	height: 113px;
	background: url(../../epoc/img/header-bg.jpg) repeat-x;
}
#logo {
	width: 276px;
	height: 113px;
	margin-left: 262px;
}
/* Navigation */
#nav {
    width: 800px; 
	height: 37px;
    background: url(../../epoc/img/nav.jpg);
    margin: 0 auto; 
	padding: 0;
    position: relative;
	background-color: #9fd223;
}
#nav span { display: none; }
#nav li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	top: 0;
}
#nav li, #nav a {
    height: 37px; 
	display: block;
}
#nav1 {left: 55px; width: 95px;}
#nav2 {left: 150px; width: 108px;}
#nav3 {left: 258px; width: 116px;}
#nav4 {left: 374px; width: 136px;}
#nav5 {left: 510px; width: 116px;}
#nav6 {left: 626px; width: 110px;}

#nav1 a:hover {
    background: transparent url(../../epoc/img/nav.jpg) -55px -37px no-repeat;
}
#nav2 a:hover {
    background: transparent url(../../epoc/img/nav.jpg) -150px -37px no-repeat;
}
#nav3 a:hover {
    background: transparent url(../../epoc/img/nav.jpg) -258px -37px no-repeat;
}
#nav4 a:hover {
    background: transparent url(../../epoc/img/nav.jpg) -374px -37px no-repeat;
}
#nav5 a:hover {
    background: transparent url(../../epoc/img/nav.jpg) -510px -37px no-repeat;
}
#nav6 a:hover {
    background: transparent url(../../epoc/img/nav.jpg) -626px -37px no-repeat;
}
.hidden { visibility: hidden; }
/* Navigation End */

#content {
	height: 600px;
	background-color: #fff;
}
#footer {
	padding-top: 5px;
	color: #999;
	text-align: center;
}