/* hide from ie on mac \*/
@charset "UTF-8";
html, body {
	background-color: #3f6020;
	background-image: url('../image/bg.gif');
	
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

	
}
#mainAll {
	position:absolute;
	
	top:0px;
	left:0px;
	
	margin:0px;
	padding:0px;
	
	width:990px;
	height:590px;
	
	/*background-color:#FF0000;*/
}
/*body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url('../image/bg.gif');
	
	background-color:#3f6020;
	
	font-family: "myriad-pro",sans-serif;
	font-weight:300;
	font-size:13px;
}*/

#maincontent {
	overflow:hidden;
	position:absolute;
	
	
	width:990px;
	height:590px;
	
	/*margin-left:auto;
	margin-right:auto;*/

	font-family: "myriad-pro",sans-serif;
	font-size:13px;
	font-weight:400;
}





#footwork_logo {
	position:absolute;
	
	top:-120px; /*-20px;*/
	left:80px;
	
	/* hide on start */
	/*visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);*/
}
#content_bg {
	position:absolute;
	
	top:0px;
	left:0px;
	
	width:990px;
	height:590px;
	
	/* hide on start */
	/*visibility:hidden;*/
	opacity:0;
	filter:alpha(opacity=0);
}
#mainNav {
	/* hide on start */
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
}

/* ---------------------------- */
/* Nav */
/*#mainNav {
	position:absolute;
	
	left:0px;
	top:0px;
	
	padding:0px;
	margin:0px;
}*/
#mainNavPic {
	position:absolute;
	
	bottom:0px;
	left:20px;
}

/* DOT ------ */
img[id*='dot-'] {
	position:absolute;
}
#dot-1,
#dot-2,
#dot-3,
#dot-4,
#dot-5,
#dot-6,
#dot-7,
#dot-8
{
	position:absolute;
	
	font-family: "myriad-pro",sans-serif;
	font-weight:400;
	font-size:56px;
	
	color:#FFFFFF;
	
	padding-top:0px;
	padding-left:10px;
	
	margin-left:5px;
	margin-top:-10px;
	
	
	height:50px;
	width:30px;
	
	/* hide on start */
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	
}

#dot-1 {
	font-family: "myriad-pro",sans-serif;
	top:355px;
	left:93px;
}
#dot-2 {
	top:395px;
	left:93px;
}
#dot-3 {
	top:440px;
	left:118px;
}
#dot-4 {
	top:485px;
	left:145px;
}

#dot-5 {
	top:337px;
	left:260px;
}
#dot-6 {
	top:371px;
	left:278px;
}
#dot-7 {
	top:420px;
	left:278px;
}
#dot-8{
	top:480px;
	left:255px;
}


/* Indicator ----------  */
/*img[id*='indicator-'] {
	position:absolute;
	
	
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
}*/
#indicator-1,
#indicator-2,
#indicator-3,
#indicator-4,
#indicator-5,
#indicator-6,
#indicator-7,
#indicator-8
{
	position:absolute;
	
	/* hide on start */
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	
}




/* LINE ------ */
/*img[id*='line-'] {
	position:absolute;
}*/
#line-1,
#line-2,
#line-3,
#line-4,
#line-5,
#line-6,
#line-7,
#line-8
{
	position:absolute;
}



/* TEXT ------ */
/*div[class*='text-'] {
	position:absolute;
	
	font-weight:600;
	font-size:14px;
	
	color:#444444;
}*/

.text-1a, .text-1b,
.text-2a, .text-2b, .text-2c,
.text-3a, .text-3b,
.text-4a,
.text-5a, .text-5b, .text-5c,
.text-6a,
.text-7a, .text-7b,
.text-8a, .text-8b, .text-8c
 {
	margin:0px;
	padding:0px;
	
	position:absolute;
	
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: "myriad-pro",sans-serif;
	
	font-weight:600;
	font-size:42px;
	
	color:#444444;
	
	/*background-color:#FF0000;*/
}



/* ---------------------------- */
#green_overlay {
	position:absolute;
	
	top:0px;
	left:0px;	
}



.shadow {
	text-shadow:0px 0px 10px #000000;
}
.shadowLittle {
	text-shadow:0px 0px 10px #333333;
}
.shadowBig {
	text-shadow:0px 0px 26px #333333;
}
.glow {
	text-shadow:0px 0px 4px #FFFFFF;
}
.glowmore {
	text-shadow:0px 0px 4px #FFFFFF, 0px 0px 4px #FFFFFF;
}




#tracer {
	position:absolute;
	z-index:10;
	
	font-family: "myriad-pro",sans-serif;
	font-size:30px;
	font-weight:600;
	
	color:#FFFFFF;
	
}



/* BORDER BG */
#topleftblur{
	position:absolute;
	
	width:118px;
	height:118px;
	
	background-image: url('../image/topleftblur.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#topblur{
	position:absolute;
	
	width:990px;
	height:118px;
	
	background-image: url(../image/topblur.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#toprightblur{
	position:absolute;
	
	width:118px;
	height:118px;
	
	background-image: url(../image/toprightblur.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#rightblur{
	position:absolute;
	
	width:119px;
	height:590px;
	
	background-image: url(../image/rightblur.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#bottomrightblur{
	position:absolute;
	
	width:118px;
	height:118px;
	
	background-image: url(../image/bottomrightblur.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#bottomblur{
	position:absolute;
	
	width:990px;
	height:118px;
	
	background-image: url(../image/bottomblur.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#bottomleftblur{
	position:absolute;
	
	width:118px;
	height:118px;
	
	background-image: url(../image/bottomleftblur.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#leftblur{
	position:absolute;
	
	width:119px;
	height:590px;
	
	background-image: url(../image/leftblur.png);
	background-repeat: no-repeat;
	background-position: top right;
}






/* LOADING */
#loading {
	position:absolute;
	
	width:100px;
	height:20px;
	
	top:280px;
	left:445px;
	
	
	font-family: "myriad-pro",sans-serif;
	font-size:15px;
	letter-spacing:1px;
	font-weight:400;
	color:#FFFFFF;
	
	text-align:center;
	
	/*z-index:100;*/
}






#footloading {
	position:absolute;
	
	width:100px;
	height:400px;
	
	top:100px;
	left:100px;
	
	/* hide on start */
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
}



#footleft {
	position:absolute;
	
	margin:0px;
	padding:0px;
	
	left:0px;
	top:250px;
}


#footright {
	position:absolute;
	
	margin:0px;
	padding:0px;
	
	left:40px;
	top:250px;
}




/* Sharing */
#sharing {
	position:absolute;
	width:350px;
	height:50px;
}