@charset "UTF-8";
/* CSS Document */

 #header {
        clear:both;
        float:left;
        width:100%;
    }
	
	
	
#preload {
display:none;
}	
	

/* Body styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background-color:#50643f;
		min-width:1000px;    /* Minimum width of layout - remove line if not required */
		padding-top:1em;
	
	}
	

	  	
	
/* column container */
	
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    width:1015px;			/* width of whole page */
		height:700px;
		overflow:hidden;	/* This chops off any overhanging divs */
		margin: 0 auto;	    /* the auto margins (in conjunction with a width) center the page -- MRH */
		background-image:url(../images/bckgrnd.png);
		background-color:#FFFFFF;
		background-repeat:repeat-y;
		
	}
	
		
	/* 1 column full page settings */
	.fullpage {
	    
	}
	.fullpage .col1 {
	
	}
	
	
	
	
	
	
	
/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		
    }
	
	
/*  variable styles (for 1024) for the background bamboo decorations. Bamboo split into three tiled divs to cut down on load time --mrh   */	
	
	#bamboo1 {
	position:absolute;
	left:25px;
	width: 250px;
	height:700px;
	background-image:url(../images/home/bamboo1.jpg);
}
	
	#bamboo2 {
	position:absolute;
	left:275px; /* bamboo1 width + left offset from above */
	width:370px;
	height:700px;
	background-image:url(../images/home/bamboo2.jpg)
	}
	
	
	
	
	
	.glyphs ul {
	margin: 0;
	padding: 0;
	
	}


	.glyphs li {
	margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	display: block;
}

	.glyphs a {
	display: block;
}

	
	
	
	#bamboo3 {
	position:absolute;
	left:645px;
	width:329px;
	height:700px;
	background-image:url(../images/home/bamboo3.jpg);
	
	}
	
/*  variable (1024) CLASS for front-page links. Other front-page link styles controlled by FONTS.CSS  -mrh  */

.frntlinksX {
position:absolute;
left:30px;
top:100px;
}


.frntlinksX a:link {
font-size: 1.2em;
}

.frntlinksX a:visited {
font-size: 1.2em;
}

.frntlinksX a:hover {
font-size: 1.2em;
}	

/* Logo Div */

#logo {
position:absolute;
top:546px;
left:456px;
width:95px;
height:96px;
background-image:url(../images/home/logo1024.gif);
z-index:1;
}

#title {
position:absolute;
top:518px;
left:582px;
width:357px;
height:145px;
background-image:url(../images/home/title1024.jpg);
background-repeat:no-repeat;
z-index:1;
}




#titlename {
position:absolute;
top:95px;
left:42px;


}



#glyphlink1 {left: 180px; top: 55px; width: 95px; height: 95px;}
#glyphlink2 {left: 180px; top: 170px; width: 95px; height: 95px;}
#glyphlink3 {left: 180px; top: 420px; width: 95px; height: 95px;}

#glyphstone {left: 183px; top: 300px; width: 89px; height:89px;}


#glyphlink1 a {height: 95px; background-image:url(../images/home/happyJ.gif); background-repeat:no-repeat;}
#glyphlink2 a {height: 95px; background-image:url(../images/home/skillJ.gif); background-repeat:no-repeat;}
#glyphlink3 a {height: 95px; background-image:url(../images/home/treasureJ.gif); background-repeat:no-repeat;}

#glyphstone a {height: 89px; background-image:url(../images/home/stone.gif); background-repeat:no-repeat;}

#glyphlink1 a:hover {height:95px; background-image:url(../images/home/happyEng.gif); background-repeat:no-repeat;}
#glyphlink2 a:hover {height:95px; background-image:url(../images/home/skillEng.gif); background-repeat:no-repeat;}
#glyphlink3 a:hover {height:95px; background-image:url(../images/home/treasureEng.gif); background-repeat:no-repeat;}

#glyphstone a:hover {height:89px; background-image:url(../images/home/stoneON.jpg); background-repeat:no-repeat;}


#hiddendiv1 {
	position:absolute;
	top: 55px;
	left:600px;
	width: 365px;
	height:400px;
	background-color:#50643f;
	padding:2px;
	display:none;
	background-image:url(../images/home/HidDiv1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
}

#hiddendiv2 {
	position:absolute;
	top: 55px;
	left:600px;
	width: 365px;
	height:400px;
	background-color:#50643f;
	padding:2px;
	display:none;
	background-image:url(../images/home/HidDiv2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
}

#hiddendiv3 {
	position:absolute;
	top: 55px;
	left:600px;
	width: 365px;
	height:400px;
	background-color:#50643f;
	padding:2px;
	display:none;
	background-image:url(../images/home/HidDiv3.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#hiddendiv4 {
	position:absolute;
	top: 55px;
	left:600px;
	width: 365px;
	height:400px;
	background-color:#50643f;
	padding:2px;
	display:none;
	background-image:url(../images/home/StoneDiv.jpg);
	background-repeat:no-repeat;
	background-position:center;
}