/* -----------------------------------------------
----------------- Header Layout ------------------
------------------------------------------------*/

div#header {
	width: 980px;
	margin: 0 auto;
	height: 155px;
	border-bottom: 2px solid #ffffff;
}



	div#header div#left-header {
		width: 433px;
		float: left;
		margin: 0 auto;
		height: 155px;
	}
	
		div#header div#left-header div#logo {
			height: 124px;
			background: url(../images/header-leftbg.jpg);
			border-bottom: 2px solid #ffffff;
			text-align: right;
		}
				
		div#header div#left-header div#menu {
			width: 433px;
			height: 29px;
			background: #4f4b4c;
		}
		
			div#header div#left-header div#menu ul#nav {
				list-style: none;
				margin-left: 110px;
			}
			
				div#header div#left-header div#menu ul#nav li {
					float: left;
				}
				
					div#header div#left-header div#menu ul#nav li a {
						display: block;
						text-align: center;
						font-size: 14px;
						color: #ffffff;
						text-decoration: none;
						height: 24px;
						padding: 5px 13px 0px 13px;
					}
					
						div#header div#left-header div#menu ul#nav li a:hover {
							background: #ef4d27;
						}
						
						div#header div#left-header div#menu ul#nav li a.active {
							background: #ef4d27;
						}
						
	/*div#header div#right-header {
		width: 535px;
		height: 85px;
		background: #ef4d27;
		float: left;
		margin: 0 auto;
		font-size: 20px;
		color: #ffffff;
		padding: 70px 0px 0px 10px;
		border-left: 2px solid #ffffff;
	}*/
	
	div#header div#right-header {
		width: 545px;
		float: left;
		margin: 0 auto;
		border-left: 2px solid #ffffff;
		background: #ef4d27;
		height: 90px;
		padding-top: 65px;
	}
	
		div#header div#right-header img {
			width: 100%;
		}
	
@media only screen and (max-width: 980px) {
	div#header {
		width: 100%;
	}
	
		div#header div#left-header {
			width: 100%;
		}
		
			div#header div#left-header div#menu {
				width: 100%;
			}
		
		div#header div#right-header {
			width: 100%;
			height: 85px;
			border: none;
			height: auto;
			background: #ef4d27;
			padding-top: 5px;
		}
			
			div#header div#right-header img {
				width: 70%;
			}
}

@media only screen and (max-width: 450px) {
	div#header div#left-header div#menu ul#nav {
		margin-left: 0px;
	}
	
	div#header div#left-header div#menu ul#nav li a {
		padding: 2px 5px 0 2px;
	}
}
