* {
			padding: 0;
			margin: 0;
		}


		body {
			text-align: center;
			background-color: #ffffff;
		}


a:link {color: #000000; text-decoration:none;}
a:active:{color: red; } 
a:visited {color:purple;text-decoration:none;} 
a:hover {color: red; text-decoration:underline;} 

		img.smaller {
			width: 198px;
			height: 65px;
			max-width: 250px;
			animation: flipInX 4s;
			-webkit-animation: flipInX 4s
		}

		.logo {
			font-size: 2em;
			white-space: normal;
			word-wrap: break-word;
			text-decoration: none;
			color: #232323
		}


		span {
			display: block;
			overflow: hidden;
			padding-left: 5px;
			vertical-align: middle;
		}

		#content {
			width: 100%;
			text-align: center;
			padding-top: 5px;
			padding-bottom: 5px;
		}

		.box {
			-webkit-animation: fadeInDown 1s;
			animation: fadeInDown 1s;
			position: relative;
			display: inline-block;
			width: 75px;
			border: 0;
		}

		.box a {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}


		.url {
			color: #232323;
			height: 1.5em;
			line-height: 1.5em;
			width: 72px;
			font-size: 0.75em;
			white-space: nowrap;
			overflow: hidden;
			margin: auto;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			-ms-text-overflow: ellipsis;
			padding-top: 3px;
			padding-bottom: 8px;
		}


		.icon {
			width: 3em;
			height: 3em;
			max-width: 72px;
		}



		@-webkit-keyframes flipInX {
			0% {
				-webkit-transform: perspective(400px) rotateX(90deg);
				transform: perspective(400px) rotateX(90deg);
				opacity: 0
			}

			40% {
				-webkit-transform: perspective(400px) rotateX(-10deg);
				transform: perspective(400px) rotateX(-10deg)
			}

			70% {
				-webkit-transform: perspective(400px) rotateX(10deg);
				transform: perspective(400px) rotateX(10deg)
			}

			100% {
				-webkit-transform: perspective(400px) rotateX(0);
				transform: perspective(400px) rotateX(0);
				opacity: 1
			}
		}

		@keyframes flipInX {
			0% {
				-webkit-transform: perspective(400px) rotateX(90deg);
				-ms-transform: perspective(400px) rotateX(90deg);
				transform: perspective(400px) rotateX(90deg);
				opacity: 0
			}

			40% {
				-webkit-transform: perspective(400px) rotateX(-10deg);
				-ms-transform: perspective(400px) rotateX(-10deg);
				transform: perspective(400px) rotateX(-10deg)
			}

			70% {
				-webkit-transform: perspective(400px) rotateX(10deg);
				-ms-transform: perspective(400px) rotateX(10deg);
				transform: perspective(400px) rotateX(10deg)
			}

			100% {
				-webkit-transform: perspective(400px) rotateX(0);
				-ms-transform: perspective(400px) rotateX(0);
				transform: perspective(400px) rotateX(0);
				opacity: 1
			}
		}

		@-webkit-keyframes fadeIn {
			0% {
				opacity: 0
			}

			100% {
				opacity: 1
			}
		}

		@keyframes fadeIn {
			0% {
				opacity: 0
			}

			100% {
				opacity: 1
			}
		}

		@-webkit-keyframes fadeInDown {
			0% {
				opacity: 0;
				-webkit-transform: translateY(-20px);
				transform: translateY(-20px)
			}

			100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				transform: translateY(0)
			}
		}

		@keyframes fadeInDown {
			0% {
				opacity: 0;
				-webkit-transform: translateY(-20px);
				-ms-transform: translateY(-20px);
				transform: translateY(-20px)
			}

			100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0)
			}
		}

		#rcorners2 {
			border-radius: 25px;
			border: 2px solid #8AC007;
			padding: 20px;
			text-align: left;
		}