body
{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#0E53A7;
}



.box
{
	width:100%;
	height:100%;
	min-width:790px;
	position:absolute;
	overflow-x:hidden;
	z-index:2;
}

img
{
	border:none;
}

a:link, a:hover, a:active, a:visited, a:focus
{
	text-decoration:none;
	color:#04346C;
}
	
.right:hover a:link, .right:hover a:hover, .right:hover a:active, .right:hover a:visited, .right a:focus
{
	color:#0b2777;
	text-shadow:0px 0px 0px #000000;
}

.left:hover a:link, .left:hover a:hover, .left:hover a:active, .left:hover a:visited, .left a:focus
{
	color:#0097DF;
	text-shadow:0px 0px 0px #000000;
}

.hidden
{
	display:none;
	text-align: center;
	width:100%;
	top:140px;
}

.content
{
	text-shadow: 4px 4px 4px #0E53A7;
	white-space:nowrap;
}

.hidden img

{
	border-radius: 10px;
}

.right .content
{
	margin:0 50% 0 0;
}

.right:hover .content
{
	margin:0;
}
	

.left, .right
{
	top:30%;
	font-size:150%;
	font-weight:bolder;
	text-align:center;
	background-color:#4284D3;
	padding:25px 0 25px 0;
	height:auto;
	margin:200px 0 0 0;
	float:left;
	transition:all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
	-khtml-transition:all 0.3s; /* Konqueror */

}

.left
{
	width:50%;
	left:0;
	border-radius:0 20px 90px 0;
	z-index:0;
}

.right
{
	border-radius:90px 0 0 20px;
	left:50%;
	width:100%;
	top:0;
	position:absolute;
	z-index:-1;
}



.left:hover, .right:hover
{
	width:80%;
	z-index:1000;
	height:auto;
}

.left:hover
{
	right:20%;
	top:0;
	background-color:#DFDFDF;
	z-index:2;
	border-radius:0 25px 25px 0;
}

.right:hover
{
	left:20%;
	background-color:#FFFFFF;
	z-index:1;
	border-radius:25px 0 0 25px;
}

.left a:link, .left a:hover, .left a:active, .left a:visited, .left a:focus,
.right a:link, .right a:hover, .right a:active, .right a:visited, .right a:focus
{
	display:block;
	width:100%;
}
	
.left:hover a:link, .left:hover a:hover, .left:hover a:active, .left:hover a:visited, .left:hover a:focus,
.right:hover a:link, .right:hover a:hover, .right:hover a:active, .right:hover a:visited, .right:hover a:focus
	{

	}


.left:hover .hidden, .right:hover .hidden{
	display:block;
	text-align:center;
	padding:25px 0 0 0;
}