/* CSS For Bagelsound */

body {
	margin: 0;
	padding: 0;
	background-image: url(moss-background2.jpg);
	background-color: black;
	background-repeat: no-repeat;
	background-size: 100%;
	font-family: Century Gothic, Geneva, Verdana;
	color: #333;
}

a { color: white; }

#logo-bg {
	position: absolute;
	margin-left: 21%;
	width: 57%;
}

#logo {
	position: absolute;
	margin-left: 42%;
	width: 17%;
	margin-top: 3%;
}

#content div {
	position: absolute;
	display: block;
	margin-top: 30%;
	width: 12%;
}

#content img {
	width: 100%;
}

#content a {
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
}

#photos { margin-left: 24%; }
#travels { margin-left: 38%; }
#business { margin-left: 52%; }
#projects { margin-left: 66%; }

#photos a { background-image: url(photos.png); }
#travels a { background-image: url(travels.png); }
#business a { background-image: url(business.png); }
#projects a { background-image: url(projects.png); }

#photos a:hover { background-image: url(photos-o.png); }
#travels a:hover { background-image: url(travels-o.png); }
#business a:hover { background-image: url(business-o.png); }
#projects a:hover { background-image: url(projects-o.png); }


#side-links {
	position: absolute;
	right: 0;
	padding: 10px;
	font-size: 2em;
}

#side-links a {
	color: white;
	text-decoration: none;
}

#about {
	color: white;
	position: absolute;
	margin-left: 20%;
	margin-top: 40%;
	width: 65%;
	font-size: 0.9em;
	padding-bottom: 50px;
}

#remodeling {
	color: white;
	position: absolute;
	margin-left: 20%;
	margin-top: 40%;
	width: 65%;
	font-size: 0.9em;
	padding-bottom: 50px;
}

#preloader {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

