@charset "utf-8";

/* CSS Document */

	#container #navigation {

	width: 1016px;
	margin: 0;
	padding: 0;
	float: left;

	}
			#container #navigation ul {
			margin: 0 0 0 3px;
			padding: 0;
			}
			#container #navigation ul li {
			margin: 0;
			padding: 0;
			float: left;
			list-style: none;
			height: 46px;
			overflow:hidden;
			color:#FFFFFF;
			font-size:11px;
			}



				#container #navigation ul li a, #container #navigation ul li span{

				background-image:url("../images/navbar.jpg");
				background-repeat:repeat-x;
				font-weight:bold;
				text-transform:uppercase;
				text-align:center;
				height:30px;
				width:101px;
				padding-top:16px;
				float:left;
				clear: both;
				text-decoration:none;
				}
				
				#navigation ul li  a{ /*--This is basically the hover state of navigation--*/
					color: #222;
					background-position: left bottom;
					text-shadow:0 -1px 1px #09f; 
				}
				#navigation ul li span{ /*--Default state of navigation--*/
					background-position: left top;
					text-shadow:0 1px 1px #000; 
				}

				 #navigation ul li a .over,#navigation ul li span .over{

				background-image:url("../images/navbar_over.jpg");


				}



				#container #navigation #nav_break {

				background-image:url("../images/nav_break.jpg");

				height:46px;

				width:0px;

				float:left;

				}