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

body {
	background-color: #006544;
}
div#container { 
	width:800px;
	height:800px;
	margin:50px auto;
	background-color: #ffffff;
}
div#header{
    width:720px;
	height:170px;
	margin-left:40px;
	background-color: #ffffff;
}

div#content {
	width:720px;
	height:490px;
	margin-left:40px;
	background-color: #ffffff;
}
div#footer {
	width:720px;
	height:140px;
	margin-left:40px;
	margin-bottom:0px;
	background-color: #ffffff;
}

.f1_container {
    position: relative;
    margin-top:0px;
    width: 180px;
    height: 180px;
    z-index : 1;
    float:left;
	}
	.f1_container {
    -webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
    perspective: 1000;
}
.f1_card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
	-webkit-transition: all 1.0s linear;
	-moz-transform-style: preserve-3d;
	-moz-transition: all 1.0s linear;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
.card {
    width: 100%;
    height: 100%;
}
.f1_container:hover .f1_card {
    -webkit-transform: rotateY(180deg);
	-moz-transfom: rotateY(180deg);
    transform: rotateY(180deg);
    box-shadow: -5px 5px 5px #aaa;
}
.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
.back {
    display: block;
    -webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;
    color: #000000;
    text-align: center;
    background-color: #cce0da;	
}
.image1{
	position:absolute;
	cursor:pointer;
	width:180px;
	height:180px;
	border:0px;	
}
.image2{
	display:none;
	position:absolute;
	cursor:pointer;
	border:0px;	
}
.image{
	position:absolute;
	width:180px;
	height:180px;
	border:0px;	
}

.text1 {
	font: normal 16px Verdana, Helvetica, sans-serif;
    text-decoration:none;
	line-height:1.4em;
    color:#000000;
}
.text2 {
	font: normal 12px Verdana, Helvetica, sans-serif;
    text-decoration:none;
	line-height:1.6em;
    color:#000000;
}
.text3 {
	font: normal 60px Verdana, Helvetica, sans-serif;
}
.text4 {
	font: normal 14px Verdana, Helvetica, sans-serif;
    text-decoration:none;
	line-height:1.6em;
    color:#000000;
}

a:link{
	color: #FFCC33;
	text-decoration: none;
}
a:visited{
	text-decoration: none;
	color: #006544;
}
a:hover{
	text-decoration: none;
	color: #666666;
}
a:active{
	text-decoration: none;
}