@import "base/reset.css";
@import "base/typography.css";
@import "base/layout.css";


html, body,* html #wrap  {height: 100%;}
#wrap {position: relative; min-height: 100%;}

#content {margin-bottom: 40px;}
#footer {position: relative; margin-top: -95px;}

/* =Background image slides horizontally and vertically
-----------------------------------------------------------------------------*/
@-webkit-keyframes slide {
	0% {background-position: 0 left;}
	50% {background-position: -50px right;}
	100% {background-position: 0 left;}
}
body {
	background-position: top left;
	-webkit-animation-name: slide;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
}

body {background: url('../images/background.jpg') no-repeat #1A8EA5; color: #fff}



a {color: #fff}
a:hover {color: #fff; text-decoration: underline}

.whitespace {height: 40px;}
.right {text-align: right}


#header h1  { margin-top: 20px; font-size: 48px; color: #fff; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 10px; text-transform: uppercase;}
#header h1 span {font-size: 40px; font-variant: small-caps }
#header h3 { font-size: 24px; color: #fff; }

#content {}
#content img {background: #fff; padding: 4px; border: solid 1px #ddd;}
#content .two {}
#content .three img {margin-bottom: 1px;}


#footer .main {height: 75px; padding-top: 20px; border-top: solid 2px #333; color: #fff}