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

html, body {
    height: 100%;
	background-image: url("../images/cf-texture4.png");
	background-repeat: repeat;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    min-height: 400px; /* For Mozilla/Opera/Safari */
}

#Container {
    position: relative;
    margin: 0 auto;
    text-align: left;
    width: 820px;
    height: 100%;
}

#Splash {
    position: absolute;
    width: 820px;
    height: 420px;
    top: 50%;
    margin-top: -210px; /* Half of splash height */
 	background-image: url("../home/images/homemain.png");
 	background-position: top left;
 	background-repeat: no-repeat;
}

#flashcontent {
	position: relative;
	width: 790px;
	height: 320px;
	left: 12px;
	top: 40px;
}

/* Main Menu */

#menu {
	height: 21px;
	width: 300px;
	position: relative;
	left: 560px;
	top: 395px;
}

#gallery {
	height: 21px;
	width: 61px;
	position: relative;
	float: left;
	background-image: url("../images/gallery.png");
	background-repeat: no-repeat;
}

#gallery:hover {
 	background: url("../images/galleryrollover.png");
}

#profile {
	height: 14px;
	width: 59px;
	position: relative;
	float: left;
	left: 20px;
	top: 2px;
	background-image: url("../images/profile.png");
	background-repeat: no-repeat;
}

#profile:hover {
 	background-image: url("../images/profilerollover.png");
}

#contact {
	height: 14px;
	width: 70px;
	position: relative;
	float: left;
	left: 45px;
	top: 2px;
	background-image: url("../images/contact.png");
	background-repeat: no-repeat;
}

#contact:hover {
 	background-image: url("../images/contactrollover.png");
}