html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	background: #dedede;
	margin: 0;
	padding: 0;
}

#wrapper {
	display: block;
	margin: 0 auto;
	width: 914px;
}

#search-area {
	display: block;
	float: left;
	width: 914px;
	height: 50px;
	position: relative;
}

	#search-area #tools {
		display: none;
		position: absolute;
		bottom: 6px;
		left: 0px;
	}

	#search-area #searchbox {
		display: block;
		position: absolute;
		bottom: 6px;
		right: 0px;
	}

#top-area {
	display: block;
	float: left;
	width: 912px;
	height: 88px;
	border-top: 1px solid #929399;
	border-left: 1px solid #929399;
	border-right: 1px solid #929399;
	background: #FFFFFF url('../images/bg_toparea.jpg') repeat-x top;
	position: relative;
}

	#top-area #logo {
		display: block;
		width: 332px;
		height: 86px;
		position: absolute;
		bottom: 0px;
		left: 30px;		
	}
	
	#top-area #special {
		display: block;
		position: absolute;
		top: 42px;
		left: 440px;		
	}
	

#nav-area {
	display: block;
	float: left;
	width: 914px;
	height: 30px;
	background: #00b0d9;
}

#header-area {
	display: block;
	float: left;
	width: 914px;
	height: 328px;
	background: #FFFFFF;
}

#pathway {
	display: block;
	float: left;
	width: 872px;
	background: #FFFFFF;
	padding: 10px 20px 0 20px;
	border-left: 1px solid #929399;
	border-right: 1px solid #929399;
}


#media-area {
	display: block;
	float: left;
	width: 872px;
	background: #FFFFFF;
	padding: 10px 20px 0 20px;
	border-left: 1px solid #929399;
	border-right: 1px solid #929399;
}


#main-area {
	display: block;
	float: left;
	width: 872px;
	background: #FFFFFF;
	padding: 0 20px 0 20px;
	border-left: 1px solid #929399;
	border-right: 1px solid #929399;
}

	#main-area #container {
		display: block;
		float: left;
		width: 872px;
		border-bottom: 3px solid #01a7cf;
		padding: 5px 0 5px 0;
	}
	
	
		#main-area #container #mainbar {
			display: block;
			float: left;
			width: 507px;
		}
		
		#main-area #container #mainbar-full {
			display: block;
			float: left;
			width: 872px;
		}
		
			#main-area #container #mainbar #content {
				display: block;
				float: left;
				width: 507px;
				margin: 5px 0 0 0;
			}
			
			#main-area #container #mainbar-full #content {
				display: block;
				float: left;
				width: 872px;
				margin: 5px 0 0 0;
			}
			
		
		#main-area #container #sidebar {
			display: block;
			float: right;
			width: 327px;
		}
		
		
#footer-area {
	display: block;
	float: left;
	width: 914px;
	padding: 0 0 10px 0;
	background: #008ba6 url('../images/bg_footerarea.jpg') no-repeat top;
}

	#footer-area .fmod {
		display: block;
		float: left;
		width: 228px;
	}


	
/* CONTENT Layouts */

/* Post Layout */

#post {
	display: block;
	float: left;
}

	#post .post_heading {
		display: block;
		float: left;
		clear: left;		
	}
	
	#post .post_content{
		display: block;
		float: left;
	}



/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}