#header {
	background: #5ab20f url("../images/header-bg.jpg") no-repeat top;
}

#header h1, #header-logo {
	display:block;
	width:283px;
	height:78px;
	float:left;
	margin-left: 14px;
}

#header h1 {
	text-indent:-9009px;
	background: transparent url("../images/logo.jpg") no-repeat 0 0;
}

h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}
#header-left {
	top:-3px;
	right: 20px;
	float:right;
	width:640px;
}

/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
#header-left ul {
	margin: 0;
	padding: 8px 0px 0 10px;
	list-style: none;
}

#header-left li {
	float: left;
	display: inline;
	background: url("../images/header-nav-right.gif") no-repeat right top;
	margin: -1px 0 0 15px;
	padding: 0;
}


#header-left a {
	float: left;
	display: block;
	position: relative;
	left: -9px;
	margin-right: -9px;
	width: .1em;
	background: url("../images/header-nav-left.gif") no-repeat left top;
	padding: 9px 20px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
}	
#header-left #flash-competition {
	margin: 0 0 0 17px;
	position: ;
	background: none;
	padding: 0 0;
	width: 461px;
	height: 44px;
	text-align: center;
	visibility:none;
}
#header-left a#nav-competition {
	display: block;
	margin: 0 0 0 25px;
	position: ;
	background: none;
	padding: 0 0;
	border: 1px solid #fff;
	width: 461px;
	height: 41px;
	text-align: center;
}
#header-left #nav-logo {
	padding: 0;
	margin: 0;
	position:absolute;
	right: 105px;
	top: 18px;
}
#header-left #nav-logo a {
	background: none;
}
/** start for showing current page **/
body#create-monster-page #nav-create-monster,
body#gallery-page #nav-gallery,
body#downloads-page #nav-downloads,
body#links-page #nav-links,
body#sign-in-page #nav-sign-in {
	background: url("../images/header-nav-right-current.gif") no-repeat right top;
}

body#create-monster-page #nav-create-monster a, 
body#gallery-page #nav-gallery a,
body#downloads-page #nav-downloads a,
body#links-page #nav-links a,
body#sign-in-page #nav-sign-in a{
	background: url("../images/header-nav-left-current.gif") no-repeat left top;
}
/** end for showing current page **/

#header-left>ul a {
	width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header-left a {
	float: none;
}

/* End IE5-Mac hack */
#header-left a:hover {
	color: #333;
}

#demos #header-left-demos,#menus #header-left-menus,#layouts #header-left-layouts,#boxes #header-left-boxes,#mozilla #header-left-mozilla,#explorer #header-left-explorer,#opacity #header-left-opacity
	{
	background-position: 100% -150px;
}

#demos #header-left-demos a,#menus #header-left-menus a,#layouts #header-left-layouts a,#boxes #header-left-boxes a,#mozilla #header-left-mozilla a,#explorer #header-left-explorer a,#opacity #header-left-opacity a
	{
	background-position: 0 -150px;
	padding-bottom: 6px;
	color: #333;
}

/* not for IE5.x or IE6 */
#header-left li:hover,#header-left li:hover a {
	/*background-position: 100% -150px;*/
	color: #336600;
}

#header-left li:hover a { /*background-position: 0 -150px; */
	
}

#header-mini-menu {
	padding: 0;
	margin: 0;
	position:absolute;
	right: 5px;
	top: 7px;
}
#header-mini-menu a {
	padding: 0;
	margin: 0;
	font-size: 10px;
	background-image: none;
}