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


#Table_01 {
	position:relative;
	left:0px;
	top:0px;
	width:240px;
	height:645px;
}

#base-02 {
	position:absolute;
	left:0px;
	top:0px;
	width:240px;
	height:290px;
}

#base-04 {
	position:absolute;
	left:0px;
	top:290px;
	width:240px;
	height:50px;
	
}

#anue1-03 {
	position:absolute;
	left:0px;
	top:340px;
	width:240px;
	height:110px;
}

#base-06 {
	position:absolute;
	left:0px;
	top:450px;
	width:80px;
	height:70px;
}

#anue1-05 {
	position:absolute;
	left:80px;
	top:450px;
	width:80px;
	height:70px;
}

#anue1-06 {
	position:absolute;
	left:160px;
	top:450px;
	width:80px;
	height:70px;
}

#base-09 {
	position:absolute;
	left:0px;
	top:520px;
	width:80px;
	height:25px;
}

#anue1-08 {
	position:absolute;
	left:80px;
	top:520px;
	width:80px;
	height:25px;
}

#anue1-09 {
	position:absolute;
	left:160px;
	top:520px;
	width:80px;
	height:25px;
}

#base-12 {
	position:absolute;
	left:0px;
	top:545px;
	width:240px;
	height:100px;
	font-size: 10px;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}
body {
	background-color: #000;
	background-image: url(images/background.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
}

#message {
	position:absolute;
	left:0px;
	top:340px;
	width:240px;
	height:110px;
	background-image:url(images/index0_05.jpg);
	font:"Arial Black", Gadget, sans-serif;
	color:#CCC;
	font-size:11px;
}
#Table_01 #message p {
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* BEGIN CSS */
	.fadeThis {
		position:relative;
		display:block;
		height: 80px;
		width: 70px;
		background: url(images/anue0_04.jpg) 0 0 no-repeat;
	}
	.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 80px;
		width: 70px;
		background:url(images/anue0_04.jpg) 0 -100px no-repeat;
	}
	H1 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 26px;
	color: #FFF;
	text-align: center;
	}
	H2 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	}
	
	.bubbleInfo1 {
            position: relative;
            
	top:250px;
	width:80px;
	height:70px;
        }
        .trigger {
            position: relative;
        }
     
        /* Bubble pop-up */

        .popup {
        	position: relative;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
			top:450px;
        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
        .popup td.top { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
        .popup td#topright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
        .popup td.left { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
        .popup td.right { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
        .popup td.bottom { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
        	}

        table.popup-contents td {
        	text-align: left;
        	}

        tr#release-notes th {
        	text-align: left;
        	text-indent: -9999px;
        	background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
        	height: 17px;
        	}

        tr#release-notes td a {
        	color: #333;
        }

	/* END CSS */
