@media screen and (max-width: 980px) {

	#wrapper {
		width: 100%;
	}
	
	#header, #nav, #footer {
		width: 100%
	}

	#content {
		width: 65%;
		float:right;
	}

	#sidebar {
		width: 30%;
		float:left;
	}
	
	#nav ul li {
		width:14%;
	}
	
	#nav ul li a {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {

	#nav {
		width: 26%;
		float:left;
		background: none;
		height: auto;
		padding: 2%;
		background-color:#dedebb;
		border-left-color: #555531;
		border-left-style: solid;
		border-left-width: 1px;
	}
	
	#nav ul li {
		float: none;
		width:100%;
		margin-top:2%;
	}
	
	#nav ul li a {
		background-repeat: repeat-x;
		background-image: url(images/menubg.gif);
		border-radius: 10px;
	}
	
	#sidebar {
		clear:left;
	}
	
	#header {
		height: 165px;
	}

}

@media screen and (max-width: 640px) {
	#sidebar {
		font-size:12px;
	}
}

@media screen and (max-width: 480px) {
	
	#header {
		background-image:url(images/mobileheader.jpg);
		height: 105px;
	}
	
	#sidebar {
		width: 100%;
		float: none;
		
	}
	
	#nav {
		width: 96%;
		float: none;
	}
	
	#content {
		width: 96%;
		float: none;
	}

}