html, body {
	margin:				0px;
	height:				100%;
}

body {
	background-color:	#ddd;
	background: 		url(../img/body_bg.png) repeat-y 50% 0;
}

body, input {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

p {
	margin:				1em 0em 0em 0em;
}

h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			20px;
	font-weight:		normal;
	margin:				-5px 0px 12px -2px;
	*margin:			-2px 0px 12px 0px;
}

a {
	font-weight:		bold;
	text-decoration:	none;
	color:				#909090;
}

ul {
	margin:				0px;
	padding:			0px 0px 0px 11px;
}

li {
	list-style:			square;
}

/* --------------------------------------------------
// SITE
 -------------------------------------------------- */
#site {
	position:			relative;
	width:				960px;
	
	min-height:			100%;
	height:				auto !important;
	height:				100%;
	margin:				0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}

	/* LOGO
	-------------------------------------------------- */
	#logo {
		position:			absolute;
		float:				left;
		top:				20px;
		left:				0px;
		width:				207px;
		height:				68px;
		background-image:	url(../img/mwok_logo.png);
	}

	/* MENU
	-------------------------------------------------- */
	#menu {
		position:			absolute;
		float:				left;
		top:				0px;
		left:				245px;
		height:				120px;
		_left:				225px;
	}
	
		#menu ul {
			margin-left:		0;
			padding-left:		0;
			display:			inline;
		}
		
		#menu ul li{
			list-style:			none;
			display:			inline-block;
			float:				left;
			width:				96px;
			height:				120px;
			background-repeat:	no-repeat;
			margin-left:		20px;
			text-indent:		-2000px;
			
			cursor:				pointer;
		}
		
		/*
		.menu01 {	background-image:	url(../img/menu_item_01.png);	}
		.menu02 {	background-image:	url(../img/menu_item_02.png);	}
		.menu03 {	background-image:	url(../img/menu_item_03.png);	}
		.menu04 {	background-image:	url(../img/menu_item_04.png);	}
		.menu05 {	background-image:	url(../img/menu_item_05.png);	}
		.menu06 {	background-image:	url(../img/menu_item_06.png);	}
		*/
		
		.menu01 {	background-image:	url(../img/menu_item_01_s.png);	}
		.menu02 {	background-image:	url(../img/menu_item_02_s.png);	}
		.menu03 {	background-image:	url(../img/menu_item_03_s.png);	}
		.menu04 {	background-image:	url(../img/menu_item_04_s.png);	}
		.menu05 {	background-image:	url(../img/menu_item_05_s.png);	}
		.menu06 {	background-image:	url(../img/menu_item_06_s.png);	}
	
	/* CONTENTS
	-------------------------------------------------- */
	#contents_wrapper {
		position:			relative;
		padding-top:		140px;
		margin-left:		265px;
		width:				676px;
		min-height:			700px;
	}
	
		#contents_columns {
			width:				676px;
			border-collapse:	collapse;
		}
		
		#contents_columns td {
			vertical-align:			top;
			padding:				0px;
		}
		
		#contents_column_a {
			width:					380px;
			padding-right:			33px !important;

		}
		#contents_column_b {
			width:					266px;
		}
	
	
	#contents_bg {
		position:			absolute;
		float:				left;
		
		left:				245px;
		top:				-30px;
		width:				696px;
		height:				700px !important;
		
		background-color:	#FFFFFF;

		filter:				alpha(opacity=80);
		opacity:			0.8;
		
		margin-bottom:		30px;
	}
	
	
	/* CONTENTS
	-------------------------------------------------- */
	#side_image {
		position:			absolute;
		float:				left;
		left:				0px;
		top:				0px;
		width:				676px;
		height:				100%;
		
		background-repeat:		no-repeat;
		background-position:	0px 90px;
	}
	
	/*
	#side_image_overlay {
		position:			absolute;
		height:				100%;
		width:				715px;
		left:				245px;
		
		background-color:	#ff0000;
		-ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter:				alpha(opacity=60);
		opacity:			0.6;
		-moz-opacity:		0.6;
	}
	*/
	
	.content_with_sidebar {
		width:				100%;
		border-collapse:	collapse;
		margin:				15px 0px 15px 0px;
	}
	
	.block_side {
		width:				10px;
		background-color:	#FFCC00;
	}
	.block_spacer {
		width:				7px;
	}
	.block_content {
	}
	
	
	
	#iframe {
		width:				100%;
		height:				640px;
		border:				0px;
	}
	
	.overview_table td{
		padding:			0px 5px 11px 0px !important;
	}
	
	.padded_image {
		margin:			2px 10px 0px 0px !important;
	}


/* --------------------------------------------------
// FOOTER
 -------------------------------------------------- */
#footer_push {
	height:				30px;
}

#footer_bar {
	background-color:	#FFCC00;
	height:				30px;
	width:				960px;
	
	margin:				0 auto 0 auto;
	
	background-image:	url(../img/dotted_000000_horizontal.gif);
	background-repeat:	repeat-x;
}

#footer_contents {
	position:				relative;
	top:					9px;
	width:					940px;
	text-align:				right;
}

	#footer_contents a {
		text-decoration:		none;
		color:					#000000;
		font-weight:			normal;
	}
	
	#footer_contents a:hover {
		text-decoration:		underline;
	}