/* easy reset */
*{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	list-style-type: none;
}

/* fix safari subpixel text rendering */
html{
	-webkit-font-smoothing: antialiased;
	height: 100%;
}
/* fix html5 displays */
header,footer,nav,section{
	display: block;
}

a img { border: 0;}

/* body style */
body{
	font: .8125em/1.4 arial, helvetica, sans-serif;
	color: #fff;
	height: 100%;
	background: #1b150f url(../i/bg.jpg) no-repeat center top fixed ;  
	-moz-background-size: cover;
	background-size: cover;
	position: relative;
	text-align:center;
}
@media only all and (max-width: 1024px) and (max-height: 768px) { /* Important: 1024x768px has the same ratio as 1280x960px */
			body {	
				-moz-background-size: 1024px 768px;
				background-size: 1024px 768px;
			}
		}
#main { background: url(../i/contentBg.png); width: 600px; height: 220px; margin: 30px auto; text-align:left; padding: 20px;}
#main #logo { float: left; width: 200px; height: 120px;}
#main #baseline{
			float:left;
			display: block;
			text-indent: -9999em;
			width: 400px;
			height: 120px;
			background: url('../i/baseline.png') no-repeat left top;
		}
#main #contact { float:left; }
#main #facebook { float:left; }
#main #twitter { float:left; }

footer { text-align:center; color: #809cb8; text-shadow: 0 1px 0 rgba(255,255,255,1); position: absolute; bottom: 10px; width: 100%;}
footer a { color: #809cb8; font-weight: bold; text-decoration:none; padding: 0 0 1px 0;}
footer a:hover { color: #667f97; border-bottom: solid 1px #6d8ba8;}