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

@keyframes menuzoom
{
from {background-color:transparent;opacity:0.2;color:#3f3fef;border:solid 1px #00f;}
to {background-color:transparent;opacity:1.0;color:#efefef;border:solid 1px #efefef;}
}

@-webkit-keyframes menuzoom /* Safari and Chrome */
{
from {background-color:transparent;opacity:0.2;color:#3f3fef;border:solid 1px #00f;}
to {background-color:transparent;opacity:1.0;color:#efefef;border:solid 1px #efefef;}
}

#background {
	position: relative;
	overflow:hidden;
	top:0px;
	width:1024px;
	height:730px;
	background-image:url(../images/background.png);
	margin:auto;
	z-index:1;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 10px 10px 10px #118;
	box-shadow: 10px 10px 10px #118;

}

#browsertype {
	position:relative;
	top:710px;
	width:300px;
	height:15px;
	text-align:center;
	vertical-align:bottom;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00f;
	margin:auto;
	z-index:2;
	visibility:visible;
	border:solid 0px #000;
}

#epslogo {
	position: absolute;
	top:12px;
	left:20px;
	width:250px;
	height:100px;
}

#clickprompt {
	position:absolute;
	width:1000px;
	height:16px;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	z-index:2;
	border:solid 0px #000;
	left: 10px;
	top: 375px;
}



#sectiondetails {
	position: absolute;
	top:200px;
	left:200px;
	width:700px;
	height:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CFF;
	text-align:center;
	visibility:hidden;
	z-index:2;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 10px 10px 10px #118;
	box-shadow: 10px 10px 10px #118;
	border:solid 1px #fff;
}

#companydetails {
	position: absolute;
	top:410px;
	left:152px;
	width:700px;
	height:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CFF;
	z-index:1;
	text-align:center;
	visibility:visible;
	border:solid 0px #fff;
}

#facebook {
	position:absolute;
	top:20px;
	left:625px;
	width:30px;
	height:30px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 5px #3f3fef;
	box-shadow: 5px 5px 5px #3f3fef;
	z-index:2;
	border:solid 1px ##3f3fef;
	overflow:hidden;
	visibility:visible;	
}
	
#contactus {
	position: absolute;
	top:20px;
	left:700px;
	width:287px;
	height:50px;
	z-index:2;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	color:#CFF;
	text-align:center;
	vertical-align:middle;
	visibility:visible;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 10px 10px 10px #3f3fef;
	box-shadow: 10px 10px 10px #3f3fef;
	border:solid 1px #3f3fef;
}

#sectioncontents {
	position:absolute;
	left:10px;
	top:10px;
	width:680px;
	height:280px;
	background-image:url(../images/detailsbackground.jpg);
	-moz-border-radius: 20px;
	border:solid 0px #fff;
	visibility:hidden;
}

#hitcounter {
	position:relative;
	left:960px;
	width:50px;
	height:15px;
	top:660px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00F;
	text-align:center;
	vertical-align:middle;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 3px #3f3fef;
	box-shadow: 3px 3px 3px #3f3fef;
	border:solid 1px #00F;
	visibility:visible;
}

.menu {
	position:absolute;
	width:100px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2f2fef;
	z-index:2;
	text-align:center;
	vertical-align:auto;
	padding-top:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 3px #3f3fef;
	box-shadow: 3px 3px 3px #3f3fef;
	border:solid 1px #00F;
	background-color:transparent;
	opacity:0.2;
	visibility:visible;
}

.menu:hover {
	animation: menuzoom 1s;
	-webkit-animation: menuzoom 0.2s; /* Safari and Chrome */
	opacity:1.0;
	color:#efefef;
	border:solid 1px #efefef;
}
