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

a:link { color:#000000; text-decoration:none}
a:hover { color:#0000FF; cursor:crosshair;text-decoration:underline }
a:active {color:#0000FF;}
a:visited {color:#990099;}


.menuhover { 
display:block;
cursor:crosshair;
color:#FFA500; 
}

#container{
	position: absolute;
	top: 50%;
	margin-top: -100px;/* half of #content height*/
	left: 0px;
	width: 100%;
}

#payment{
	position: absolute;
	top: 50%;
	margin-top: -100px;/* half of #content height*/
	left: 0px;
	width: 100%;
}


#title {
	position:absolute; 
	width: 100%; 
	height:100px; 
	font-family: 'Times New Roman', Times, serif; 
	color:black; 
	font-size:100px; 
	font-weight:bold; 
	text-decoration:none; 
	text-align:center; 
	margin-left: auto;
   margin-right: auto;
}

#title2 {
	position:absolute; 
	width: 100%; 
	height:100px; 
	font-family: 'Times New Roman', Times, serif; 
	color:black; 
	font-size:80px; 
	font-weight:bold; 
	text-decoration:none; 
	text-align:center; 
	margin-left: auto;
   margin-right: auto;
}

#about {
	position:absolute; 
	width: 100%; 
	height:100px; 
	font-family: 'Times New Roman', Times, serif; 
	color:black; 
	font-size:20px; 
	font-weight:bold; 
	text-decoration:none; 
	text-align:center; 
	padding-top:40px;

 
   
}

#about2 {
	position:absolute; 
	width: 100%; 
	height:100px; 
	font-family: 'Times New Roman', Times, serif; 
	color:black; 
	font-size:20px; 
	font-weight:bold; 
	text-decoration:none; 
	text-align:center; 
	padding-top:40px;

 
   
}

#body {
	position:absolute;
	width: 858px;
	height:100px;
	font-family: 'Times New Roman', Times, serif;
	color:black;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:40px;
	left: 118px;
}

.h1 {position: relative; display:block; margin-left:20px; margin-top:5px; font-family: 'Quicksand', sans-serif; color:black; font-size: 9px; font-weight:bold;}


.container{

    margin: auto;
    background-color: #FFF;
    width: 100%;
    padding: none;
    min-height: 100%;
	top:50%;
}

.container2{

    margin: auto;
    background-color: #FFF;
    width: 100%;
    padding: none;
    min-height: 100%;
	top:6%;
}

.container3{

    margin: auto;
    background-color: #FFF;
    width: 100%;
    padding: none;
    min-height: 100%;
	top:30%;
	left:25%
}
ul {list-style-type:none;
margin:0;
padding:0;
}

li
{display:inline; margin-left:25px; margin-top:15px; font-family: 'Quicksand', sans-serif; color:black; font-size: 12px; font-weight:bold; float:left;
display:block; width:200px; font-weight:bold; }


.mC {width:80px; margin:5px; float:left; margin-left:0px; margin-top:0px;}
.mH {color:#60c; cursor:pointer;  font-weight:normal; border-top:1px solid #300;}
.mL {display:none; margin-bottom:10px;}
.mO {margin-left:0px; display:block; font-family: 'Quicksand', sans-serif;font-size:14px;}



.images {margin-left:0px; margin-top:0px;}

.numbers {width: 10px; height:20px; font-family: 'helvetica', sans-serif; color:black; font-size: 40px; font-weight:bold;}
.headline {width: 75px; height:20px; font-family: 'helvetica', sans-serif; color:#069; font-size: 120px; font-weight:bold;}
.headline2 {width: 150px; height:20px; font-family: 'Helvetica', sans-serif; color:#069; font-size: 120px; font-weight:bold;}

.menu {
	position:fixed;
	left:75%;
	top:5px;
	width: 120px; 
	height:20px; 
	z-index:9999;
	font-family: 
	'Helvetica', sans-serif; 
	color:black; 
	font-size: 10px; 
	font-weight:bold;}
	
	.menu2 {
	position:fixed;
	left:75%;
	top:5px;
	width: 20px; 
	height:20px; 
	z-index:9999;
	font-family: 
	'Helvetica', sans-serif; 
	color:black; 
	font-size: 10px; 
	font-weight:bold;}
	
		
	.menu3 {
	position:fixed;
	left:50%;
	top:100px;
	width: 300px; 
	height:20px; 
	z-index:9999;
	font-family: 
	'Helvetica', sans-serif; 
	color:#FFA500; 
	font-size: 40px; 
	font-weight:bold;
	text-align:center;}
	
		.vid {
	position:center;
	top:200px;
	left:50%;
	top:500px;
	z-index:9999;
	font-family: 
	'Helvetica', sans-serif;
	color:#FFA500;
	font-size: 40px;
	font-weight:bold;
	text-align:center;
}
	
	IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
	top: 300px}

.float {position:fixed; z-index: 1000; width:100%; margin-left:70%; margin-top:-10px; font-family: 'Quicksand', sans-serif; color:black; font-size: 10px; font-weight:bold;}


/**
 *    Real-World CSS
 *    by @visualidiot. Licensed under WTPFL.
 */
 
/* @group Blink */

.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* @end */



/* @group Marquee */

.marquee {
    height: 30px;
    
    overflow: hidden;
    position: relative;
}
    .marquee div {
        display: block;
        width: 200%;
        height: 30px;
        
        position: absolute;
        overflow: hidden;
        
        -webkit-animation: marquee 4s linear infinite;
        -moz-animation: marquee 4s linear infinite;
        -ms-animation: marquee 4s linear infinite;
        -o-animation: marquee 4s linear infinite;
        animation: marquee 4s linear infinite;
    }
    .marquee span {
        float: left;
        width: 50%;
    }
    
@-webkit-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-moz-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-ms-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-o-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}

/* @end */