html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body {font-family: StFangSong, ÔPalatino LinotypeÕ, ÔBook AntiquaÕ, Palatino, serif;background:url(../img/loading.gif) no-repeat center center;}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#menu{position:absolute;bottom:20px;left:0;z-index:80; height: 82px; width:100%;line-height:12px;padding:0;
		background: transparent;
}
#menu div{height:55px;
			/* background: #e5ba4e;
			background: -moz-linear-gradient(top, #e5ba4e 0%, #f2e891 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5ba4e), color-stop(100%,#f2e891)); 
			background: -webkit-linear-gradient(top, #e5ba4e 0%,#f2e891 100%);
			background: -o-linear-gradient(top, #e5ba4e 0%,#f2e891 100%);
			background: -ms-linear-gradient(top, #e5ba4e 0%,#f2e891 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ba4e', endColorstr='#f2e891',GradientType=0 ); 
			background: linear-gradient(top, #e5ba4e 0%,#f2e891 100%);
			*/
			
			}
h2 {float: left; color: #1955a5; margin-left:50px; margin-top: 25px; letter-spacing: 0.3em; font-size: 26em;}
h2 span {font-size: 18px;}

p {clear: left; text-align:center; color: #222; margin: 0 0 0 50px; font-size: 14px; font-style:italic; height: 12px; font-weight:bold;}
p:hover {color:#000; cursor:default;}

p span {font-size: 11px;}
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 5px;
    list-style: none;
    z-index:999999;
    width:640px;
}
ul#navigation li {
    width: 300px;
    display:inline;
    float:left;    
    margin-right: 20px;
    margin-top:-404px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
	-moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: 0;
    width: 300px;
    height: 353px;
   /* background-color:#efe380; */
   background-color: #e8a229;
    background-repeat:no-repeat;
    /*background-position-y: -10px;*/
    border:2px solid #FFF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
    box-shadow: inset 0 0 8px rgba(0,0,0,.6);
		-moz-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
		-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);	
}
ul#navigation li a:hover{
     background-color:#e8c568;
     color:#969696;
}	
ul#navigation li a:focus {
	opacity: 0.9;
	}	
ul#navigation li a span{
    letter-spacing:1px;
    font-size:20px;
    color:#000;
    text-transform: lowercase;    
    float: left;
    margin-top: 322px;
    margin-left: 110px;
}
ul#navigation .home a{
    background-image: url(../img/door-b-300.jpg);
}
ul#navigation .about a      {
    background-image: url(../img/door-a-300.jpg);
}
    .curl  
    {  
        position: relative;  
        margin: 0 auto;  
        background-color: #ffffbf;  
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);  
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);  
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);  
    }  
    .curl:before, .curl:after
	{
		position: absolute;
		width: 40%;
		height: 10px;
		content: ' ';
		left: 6px;
		bottom: 12px;
		background: transparent;
		-webkit-transform: skew(-5deg) rotate(-5deg);
		-moz-transform: skew(-5deg) rotate(-5deg);
		-ms-transform: skew(-5deg) rotate(-5deg);
		-o-transform: skew(-5deg) rotate(-5deg);
		transform: skew(-5deg) rotate(-5deg);
		-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		z-index: -1;
	}
	.curl:after
	{
		left: auto;
		right: 6px;
		-webkit-transform: skew(5deg) rotate(5deg);
		-moz-transform: skew(5deg) rotate(5deg);
		-ms-transform: skew(5deg) rotate(5deg);
		-o-transform: skew(5deg) rotate(5deg);
		transform: skew(5deg) rotate(5deg);
	}