@-webkit-keyframes fadein {

        0%      {
                opacity: 0;
                background-color: white;
                }

        100%    {
                opacity: 1;
                background-color: white;
                }

        }

body    {
	height:100%;
	position:relative;
	min-width:986px;
	min-height:706px;
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	margin: 0px;
        }

 
html {
	overflow-y:scroll;
}

.top {
	width: 986px;
	height: 95px;
	background-color: #000;
	text-align: center;
}
.mid {
	background-image: url(index.png);
	height: 564px;
	width: 986px;
}
.midtop {
	height: 200px;
}
.mid .concept {
	margin-left: 15px;
}
.main {
	
	width: 986px;  
    height: 706px;  
    position: absolute;  
    top: 50%;  
    left: 50%;  
    margin: -353px 0 0 -493px;    
}
.food {
	background-color: #000;
	text-align: center;
	height: 48px;
	width: 986px;
}



img { border-style:none; }


a img { border-style:none; }
a { outline: none; }
a:hover {
    filter: alpha( opacity=.6); 
	opacity:.6; 
    -webkit-opacity:.6;     
    -moz-opacity:.6;    
	}


.main .mid .concept #testID {
	background-image: url(../png/back.png);
	padding: 10px;
	height: 200px;
	width: 360px;
}
.main .mid .concept div #con1 {
	background-image: url(../png/back.png);
	height: 5px;
	width: 400px;
}