/* Responsive Design */

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

	#outer_wrap {
		max-width: 980px;
		padding: 0;
		margin: 0;
	}	

	#header {
		margin: 0 20px 0 20px;
	}

	#header-left {
		min-width: 100%;
	}

	#nav ul li {
		padding: 0.5em 0.5em 0.5em;
	}

	#banner {
		margin: 0 20px 0 20px;
	}

	#inner-content {
		margin: 0 20px 0 20px;
	}

	#footer {
	 	margin: 0px 20px;
	}

}

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

	body {
		font-size: 75%;
	}

	#outer_wrap {
		max-width: 650px;
		padding: 0;
		margin: 0;
	}	

	#header {
		margin: 0 20px 0 20px;
	}

	#header-left {
		min-width: 100%;
	}

	#nav ul li {
		padding: 0.5em 0.5em 0.5em;
	}

	#banner {
		margin: 0 20px 0 20px;
	}

	#content {
		min-height: 0;
	}

	#inner-content {
		margin: 0 20px 0 20px;
	}

	#footer {
	 	margin: 0px 20px;
	}

}

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

	body {
		font-size: 75%;
	}

	#outer_wrap {
		max-width: 480px;
		padding: 0;
		margin: 0;
	}	

	#header {
		margin: 0 10px 0 10px;
	}

	#header-left {
		min-width: 100%;
	}

	#nav ul li {
		padding: 0.5em 0.5em 0.5em;
	}

	#banner {
		margin: 0 10px 0 10px;
	}

	.flex-caption h1 {
		font-size: 1.8em;
	}

	#content {
		min-height: 0;
	}

	#inner-content {
		margin: 0 10px 0 10px;
	}

	#footer {
	 	margin: 0px 10px;
	}

}

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

	body {
		font-size: 75%;
	}

	#outer_wrap {
		max-width: 320;
		padding: 0;
		margin: 0;
	}	

	#header {
		margin: 0 10px 0 10px;
	}

	#header-left {
		min-width: 100%;
	}

	#nav ul li {
		padding: 0.5em 0.5em 0.5em;
	}

	#banner {
		margin: 0 10px 0 10px;
	}

	.flex-caption h1 {
		font-size: 1.5em;
	}

	#content {
		min-height: 0;
	}

	#inner-content {
		margin: 0 10px 0 10px;
	}

	#footer {
	 	margin: 0px 10px;
	}

}

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

	body {
		font-size: 66%;
	}

	#outer_wrap {
		max-width: 320;
		padding: 0;
		margin: 0;
	}	

	#header {
		margin: 0 10px 0 10px;
	}

	#header-left {
		min-width: 100%;
	}

	#nav ul li {
		padding: 0.5em 0.5em 0.5em;
	}

	#banner {
		margin: 0 10px 0 10px;
	}

	.flex-caption h1 {
		font-size: 1.4em;
	}

	#content {
		min-height: 0;
	}

	#inner-content {
		margin: 0 10px 0 10px;
	}

	#footer {
	 	margin: 0px 10px;
	}


}