@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 */
        overflow-x:hidden;
}

#main_container {
	width:100%;
	background-color:#dddddd; /* 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-y:auto;	/* will have a scrollbar at our content containier */
        overflow-x:hidden;
	position:absolute; /* container div must be absolute, for our fixed bar to work */

}

	#main_container .content_wrapper {
		margin:0 auto;
		width:100%;
        z-index:100;
	}
	
	#main_container .spacer { /* spacer w/ fixed height; give space to the content and fixed bar */
	height:20px;

	}

#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:20px; /* fix bar's height */
	width:100%; /* use 100% of width */
	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	position:absolute;
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
        overflow-x:hidden;
}

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

	/* center this div */
  margin:0 auto;
  argin-right:auto;	
		
		/* add effect */
  background-color:#F8931D;
  border:1px solid #666666;
  color:#111111;
  padding-top:3px;
  padding-left:5px;
  padding-right:5px;
}
	


#nav_menu_wrapper .login_info
{
  float:left;
  color:#111111;
}

#nav_menu_wrapper .chat_start 
{
  float:right;
  width:75px;
}

#nav_menu_wrapper .chat_start a
{
  color:#111111;
  width:75px;
  background: url(/theme/pic/chat.png) top left no-repeat;
  padding-left:20px;
  text-decoration:none;
}

#nav_menu_wrapper .chat_start a:hover
{
  color:#111111;
  width:55px;
  background: url(/theme/pic/chat.png) top left no-repeat #cccccc;
  height:15px;
  display:block;
  padding-left:20px;

}