@import url('reset.css');
/* General Demo Style */


 @-webkit-keyframes super-rainbow {
    100%   { background-color: #8DA709;} 
    /*20%  { background-color: #8DA709;}
    40%  { background-color: #0CC2C2;}
    60%  { background-color: #C20C79;}
    80%  { background-color: #EB0303;}
    100% { background-color: #FDCB00;}*/
       
   /*  0%  { background-color: #FA677E;}
    10%  { background-color: #C21D66;} 
    20%  { background-color: #E867FA;}
    30%  { background-color: #676DFA;}    
    40%  { background-color: #67FAE2;}
    50%  { background-color: #238A8A;}
    60%  { background-color: #67D1FA;}
    70%  { background-color: #67FA90;}
    80%  { background-color: #F4FA67;}
    90%  { background-color: #FAB967;}
    100% { background-color: #FA6767;}*/
    
     
    
}

/*@-moz-keyframes super-rainbow {
    0%   { background-color: #FF6702;} 
    20%  { background-color: #8DA709;}
    40%  { background-color: #0CC2C2;}
    60%  { background-color: #C20C79;}
    80%  { background-color: #EB0303;}
    100% { background-color: #FDCB00;}    
}

@-ms-keyframes super-rainbow {
    0%   { background-color: #FF6702;} 
    20%  { background-color: #8DA709;}
    40%  { background-color: #0CC2C2;}
    60%  { background-color: #C20C79;}
    80%  { background-color: #EB0303;}
    100% { background-color: #FDCB00;}    
}*/
body{
    background:url(../images/noisy-texture-100x100-o6-d10-c-FFE296-t1.png) repeat top left;
	color: #333;
	font-family: 'Terminal Dosis', Arial, sans-serif;
	-webkit-animation: super-rainbow 20s infinite linear;
	-moz-animation: super-rainbow 20s infinite  linear;
	-ms-animation: super-rainbow 20s infinite  linear;
	font-size: 13px;
	-moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.container{
	position:relative;
}
a{
	color: #fff;
	text-decoration: none;
}
.clr{
	clear: both;
}
.content{
	position:relative;
}
h1{
	margin:0px;	
	font-size:49px;
	color:#A2A09C;
    text-shadow:1px 1px 1px rgba(255,255,255,0.9);
	text-align:center;
	font-weight:400;
}
h1 span{
    display:block;
	font-size:17px;
	color:#666;
    font-style:italic;
    font-family:Georgia, serif;
	padding-top:5px;
}
/* Header Style */
.header{
background: #F5F5F5;
opacity: 0.9;
z-index: 9999;
position: relative;
-moz-box-shadow: 1px 0px 2px #BBB5B5;
-webkit-box-shadow: 1px 0px 2px #BBB5B5;
box-shadow: 1px 0px 2px #BBB5B5;
padding: 10px;
text-align: center;
height: 68px;

}

.header > div > div
{
	display:inline-block;
	vertical-align: middle;
	}
.header a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.header a:hover{
	color: #fff;
}
.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}
.more{
	position:relative;
	clear:both;
    font-size: 11px;
    padding: 20px 0px;
    text-transform:uppercase;
    width: 390px;
    height:55px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#0099c5;
	color:#fff;
	text-shadow:none;
    font-weight:bold;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:64px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}

@font-face {
  font-family: 'Terminal Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(http://themes.googleusercontent.com/static/fonts/terminaldosis/v5/_IcvjW_kWHsIHjjUsLbdpFGxLvFzKVP0OsRYGzgS_zk.woff) format('woff');
}