@charset "utf-8";
/*
 * CSS Document
 * Written by Ryan Yonzon
 * http://ryan.rawswift.com/
 */
 
html, body {
	margin:0px; /* FF hack: or we'll have double scrollbar showing on the browser */
	overflow:hidden; /* hide browser's main scrollbar */
}

#main_container {
	width:100%;
	background-color:#EDEDF9; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
	
	height:100%;	/* this will make sure that the height will extend at the bottom */
	overflow:auto;	/* will have a scrollbar at our content containier */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
}

#main_container .content_wrapper{margin-left:auto; margin-right:auto; width:100%; height:100%;}

#nav_menu_wrapper { /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
	height:116px;
	width:100%;
	
	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	position:absolute;
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
}
#nav_menu_wrapper div{padding-right:16px;}

	#nav_menu_wrapper .nav_menu { /* the menu itself */
		height:116px; /* fix bar's height */
		width:900px; /* fixed width */

		/* center this div */
		margin-left:auto;
		margin-right:auto;	
		
		/* add effect */
		background-color:#EEEEEE;
		border:#666666 solid 1px;
	}