body{
	font-size: 90%;
	font-family: Calibri, "Century Gothic", Arial;
	background-position: center center;
	background-color: #333333;
}
#wrapper{
    width: 1042px;
	margin: 0 auto; /*to set everything in the middle of the screen */
	background: #ccc;
	
}


#header{
	width: 1042px;
	height: 200px;
	background-image: url(http://hk.geocities.com/cacaca1213/images/header-whole-image_01.png);
	
}	

#layer{ 
	width: 624px;
	height:113px;
	padding-top: 50px;
	padding-left: 300px;
}

.style1{
	color: #ff3399;
	font-weight: bold;
}



#content-left{
	height: 718px;
	width: 712px;
	float: left;
	
}


#content-left ul{
	margin-top: 25px;
	padding-left: 40px;
	margin-bottom: 25px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	
}

#content-left li{
	display: inline;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;

}


#content-left a{
	color:#333366;
	text-decoration: none;
	font-weight: bold;
}

#content-left a:hover{
	color: #990033;
	text-decoration: underline;
}


#content-left h1 img{
	margin-left:50px;
	margin-top: 30px;
}

#content-left h2{
	font-family: Calibri, "Century Gothic", Arial;
	font-size: 1.5em;
	padding-left: 50px;
	padding-top: 50px;
	font-weight: normal;
	color: #003333;
}


#content-left p{
	padding-left: 50px;
	padding-right: 65px;
	font-family: Calibri, "Century Gothic", Arial;
	font-size: 1.2em;
	color: #000000;
}

#content-left h3{
	padding-top: 20px;
	padding-left: 70px;
	padding-right: 55px;
	font-family: "Century Gothic", Calibri, Arial;
	font-size: 1.1em;
	font-weight: normal;
}

#content{
	width: 1042px;
	height: 782px;
	background-image: url(http://hk.geocities.com/cacaca1213/images/content-image-bigger-1.png);
}

.style2{
	font-size: 1.1em;
	font-family: "Century Gothic", Calibri, Arial;
	padding-top: 10px;
}

.style4{
	font-family: Calibri, "Century Gothic", Arial;
	font-size: 2.1em;
	margin-left: 50px;
	padding-top: 10px;
	color: #CC0033;
	margin-top: 10px;
}

.style5{
	font-family: Calibri, "Century Gothic", Arial;
	font-size: 1em;
	color: #000000;
	margin-left: 50px;
	font-weight: normal;
	font-variant: normal;
}

#navtop{
	width: 1042px;
	height: 15px;
	background: url(http://hk.geocities.com/cacaca1213/images/naviTop.jpg);
}


#nav{
	width: 1042px;
	height: 40px;
	background: url(http://hk.geocities.com/cacaca1213/images/navi.jpg);
}

.menu{
	width: 170px;
	height: 40px;
	float:left;
	margin-left: 1.2px;
	font-size: 1.7em;
	margin-top: 3.5px;
	color: #000000;
	font-family: "Trajan Pro", "Century Gothic", Calibri;
	font-weight: bold;
}

.menu a{
	color:#000000;
	text-decoration: none;
}

.menu a:hover{
	color: #FFF;
	text-decoration: underline;
}


#content-right{
	height: 718px;
	width:  312px;
	float:  right;	 

}

#content-right img{
	margin-left: -95px;
	margin-top: 45px;
}

/*#footer{
	width: 1042px;
	height: 108px;
	background-color: #900;
	background-image: url(images/footer-texture.png);
}*/