@charset "utf-8";
/* CSS Document */
@font-face
{
font-family:font1;

src:url(ITCEDSCR.TTF);
font-weight:normal;}




body{ background-image: url(../pic/back.jpg);
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
background-color:#000;


margin-top:0 }


clr{ clear:both;}

#all{ width:1000px;
margin:auto; height:100%;}

#logo{ width:175px; margin:auto}
#header{ width:1000px; height:229px;background-image:url(../pic/menu.png);}

#cssmenu
{
	margin:0 auto;
	padding: 0;
	list-style-type: none;
	width:900px;
	display: block;
	height: auto;
	font-size: 25px;
	font-weight: bold;
	overflow:hidden;

	font-family:font1;
	
	
}

#cssmenu li
{list-style-type: none;
	display:block;
	float:left;
	margin:0;
	pading:0;
}
	
#cssmenu li a
{
	display:block;
	float:left;
	color:#d8ceb4;
	text-decoration:none;
	font-weight:bold;
	padding:0 20px 0 20px;
	margin-top:130px;
	height: auto;

}
	
#cssmenu li a:hover
{	
	color: #C00;
	background:transparent url('images/over.jpg') no-repeat top right;	
}


#mid{ width:1000px; height:566px; margin:auto; background-image:url(../pic/book.png);

background-position:center;
background-repeat:no-repeat;}


#right{
	width: 370px;
	float: right;
	margin-right: 120px;
	margin-top: 50px
}

#left{
	width: 350px;
	float: left;
	margin-left: 130px;
	margin-top: 110px
}

#footer{
	width: 99%;
	margin: auto;
	background-image: url(../pic/footer.png);
	background-repeat: repeat;
	height: 93px;
	position: absolute;
	bottom: -5px
} 

.footer{ width:1000px; margin:auto; }

.powered{
	background-image: url(../pic/poweredz.png);
	background-repeat: no-repeat;
	width: 155px;
	float: left;
	height: 93px
}

.powered p{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#FFF; text-align:center; padding-top:17px }

.face{  padding-top:20px; float:right; width:250px }


.yellow-button {
	display:block;
	width: 201px;
	height: 46px;
	padding: 21px 0 0 0;
	
	background: url('../images/yellow-button.png') top left no-repeat;
	margin-bottom: 2em;
	margin-right: 2em;
	float: left;
}

	.yellow-button:hover {
		background-position: center left;
	}
	
	.yellow-button:active {
		background-position: bottom left;
		padding-top: 22px;
	}

.green-button {
	display:block;
	width: 201px;
	height: 46px;
	padding: 21px 0 0 0;
	background: url('../images/green-button.png') top left no-repeat;
	margin-bottom: 2em;
	margin-right: 2em;
	float: left;
}

	.green-button:hover {
		background-position: center left;
	}
	
	.green-button:active {
		background-position: bottom left;
		padding-top: 22px;
	}