@charset "utf-8";

/* basic elements*/

html, body{
	background:#808080; 
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	line-height:1.5;
	letter-spacing:1px;
	color:#333;
}

#container{
	width:100%;
	height:700px;
	margin:0;
	padding:0;
	background:url(../graphics/html_bg.gif) repeat top left;
}

p{
	margin:0;
	padding:0;
}

img{
	border:none;
}

a{
	text-decoration:none;
}

/*##########################Start of Header#########################*/
#header {
	background:url(../graphics/header_bg.png);
	width:880px;
	height:147px;
	padding:0;
	margin:0 auto;
	position:relative;
}

#logo{
    display:none;
}

#nav {
	width:100%;
	padding-top:30px;
}

#nav ul{
    margin:0;
    padding:0;
	list-style:none;
	float:right;
}

#nav ul li{
	display:inline;
}

#nav a {
	float:left;
	margin-left:5px;
	padding:0;
}

#nav a span{
	float:left;
	display:block;
	padding:0 10px;
}

#nav a span span{
	margin:0;
	padding:0;
	color:#333;
	line-height:28px;
	font-weight:bold;
	font-size: 12px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */

#nav a:hover span span {
	color:#fff;
}

#nav a:hover {
	background:url("../graphics/navleft.gif") no-repeat left top;
}
    
#nav a:hover span {
	background:url("../graphics/navright.gif") no-repeat right top;
}

#nav a:hover span span {
	background:#333;
}

/*/////////////////////////////////////////////////////////*/
#nav ul li.here a{
	background:url("../graphics/navleft.gif") no-repeat left top;
}

#nav ul li.here  a span {
	background:url("../graphics/navright.gif") no-repeat right top;
}

#nav ul li.here a span span {
	background:#333;
	color:#fff;
	
}


#links{
	position:absolute; right:30px; bottom:10px;
	
}
/*##########################End of Header#########################*/

#bottom{
	width:100%;
	background:#808080;
}
#footer{
	width:880px;
	margin:0 auto;
	padding:10px 0 0 0;
	background: #333 url(../graphics/footer_bottom.jpg) no-repeat left bottom;;
}

#footer ul{
	width:700px;
	padding:0;
	margin:0 auto;
	list-style:none;
}


#footer li{
	display:inline;
	margin:0;
	padding:0;
	float:left;

}


#footer ul a{
	padding:10px 20px;
	margin:0;
	text-decoration:none;
	font:10px Arial, Helvetica, sans-serif;
	border-bottom: #ababab 1px solid;
}

#footer a:link, #footer a:visited{
	color:#ababab;
	
}

#footer a:focus, #footer a:hover{
	color:#fff;
}


#footer p#copyright{
	width:100%;
	font:10px Arial, Helvetica, sans-serif;
	color:#ababab;
	clear:both;
	padding:20px 0;
	margin:0;
	text-align:center;
}