.fixed-header {position: fixed; top:0; left:0; width: 100%; }

/* Clearfix */
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* Basic Styles */

nav {
	height: 49px;
	width: 100%;
	background:#000000 url(../images/nav_bg.png) repeat-x;
	font-size: 10px;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	position:fixed;
	z-index:110;
	
	}
nav ul {padding: 0;	margin: 0 auto;	width:1000px; height:49px;}
nav li {display: inline; float: left;}
nav a {
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 49px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a { padding:0 12px;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a.active {color:#CCCCCC; text-decoration:none;}
nav a#pull {display: none;}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav {height: auto;}
  	nav ul {width: 100%; display: block; height: auto;}
  	nav li {width: 50%;	float: left; position: relative;}
  	nav li a {border-bottom: 1px solid #576979; border-right: 1px solid #576979;}
  	nav a {text-align: left; width: 100%; text-indent: 25px;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background:url(../images/nav_bg.png) repeat-x;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url(../images/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 15px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {display: block;	float: none; width: 100%;}
	nav li a {border-bottom: 1px solid #576979;}
}