@font-face{
	
	font-family:steelfish;
	src: url('fonts/steelfish.otf');
}


body{width:100%; height:100%; margin:0px;}

#bodywrap{
	margin-bottom:10px;
}
#middlewrap{
	width:800px;
	height:100%;
	margin:-319px auto 0px auto;
	font-family:steelfish;
	font-size:30px;
	color:#f7f26c;
}

#mainwrap{
	
	height:730px;

}

.topleft{
	background-color:#f82b2b;
	height:395px;
	width:430px;
	margin:0px 5px 0px 0px;
	padding:0px 10px 10px 10px;
}

.topright{
	background-color:#65d323;
	height:320px;
	width:325px;
	float:right;
	margin-top:-405px;
	padding:0px 10px 10px 10px;
}

.logo{
	font-family:steelfish;
	font-size:80px;
	float:right;
	margin:-80px 0px 0px 0px;
	width:345px;
	color:#3a3a3a;
}

.bottom{
	width:780px;
	height:310px;
	background-color:#663885;
	margin:5px 0px 0px 0px;
	padding:0px 10px 10px 10px;
}

.foot{
	font-family:steelfish;
	font-size:25px;
	color:#3a3a3a;
	margin:0px auto 0px auto;
	width:800px;
}

.title{
	font-size:40px;
	font-weight:bold;
}

.timeimg{
	width:319px;
	height:319px;
	background:url(imgs/sun.png);
	margin-left:50px;
}

.designed{
	font-family:steelfish;
	font-size:25px;
	color:#3a3a3a;
	margin:0px auto 0px auto;
	width:800px;
}

.kiss{
	font-family:steelfish;
	font-size:25px;
	color:#3a3a3a;
	margin:0px auto 0px auto;
	width:37px;
	display: block;
}

#kissholder{
	width:800px;
	margin:0px auto 0px auto;
	height:27px;
	display: block;
}

#kissholder2{
	width:800px;
	height:30px;
	font-family:steelfish;
	font-size:25px;
	color:#3a3a3a;
	display: block;
}

.kiss2{
	float:left;
}

.kiss3{
	float:left;
	
}

.kiss4{
	float:left;
	
}

.kiss5{
	float:left;
	
}