@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%;
	margin-left: -50%;
	/*background-color:#FFFFFF; /* 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 */
	background: #FFFFFF url(../images/arkaplan.jpg);
}
html>body #main_container {
	width:100%;
	/*background-color:#FFFFFF; /* 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 */
	background: #FFFFFF url(../images/arkaplan.jpg);
	margin:0;
}

	#main_container .content_wrapper {
		margin-left:auto;
		margin-right:auto;
		width:90%;
		margin-bottom:80px;
	}
	
	#main_container .spacer { /* spacer w/ fixed height; give space to the content and fixed bar */
		height:80px;
	}

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

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

		/* center this div */
		margin-left:auto;
		padding-top: 10px;
		margin-right:20px;	
		color: #FFFFFF;
		
		/* add effect */
		background:url('../images/fixed-bg.jpg') repeat-x;
		border-top:#880000 solid 2px;
	}
		
		#nav_menu_wrapper .nav_menu a:link, #nav_menu_wrapper .nav_menu a:visited {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333333;
			text-decoration:none;
			background-color:#EEEEEE;
		}

		#nav_menu_wrapper .nav_menu a:hover {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			background-color:#0099FF;
		}
#frm {width: 980px; margin: 10px auto; padding: 5px;}
#nav_menu_wrapper .nav_menu  p {padding: 1px; }

*html #nav_menu_wrapper{
    	height:100%; /* fix bar's height */
	width:100%; /* use 100% of width */
	
	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	right:0px;
	left: 0px;
	position:absolute;
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');



}

/* SUPPORT */
#support {
    left: 5px;
    position: absolute;
    top: 228px;
    z-index: 199;
}