@charset "UTF-8";
/* CSS Document */

	body {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 62.5%;
	}	
	
	#container {
		width: 1024px;
		height: auto;
		margin: 0 auto;
	}
	
	ul#main-nav {
		width: 100%;
		height: auto;
		font-size: 1.5em;
		margin: 0;
		padding: 0;
		text-align: center;
		background: url(top-bg.jpg) repeat-x;
		border-bottom: 5px solid #666;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		-khtml-border-radius-topright: 10px;
		-khtml-border-radius-topleft: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
	}
	
	ul#main-nav li {
		display: inline;
		list-style: none;
	}  
	
	ul#main-nav li a {
		display: inline-block;
		padding: 5px 30px;
		color: #fff;
		text-decoration: none;
	}

	ul#main-nav li a:hover, ul#main-nav li a.active {
		background: url(btm-bg.jpg) repeat-x;
	}    
	
	ul#main-nav li .subnav {
		display: none;
		width: 100%;
		float: left;
		position: relative;
		background: url(btm-bg.jpg) repeat-x;
		overflow: hidden;
		text-align: left;
	}
	
	ul#main-nav li .subnav li a {
		padding: 5px 10px;	
	}
	
	ul#main-nav li ul {
		margin: 0;
		padding: 0;
	}

	ul#main-nav li ul a {
		color: #fff;
	}

	ul#main-nav li ul a:hover {
		color: #ccc;
	}