@import url('index.header.css');
/* @import url('index.content.css'); */
@import url('index.footer.css');


ul {	list-style-type: none;	}

body {

	background: #146;
	
}

.kmWrapper {

	
	width: 974px;
	padding: 0 25px;
	margin: 0 auto;

	
/* 	overflow-x: hidden; */
	
	box-shadow: 0px 0px 16px #306;
	-moz-box-shadow: 0px 0px 16px #306;
	-webkit-box-shadow: 0px 0px 16px #306;

}

#kmWrapperHeader {

	padding-top: 20px;
	background: url(../images/backdrop.02.png) #001652 no-repeat;
	height: 256px;
	margin-bottom: -108px;

}

#kmWrapperContent {

	min-height: 550px;
	background: url(../images/backdrop.01.png) no-repeat bottom center;

}


#kmHeaderBackdrop {

	

}


#kmHeader {

	height: 180px;
	
	position: relative;
	z-index: 128;
	
	-webkit-text-stroke: 1px transparent;
	
	color: white;
	font: 50px/50px "Impact";
	
	background: url(../images/logo.01.png) no-repeat top left;
	
}

	#kmHeader span#kmTitle {
	
		position: relative;
		left: 190px;
		top: 60px;
	
	}

	#kmHeader span span {
	
		color: #90befc;
	
	}
	
	#kmHeader span small {
	
		font-size: 35px;
	
	}





#Kmnavigation {

	float: right;

}

	#kmNavigation li {
	
		width: 67px;
		height: 77px;
		display: inline-block;
		background-repeat: no-repeat;
	
	}
	
		#kmNavigation li:hover {
		
			cursor: pointer;
		
		}
	  
	  #kmNavigation li a {
	    text-decoration: none;
	  }
	  
		#kmNavigation li a span {
		
			/*display: none;*/
			
			visibility: hidden;
		
		}
	
#kmNavigationHome	{ background-image: url('/images/buttons/0129/home_01.png'); }
#kmNavigationHome:hover { background-image: url('/images/buttons/0129/home_02.png'); }
#kmNavigationNews	{ background-image: url('/images/buttons/0129/button.menu.links.news.png'); }
#kmNavigationNews:hover { background-image: url('/images/buttons/0129/button.menu.links.news.highlight.png'); }
#kmNavigationApps	{ background-image: url('/images/buttons/0129/apps_01.png'); }
#kmNavigationApps:hover { background-image: url('/images/buttons/0129/apps_02.png'); }
#kmNavigationInfo	{ background-image: url('/images/buttons/0129/mail_01.png'); }
#kmNavigationInfo:hover { background-image: url('/images/buttons/0129/mail_02.png'); }






#kmContent {

  margin-top: -40px;
	
	padding: 20px 20px 0 20px;
	
	position: relative;
	z-index: 64;
	
	background: #F9F9F9;
	
	height: 500px;
	
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	
	box-shadow: 0px 0px 8px #666;
	-moz-box-shadow: 0px 0px 8px #666;
	-webkit-box-shadow: 0px 0px 8px #666;

}

  #kmContent #kmApplicationCategory{
    float: left;
    width: 195px;
    height: 100%;
   	padding: 30px 0px 0 0px;
  }
  
    #kmContent #kmApplicationCategory h2{
      font-size: 18pt;
      text-align: center;
      padding: 20px 0 20px 0;
    }
  
  	/*
    #kmContent #kmApplicationCategory #kmApplicationCategoryList{
        
    }*/
 
 
 
   
      #kmContent #kmApplicationCategory #kmApplicationCategoryList .kmApplicationCategoryItem1{
        position:absolute;top:120px;left:30px;
        padding-left:30px;
        padding-bottom: 10px;
        z-index:1;
      }
      
      #kmContent #kmApplicationCategory #kmApplicationCategoryList .kmApplicationCategoryItem2{
        position:absolute;top:130px;left:60px;
        padding-left:30px;
        padding-bottom: 10px;
        z-index:1;
      }
      
      #kmContent #kmApplicationCategory #kmApplicationCategoryList .kmApplicationCategoryItem3{
        position:absolute;top:280px;left:55px;
        padding-left:30px;
        padding-bottom: 10px;
        z-index:1;
      }
      
      
      #kmContent #kmApplicationCategory #kmApplicationCategoryList .kmApplicationCategoryItem4{
        position:absolute;top:240px;left:35px;
        padding-left:30px;
        padding-bottom: 10px;
        z-index:1;
      }
      
        #kmContent #kmApplicationCategory #kmApplicationCategoryList .kmApplicationCategoryItem .kmApplicationCategoryItemThumb{
          width: 52px;
          height: 52px;
          vertical-align: middle;
        }
        
        #kmContent #kmApplicationCategory #kmApplicationCategoryList .kmApplicationCategoryItem a{
          margin-left: 5px;
          
          font-size: 16pt;
          
          color: #D2D2D2;
          
          text-decoration: none;
        }
  
  #kmContent #kmApplicationList{
    padding-left: 20px;
    
    height: 200px;

  }
  
    #kmContent #kmApplicationList ul#kmApplicationListPaginator{
      display: block;
      margin-left: 230px;
    }
    
      #kmContent #kmApplicationList ul#kmApplicationListPaginator li{
        display: inline;
        margin-right: 20px;
      }
      
        #kmContent #kmApplicationList ul#kmApplicationListPaginator li a{
          text-align: center;
          
          float: left;
          display: block;
          
          width: 20px;
          height: 20px;
          
          text-decoration: none;
          z-index: 1000;
        }
        
        #kmContent #kmApplicationList ul#kmApplicationListPaginator li a:hover{
          background-color: #36ACD1;
          color: yellow;
          
          border-radius: 20px;
          -moz-border-radius: 20px;
          -webkit-border-radius: 30px;
        }
    
    #kmContent #kmApplicationList #kmApplicationListItem{
      float: left;
      height: 200px;
      width: 680px;
      /*
      margin-left: 30px;
      */
      padding: 30px 5px 0 20px;
    }
    
      #kmContent #kmApplicationList #kmApplicationListItem .kmApplicationItem{
      	
      	background: url(../images/ba.png);
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        
        padding: 8px;
        margin: 0 10px 15px 0;
        
        float: left;
        
        height: 80px;
        width: 300px;
      }
     
     #kmContent #kmApplicationList #kmApplicationListItem .kmApplicationItem2{
      	
      	background: url(../images/apps30.png);
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        
        padding: 8px;
        margin: 0 10px 15px 0;
        
        float: left;
        
        height: 80px;
        width: 300px;
      }
      
      #kmContent #kmApplicationList #kmApplicationListItem .kmApplicationItem Img.kmApplicationItemThumb{
        width: 78px;
        height: 78px;
        float: left;
      }
      
      #kmContent #kmApplicationList #kmApplicationListItem .kmApplicationItem2 img.kmApplicationItemThumb{
        width: 78px;
        height: 78px;
        float: left;
      }
      
      #kmContent #kmApplicationList #kmApplicationListItem .kmApplicationItem h2.kmApplicationItemTitle{
        font-size: 16pt;
        margin-left: 88px;
        
        color: #150880;
      }
      
      #kmContent #kmApplicationList #kmApplicationListItem .kmApplicationItem2 h2.kmApplicationItemTitle{
        font-size: 16pt;
        margin-left: 88px;
        
        color: #150880;
      }
      
      #kmContent #kmApplicationList #kmApplicationListItem .kmApplicationItem span.kmApplicationItemSummary{
        float: left;
        display: block;
        font-size: 10pt;
        
        margin-left: 10px;
        width: 180px;
        
        color: #293F8A;
        
        overflow: hidden;
      }
      
      #kmContent #kmApplicationList #kmApplicationListItem .kmApplicationItem2 span.kmApplicationItemSummary{
        float: left;
        display: block;
        font-size: 10pt;
        
        margin-left: 10px;
        width: 180px;
        
        color: #293F8A;
        
        overflow: hidden;
      }
      
      
a#kmGameLink, a#kmApplicationsLink{
  background-repeat: no-repeat;
  display: block;
  width: 100px;
  height: 100px;
}
      
 a#kmGameLink{ background-image: url('/images/buttons/0129/games_01.png'); }
 a#kmGameLink:hover{ background-image: url('/images/buttons/0129/games_02big.png'); }
 a#kmApplicationsLink{ background-image: url('/images/buttons/0129/iphone_01big.png'); }
 a#kmApplicationsLink:hover{ background-image: url('/images/buttons/0129/iphone_02big.png'); }

#kmFooter {
  
  display: none;

	background: white;

	padding: 20px 20px 10px 20px;
	
	height: 20px;
	
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	
	box-shadow: 0px 0px 8px #666;
	-moz-box-shadow: 0px 0px 8px #666;
	-webkit-box-shadow: 0px 0px 8px #666;
	
	text-align: right;

}

	#kmFooter li {
	
		display: inline;
	
	}
	
		#kmFooter li a {
		
			text-decoration: none;
			color: #131f55;
			
			font: 14px/14px sans-serif;
		
		}
		
			#kmFooter li a:after {
			
				padding-right: 10px;
				
			}
			
			#kmFooter li a:last-child:after {
			  
			  padding-right: 0;
			
			}
			
			#FollowUsIMG{
    		width: 30%;
    		height: 10%;
  		}
  		
		.linkitem1 {
			float: left;
			height: 48px;
			width: 150px;
			margin-left: 0px;
		}
		
		.linkitem2 {
			position:absolute;
			float: left;
			left:360px;
			height: 48px;
			width: 150px;
			margin-left: 65px;
			top:463px;
		}
		.linkitem3 {
			position:absolute;
			float: left;
			left:580px;
			height: 48px;
			width: 150px;
			margin-left: 65px;
			top:463px;
		}