/*	MAIN.CSS - Stylesheet for the base layout */
html, body, #wrapper, .w-w1, .w-w2{height: 100%;}
body{
	background: url(/imgs/skin/bg/bg-high.jpg) no-repeat #070909;
	font-family: "Myriad Pro", sans-serif;
	color: #1a1a1a;
	font-size: 16px;
}

.section-inner { 
	position: relative;
}
.w-w2 {	
	position: relative;
}

/* --HEADER-- */
#header {position: relative; z-index: 500;}
	.h-w2 { height: 250px; }
	#mainnav, #util, #logo {
		position: absolute;
	}
	#mainnav {
		z-index: 20;
		bottom: 0;
		right: 0;
	}
		#mainnav li { float: left; }
	#logo {
		top: 1px;
		left: 1px;
		display: block;
		height: 1px;
		padding-top: 247px;
		width: 58px;
		overflow: hidden;
	}
	#util {
		top: 81px;
		left: 59px;
	}
		#util li { 
			float: left; 
			margin-left: 5px;
		}
			#util a{
				display: block;
				height: 1px;
				padding-top: 22px;
				width: 23px;
				overflow: hidden;
				border-radius: 4px;
				background-clip: padding-box;
			}
				.no-touch #util a:hover{
					-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
					box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
				}


/* --CONTENT-- */
#main { 
	position: relative; 
	/* margin-top: 200px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden; 		
	}
	

/* --FOOTER-- */
#footer { font-size: 11px; }

/* --BG ANIM-- */
#bg-anim{
	background: url(/imgs/skin/bg/splash-anim.png) no-repeat;
	width: 941px;
	height: 764px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: breath 5s infinite;
	animation: breath 5s infinite;
}

@-webkit-keyframes breath {
	50%  { opacity: 0.5; }
	50%  { opacity: 0; }
}
@keyframes breath {
	50%  { opacity: 0; }
}

/* --ALERT-- */
.alert{
	background: #fff;
	position: absolute;
	top: 214px;
	left:259px;
	width: 542px;
	padding: 25px;
	z-index: 999;
	-webkit-animation: fadeIn 0.6s ease;
	animation: fadeIn 0.6s ease;
}

	.alert .head{
		border-bottom: 1px solid #939598;
		padding-bottom: 20px;
	}

	.alert .options{
		padding: 52px 0 37px 0;
		text-align: center;
	}
		.alert .options a{
			display: inline-block;
			color: #fff;
			background: #818285;
			line-height: 27px;
			padding: 0 30px;
			text-decoration: none;
			margin-left: 60px;
		}
			.alert .options a:first-child{margin-left:0;}

			.no-touch .alert .options a:hover{
				background: #0082c8;
			}



}


@-webkit-keyframes fadeIn {
	0%   { 
		opacity: 0.0; 
		top:-800px;
	}
	100% { 
		opacity: 1.0; 
		top:214px;
	}
}
@keyframes fadeIn {
	0%   { 
		opacity: 0.0; 
		top:-800px;
	}
	100% { 
		opacity: 1.0; 
		top:214px;
	}
}


/* --COMMON CLASSES-- */
.alert{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#util a,
.alert .options a{
	-webkit-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out; 
}