/*Basic CSS Styles*/

body {
	font: normal 85%/135% Arial; 
	color: #555;
	background: #000 url(../assets/aE3.jpg) center center fixed no-repeat;
	
	-moz-background size: cover;
	background-size: cover;
}

@media only all and (max-width: 1024px) and(max-height: 683px) {
	body {
		-moz-background-size: 1024px 683px;
		background-size: 1024px 683px;
	}
}

div#container {
	position: relative;
	
	margin-top: 5%;
	margin-left: 5%;
	
	width: 600px;
	height: 320px;
}

div#container #bg, div#container #content {
	position: absolute;
	top 0;left: 0;
	width: 100%;
	height: 100%;
}
	
div#container #bg {
	border: solid 2px #375f6c;
	
	background: #f7f4ec;
	background: -moz-linear-gradient(100% 100% 90deg, #375f6c, #fff);
	background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#375f6c), to(#fff));
	background: -webkit-linear-gradient(#375f6c, #fff);
	background: -o-linear-gradient(#375f6c, #fff);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

div#container #content {
	margin-left: 15px;
	margin-top: 15px;
	width: 270px;
}

div#container #content h1 {
	color: #20171b;
	font: normal 36px/100% Arial, sans-serif;
	text-shadow: 0 2px 2px rgba( 254,254,254, 0.45);
}

div#container #content p {
	color: #40516b;
	font: normal 18px/145% Arial, sans-serif;
	margin: 5px 0;
	text-shadow: 0 1px 1px rgba( 254,254,254, 0.45);
}

a { color: 036;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a:active { text-decoration: underline;}

img { border: none;}

strong { font-weight: bold; color: #000;}