/* CSS Document */
html { width: 100%; }

body {
	background-color: #e1e5e6;
	font: normal 10px geneva, arial, helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0;
}
a:link { color: #900; text-decoration: none; font-weight: bold; }
a:visited { color: #900; text-decoration: none; font-weight: bold; }
a:hover { color: #999; text-decoration: underline; font-weight: bold; }
a:active { color: #999; font-weight: bold; }

p, h1, h2, h3 { text-align: left; }

/* CLIENT */
h1 { font-size: 125%; }
h2 { font-size: 110%; color: #666; font-weight: bold; }

#container { width: 625px; margin: 25px auto; height: auto; }

.center { text-align: center; }

/* CONTENT */
#content { background-color: #fff; height: 300px; margin: 0; padding: 0; }

/* NAVIGATION */
#nav {
    width: 625px; height: 25px;
	background:  url("../img/nav.gif") no-repeat;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav span { display: none; }	
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
#nav li, #nav a {
    height: 25px; display: block; }
#nav1 { left: 0px; width: 125px; }
#nav2 { left: 125px; width: 125px; }
#nav3 { left: 250px; width: 125px; }
#nav4 { left: 375px; width: 125px; }
#nav5 { left: 500px; width: 125px; }

#nav1current {
   left: 0px; width: 125px;  background: url("../img/nav_home.gif"); }
#nav2current {
   left: 125px; width: 125px;  background: url("../img/nav_print.gif"); }
#nav3current {
   left: 250px; width: 125px;  background: url("../img/nav_identity.gif"); }
#nav4current {
   left: 375px; width: 125px;  background: url("../img/nav_interactive.gif"); }
#nav5current {
   left: 500px; width: 125px;  background: url("../img/nav_contact.gif"); }
	
#nav1 a:hover {
    background: transparent url("../img/nav.gif") 0px -25px no-repeat; }
#nav2 a:hover {
    background: transparent url("../img/nav.gif") -125px -25px no-repeat; }
#nav3 a:hover {
    background: transparent url("../img/nav.gif") -250px -25px no-repeat; }
#nav4 a:hover {
    background: transparent url("../img/nav.gif") -375px -25px no-repeat; }
#nav5 a:hover {
    background: transparent url("../img/nav.gif") -500px -25px no-repeat; }

#contentb { width: 611px; border: 7px solid #eee; margin: 0 auto; padding: 0; height: 275px; background-color: #fff; }

#left { float: left; text-align: left; width: 375px; padding-right: 10px; height: 275px; }
#left img { float: left; }
#left h1, h2, p { margin: 15px; }
#right { text-align: left; }
#right h2, p { margin: 15px; }
#right img { margin-top: 15px; }
#right ul li { list-style-type: square; margin: 0 15px; }

/* FOOTER */
#footer { height: 25px; clear: both;  margin-top: 15px; padding: 0; }
#footer p {
	font-size: 10px; 
	text-align: right; 
	margin: 5px 0;
	color: #666;
	}