/* It has buttons and button animation */        
        .MyBody
        {
            /*background-color: #eb7421;*/ 
            background-image:url(../images/background.jpg);
            background-position: center top; 
            background-size: 100%;
            margin: 0px;
            padding: 0;
            vertical-align: top;
            /*background-repeat: no-repeat;*/
            font-family: Gotham Book;
        }
 
        #dark{
	        /*background-color:#333;
	        border:1px solid #000;*/
	        padding:10px;
	        margin-top:20px;}
	
        #light{
	        /*background-color:#FFF;
	        border:1px solid #dedede;*/
	        padding:10px;
	        margin-top:20px;}	
	
        .button, .button:visited {
	        background: #222 url(../images/overlay.png) repeat-x; 
	        display: inline-block; 
	        padding: 5px 10px 6px; 
	        color: #CCFFFF; 
	        text-decoration: none;
	        -moz-border-radius: 6px; 
	        -webkit-border-radius: 6px;
            -moz-box-shadow: 1px 2px 4px  rgba(244, 243, 243, 0.6);
            -webkit-box-shadow: 1px 2px 4px  rgba(244, 243, 243, 0.6);
            text-shadow: 0 -2px 2px rgba(255, 172, 0, 0.6);
            position: relative;
	        cursor: pointer
}
        .button:hover {-moz-box-shadow:1px 3px 6px 6px rgba(244, 243, 243, 0.6);
            -webkit-box-shadow:1px 3px 6px 6px rgba(244, 243, 243, 0.6);
            box-shadow:1px 3px 6px 6px rgba(244, 243, 243, 0.6);}
            
        .button:active							{ top: 1px; }
	    .small.button, .small.button:visited 			{ font-size: 10px}
	    .button, .button:visited,
	    .medium.button, .medium.button:visited 		{ font-size: 12px; 
												      font-weight: bold; 
												      line-height: 1; 
												      text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												      }
												  
	    .large.button, .large.button:visited 			{ font-size: 14px; 
													      padding: 10px 36px 10px; }
													  
	    .super.button, .super.button:visited 			{ font-size: 24px; 
													      padding: 15px 60px 10px; }
	
	    .pink.button, .magenta.button:visited		{ background-color: #e22092; }
	    .pink.button:hover							{ background-color: #c81e82; }
	    .green.button, .green.button:visited		{ background-color: #91bd09; }
	    .green.button:hover						    { background-color: #749a02; }
	    .red.button, .red.button:visited			{ background-color: #e62727; }
	    .red.button:hover							{ background-color: #cf2525; }
	    .orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	    .orange.button:hover						{ background-color: #d45500; }
	    .blue.button, .blue.button:visited		    { background-color: #2981e4; }
	    .blue.button:hover							{ background-color: #2575cf; }
	    .yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	    .yellow.button:hover						{ background-color: #fc9200; }
	    .button.scale { -webkit-transition: padding ease-in-out 0.2s }
        .button.scale:hover {padding-top: .75em; padding-bottom: .75em;}
        .pulse2 {
	        -webkit-animation: pulse2 2s linear infinite;
	        -moz-animation: pulse2 2s linear infinite;
	        -ms-animation: pulse2 2s linear infinite;
	        animation: pulse2 2s linear infinite;
        }
        @keyframes "pulse2" {
            0% {
            -webkit-transform: scale(1.05);
   	        -moz-transform: scale(1.05);
   	        -o-transform: scale(1.05);
   	        -ms-transform: scale(1.05);
   	        transform: scale(1.05);
            }
            60% {
            -webkit-transform: scale(1.1);
   	        -moz-transform: scale(1.1);
   	        -o-transform: scale(1.1);
   	        -ms-transform: scale(1.1);
   	        transform: scale(1.1);   	        
            } 
            100% {
            -webkit-transform: scale(1.03);
   	        -moz-transform: scale(1.03);
   	        -o-transform: scale(1.03);
   	        -ms-transform: scale(1.03);
   	        transform: scale(1.03);
            }                       
        }

        @-moz-keyframes pulse2 {
            0% {
            -moz-transform: scale(1.01);
            transform: scale(1.01);
            }
            50% {
            -moz-transform: scale(1.05);
            transform: scale(1.05);
            }
            100% {
            -moz-transform: scale(1.01);
            transform: scale(1.01);
            }
        }

        @-webkit-keyframes "pulse2" {
            0% {
            -webkit-transform: scale(1.01);
            transform: scale(1.01);
            }
            50% {
            -webkit-transform: scale(1.05);
            transform: scale(1.05)
            }
            100% {
            -webkit-transform: scale(1.01);
            transform: scale(1.01);
            }
        }

        @-ms-keyframes "pulse2" {
            0% {
            -ms-transform: scale(1.01);
            transform: scale(1.01);
            }
            50% {
            -ms-transform: scale(1..05);
            transform: scale(1.05);
            }
            100% {
            -ms-transform: scale(1.01);
            transform: scale(1.01);
            }
        }