@charset "utf-8";
/* CSS Document */

body {
	font-size: 12px;
}

.outter-wrapper {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
}

#nav {
	background: #fff;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	min-width: 300px;
	z-index: 2;
	box-shadow: 0px 0px 8px #000;
}

	#logo {
		width: 250px;
		margin: 5px 0 0 5px;
	}
	
		#logo img {
			width: 250px;
		}
	
	#nav-btn {
		margin: -42px 5px 0 0;
	}
	
	#menu {
		
	}
	
	
		#menu ul {
			background: #fff;
			display: none;
			list-style: none;
			padding: 0 0 15px 0;
			margin: 0;
		}
		
		#menu li a {
			float: none;
			display: block;
			border: 0;
			margin: 0 10px 0 10px;
			padding: 10px 10px;
			font-size: 16px;
		}
		
		#menu li a:hover {
			background: #e7eef8;
			padding: 10px 15px;
			border-radius: 6px;
			border: 0;
		}
		
		#menu-dropdown {
			font-size: 14px;
			padding: 3px 6px;
			background: #CCC;
			border-radius: 6px;
			margin: 17px 0;
			border: 1px solid #999;
			cursor: pointer;
		}

			

#slide-container {
	position: relative;
	top: 0;
	height: 212px;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

	#slide {
		position: relative;
		top: 0;
		height: 212px;
		width: 100%;
	}
	
		#mission {
			top: 50px;
			left: 10px;
			font-size: 12px;
			width: 300px;
			height: 202px;
			line-height: 1.3em;
			padding: 5px;	
		}
		
			#mission h2 {
				font-family: 'alex_brushregular';
				font-size: 36px;
				margin: 0 0 0 0;
				line-height: 1.2em;	
			}

		#slide img {
			min-width: 420px;
			width: auto;
			height: 100%;
			margin: 0 auto;
			bottom: 0;
		}

#content-wrapper {
	min-height: 300px;
	margin: 0 auto 0 auto;
}

	#left-col {
		width: 98%;
		float: left;
		
		border: 0px solid blue;	
	}
	
	#right-col {
		background: none;
		padding: 0;
		width: 98%;
		float: left;
		
		border: 0px solid blue;		
	}

#footer {
	
}

	#footer-inner {
		min-height: 400px;
	}