html{height:100%;padding:0;margin:0;}
body{margin:0; padding:0; height:99%; background-position:bottom right; background-repeat:no-repeat; background-image:url(../img/waw.jpg); background-color: #0099ff;}
a {color:#666;}
a:hover {color:black;}
#horizon  {	text-align:center;	position:absolute;	background-color:transparent;	top:50%;	width:100%;	height:1px;	overflow:visible;	visibility:visible;	display:block;	}




#top {
width:100%;
height:6px;
background-color:#3c3d38;
}

#close {position:absolute; left:584px; top:8px;}


	h1	a {text-decoration:none; color:#fff;	}
	h1	a:hover {color:#fff;	}
	h1	{width:260px; padding:8px 24px; margin:0 0;  height:112px; color:#202020;font-size:100px;font-family: "Garamond", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-weight:bold; 	}
	
	h1 span { width:240px; color:#fff; padding-left:24px;  background:url(../img/loff.png) no-repeat center left;font-family:verdana; font-size:10px; line-height:16px;  margin-top:-16px; float:left;}
	
	h1 a:hover span {background:url(../img/lon.png) no-repeat center left;}
	
	h2 {line-height:32px; font-family: "Garamond", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-weight:bold; margin:0;}
	#footer {padding-left:24px; color:#eee; position:absolute; left:0; top:99%; font-family:verdana; font-size:10px; line-height:16px;  margin-top:-16px; float:left;}
	
	
	
	/*------------------------------ID CARD------------------*/
#ban {
background-color:white;
-webkit-box-shadow:  3px 5px 10px black;
width:610px; height:300px;
margin:-200px auto;
-moz-border-radius : 15px; 
 -webkit-border-radius: 15px;
 text-align:left;
 position:relative;
 }
 
 
 #ban ul{list-style:none; width:150px;  float:right; margin:102px 120px 0 0 ;}
 #ban ul li {width:48px; margin:0; float:left;}

#kwicks {  
width:610px;
padding-left:2px;
height:150px;
margin:-100px auto;
overflow:visible;
background-color:transparent;
padding:0;
 position:relative;
list-style:none;

}  

 @-webkit-keyframes pulse {
      from {background-color: white; }
      85% {background-color: #191917;}
      to {background-color: #3c3c38; }
      }

#kwicks li a {display: block; width:100%; height:100%;}
#kwicks li:hover{-webkit-animation-name: pulse;
       -webkit-animation-duration: 0.18s;
       -webkit-animation-direction:alternate;
       -webkit-animation-timing-function: ease-in-out;
-webkit-transition-property:background-color; 
-webkit-transition-duration: 0s; 
-webkit-transition-timing-function: linear;
       -webkit-transition-delay:0.18s;
        background-color:#3c3c38;
        }
#kwicks li{
cursor:pointer;
text-align:right;
overflow:hidden;  
float:left;
width:150px;
height:150px;
-webkit-box-shadow:  3px 5px 10px black;
-moz-box-shadow:  3px 5px 10px black;

}  
.kwick {
overflow:hidden;
}
#aa{
background:#fff url(../img/aaa.png) no-repeat left center;
 -moz-border-radius : 15px 0 0 15px ; 
 -webkit-border-radius: 15px 0 0 15px;  }
#bb{
background:#fff url(../img/bbb.png) no-repeat left center;
}
#cc{background:#fff url(../img/ccc.png) no-repeat left center;}
#dd{background:#fff url(../img/ddd.png) no-repeat left center; -moz-border-radius : 0 15px 15px 0 ; 
 -webkit-border-radius: 0 15px 15px 0;}