@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
}

body {
		background: #000 url(../../images/bg_topimages_bg.jpg) center repeat-x;
		width: 100%;
		height: 100%;
		font-family: "Myriad Web", "Myriad Pro", Frutiger, "Humnst777 BT", Tahoma, Arial, Verdana, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #CCC;
}


div#container {
	background: url(../../images/bg_topimages.jpg) center no-repeat;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	line-height: 1.3;
	-moz-opacity: 0;
	opacity: 0;
}

div#menu {
	position: absolute;
	/*bottom: 25px;*/
	bottom: 0;
	width: 90%;
	padding: 0 20px;
	
	
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

div#menu p.copyright {
		color: #555;
		font-size: 10px;
		padding-top: 8px;
		float: right;
}

p.btn {
	float: left;
	display: inline;
	padding:  0 0 22px;
	overflow: hidden;
}

	p.btn a {
		float: left;
		padding-left: 22px;
		position: relative;
		z-index: 100;
		color: #fff;
		background: url(../../images/nav/btn_left.jpg) no-repeat left top;
		text-decoration: none;
		font-weight: normal;
		margin: 0 10px 0 0;
	}
	
		p.btn a span {
			float: left;
			padding: 0 20px 0 10px;
			height: 30px;
			background: url(../../images/nav/btn_right.jpg) no-repeat right top;
			line-height: 30px;
			cursor: pointer;
		}
					
	p.btn span.cfGroup {
		float: left;
		position: relative;
	}
	
		p.btn span.cfGroup span.cfGM {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
		}
	
			p.btn span.cfGroup span.cfGLeft {
				float: left;
				padding-left: 22px;
				color: #fff;
				background: url(../../images/nav/btn_left.jpg) no-repeat left -30px;
				text-decoration: none;
				font-weight: normal;
			}
		
				p.btn span.cfGroup span.cfGLeft span.cfGRight {
					float: left;
					padding: 0 20px 0 10px;
					height: 30px;
					background: url(../../images/nav/btn_right.jpg) no-repeat right -30px;
					line-height: 30px;
				}
				
div.hGroup {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -30px 0 0 -180px;
}

div.hGroup h1,
div.hGroup h2 {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

div.hGroup h1 {
	font-size: 38pt;
}

div.hGroup h2 {
	font-size: 10pt;
}

/*
profile
-------------------------------------*/

div#profile {
	display: none;
	border: 1px solid #333;
	background: #333;
	padding: 15px;
	width: 700px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 0 0 -350px;
}

div#profile:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}
* html div#profile { height: 1%; }
*+html div#profile { height: 1%; }

div#profile h1 {
	font-size: 14px;
	margin: 0 0 7px;
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
}

div#profile h1 strong {
	margin-right: 5px;
}

div#profile dl {
		float: left;
		width: 500px;
}

p.photo {
		float: right;
}

div#profile dl dt {
	width: 7em;
	float: left;
	clear: left;
	padding: 0 0 7px;
	font-weight: normal;
	color:#999;
}

div#profile dl dd {
	float: left;
	padding: 0 0 7px;
	font-weight: normal;
	color: #FFF;
}

div#profile dl dd a {
	color: #FC3;
}

div#profile span#closeBtn a:hover {
	color:#F30;
	background: url(../../images/top_icon_closebtn_off.png) top right no-repeat;
}

div#profile span#closeBtn a {
	color:#F93;
	background: url(../../images/top_icon_closebtn.png) top right no-repeat;
	display: block;
	float: right;
	padding: 3px 18px 3px 0;
}