/* @group Body, header, footer */

html {
	background: #181818;
	margin: 0;
	padding: 0;
}

body {
	
	font: normal normal 10px/150% Helvetica, Arial, Geneva, sans-serif;
	font-size: 62.5%;
	color: #9eabb2;
	margin: 0;
	padding: 0;
	min-width: 950px;
}

a {
	outline: none;
}

a img {
	border: none;
}

.clearer {
	clear: both;
}

/* A container should group all your columns. */
.container {
  width: 900px;
  position: absolute;
  margin-left: 20px;
}
.flashy {
  margin-top: 0px;
  position: fixed;
  z-index: -50;
  width: 750px;
  height: 100px;
  margin-left: 315px;
}



/* @buuble */        
        .bubbleInfo1 {
            z-index: 1;
            background-color: #060606;
            line-height: normal;
            font-size: 14px;
            position: relative;
            top: 30px;
            left: 30px;
            width: 500px;
        }
        .bubbleInfo2 {
            z-index: 1;
            color: black;
            line-height: normal;
            font-size: 14px;
            position: relative;
            top: 210px;
            left: 30px;
            width: 500px;
        }

.bubbleInfo3 {
            z-index: 1;
            line-height: normal;
            font-size: 14px;
            position: relative;
            top: 390px;
            left: 30px;
            width: 500px;
        }

.bubbleInfo4 {
			color: black;
            line-height: normal;
            font-size: 14px;
            position: relative;
            top: 570px;
            left: 30px;
            width: 500px;
        }

        .trigger {
            position: absolute;
        }
     
        /* Bubble pop-up */

        .popup {
        	height: 500px;
        	width: 800px;
        	background-image: url(images/frame.png);
        	background-color: #d50303;
        	position: fixed;
        	display: none;
        	top: 100px;
        	left: 500px;
        	z-index: -49;
        	border-collapse: collapse;
        }
        
        .popup2 {
        	height: 500px;
        	width: 800px;
        	background-image: url(images/frame.png);
        	background-color: #d77b19;
        	position: fixed;
        	display: none;
        	top: 50px;
        	left: 500px;
        	z-index: -49;
        	border-collapse: collapse;
        }

.popup3 {
        	height: 500px;
        	width: 800px;
        	background-image: url(images/frame.png);
        	background-color: #0f28bc;
        	position: fixed;
        	display: none;
        	top: 50px;
        	left: 500px;
        	z-index: -49;
        	border-collapse: collapse;
        }

.popup4 {
        	height: 500px;
        	width: 800px;
        	background-image: url(images/frame.png);
        	background-color: #03cd03;
        	position: fixed;
        	display: none;
        	top: 50px;
        	left: 500px;
        	z-index: -49;
        	border-collapse: collapse;
        }


        .popup-contents{
        
        	z-index: -49;
        
        	width: 800px;
        	height: 500px;
        }
.logo {
           
        	position: fixed;
           
        	margin-left: 320px;
           
        	margin-top: 50px;
           
        	background-image: url(images/logo.png);
           
        	height: 500px;
           
        	width: 800px;
        	z-index: -50;
           
        } 
        
        
        .tablecontent {
                    	right: 30px;
                    	z-index: -49;
                    	margin: 20px;
                      	float: left;
                      	width: 750px;
                    	position: absolute;
                    	text-align: left;
                    }