html {
	background:url(images/back-ground.jpg); color:#000;
	margin:0 auto; padding:160px 0 0 0;
}
body {
	width:780px; 
	margin:0 0 0 100px; padding:0;
	font:12px arial, sans-serif;
}

/* navigation */

#nav ul {
	float:left; width:780px; 
	position:relative; top:0px; left:0px;
	margin:0; padding:0; 
	border:0px solid silver;
	}
#nav li {
	float:right; width:100px;
	background:url(images/menu-r.gif) 100% 0 no-repeat; color:#333;
	margin:0; padding:0;
	list-style:none; white-space:nowrap;
	font-size:12px; font-weight:bold; 
	text-align:center; 
	line-height:30px;
	border:0px dotted red;
}

#nav  a {
	display:block;
	background:url(images/menu-l.gif) 0 0 no-repeat; color:#333;
	margin:0; padding:0;
}
a:link {color:yellow; text-decoration:none; }
a:visited {color:#777; text-decoration:none; }

#nav a:hover    {background:url(images/menu-l.gif) 0 0 no-repeat; color:blue;}
#nav li:hover   {background:url(images/menu-r.gif) 100% 0 no-repeat; }
#nav a.current  {background:url(images/dark-l.png) 0 0 no-repeat; color:#888;}
#nav li.current {background:url(images/dark-r.png) 100% 0 no-repeat; }

/* main content */

div#main {
	float:left; width:780px; 
	color:#777; background:#030;
	margin:0px; padding:0;
	border:ridge #cc9; border-width:0 0 0 10px;
	border:0px dotted red;
}

h1 {
	float:left; 
	color:#999;	
	font: bold 200% "times new roman", serif;  
	padding:0 0 0 0; margin:20px 0 0 20px;   
	border:0px dotted red;
}

#footer {
	float:right; width:780px; 
	background:url(images/dark-ud.png) 100% 100% no-repeat; color:#cc9;
	margin:0; padding:0 0 10px 0;
 }
 
#footer a {
	float:right;
	font:10px arial, sans-serif; 
    margin:0; padding:0 25px 0 0px;
 }