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

body,html {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #000;
	text-align: center;
	padding: 0px;
	height: 100%;
	width: 100%;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


.home_page_container {
	width: 1200px;
	height: 960px;
	background-color: #FFF;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	display: block;
	background-image: url(../images/home_page_background.jpg);
}


.menu_page_container {
	width: 1200px;
	height: 960px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
	background-image: url(../images/menu_page_background.jpg);
	padding-left: 0px;
}


.menu_button {
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;	
	
}


.menu_page_navigation {
	height: 960px;
	width: 1200px;
	display: block;
	text-align: center;
	padding-top: 600px;
	
}


.about_page_container {
	width: 1200px;
	height: 960px;
	background-color: #FFF;
	text-align: justify;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	display: block;
	background-image: url(../images/about_page_background.jpg);
	overflow: auto;	
}




.about_page_info {
	background-color: #09F;
	display: block;
	height: 720px;
	width: 600px;	
}

.gallery_page_container {
	width: 1200px;
	height: 960px;
	background-color: #FFF;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	display: block;
	
}



.gallery_page_banner {
	display: block;
	height: 240px;
	width: 1200px;
	text-align: right;
	background-color: #FFF;
	background-image: url(../images/gallery_page_banner.gif);	
}


.image-set {
	height: 719px;
	width: 1200px;
	overflow: scroll;
	background-image: url(../images/gallery_mid_background.gif);
}

.image-row {
	text-align: center;
	display: block;
	word-spacing: 100px;
}



.contact_page_container {
	width: 1200px;
	height: 960px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
	background-image: url(../images/contact_page.jpg);
	padding-left: 0px;


}


@media screen and (max-width:768px) {
	
	.home_page_container {
	width: 480px;
	height: 800px;
	background-image: url(../images/home_page_background_phone.gif);	
}




}

@media screen and (max-width:768px) {
	
	.menu_page_container {
	width: 480px;
	height: 800px;
	text-align: center;
	background-image: url(../images/menu_page_background_phone.gif);
	overflow: scroll;
}


}

@media screen and (max-width:768px) {

	.menu_page_navigation {
	width: 480px;
	height: 800px;
	text-align: center;
	padding-left: px;
	background-image: url(../images/menu_page_background_phone.gif);
	padding-top: 475px;
}



}

@media screen and (max-width:768px) {
	
	.about_page_container {
	width: 480px;
	height: 800px;
	background-image: url(../images/about_page_info_phone.jpg);
	display: block;
	text-align: left;
	overflow: scroll;
}
	
}


	



@media screen and (max-width:768px) {
	
	.gallery_page_container {
	width: 480px;
	height: 800px;
	display: block;
	text-align: left;
		
}
	

}

@media screen and (max-width:768px) {

.gallery_page_banner {
	display: block;
	height: 800px;
	width: 480px;
	text-align: center;
	background-color: #FFF;
	background-image: url(../images/gallery_page_background_phone.gif);
	margin-bottom: -550px;
}

}

@media screen and (max-width:768px) {
	
	.image-set {
	width: 480px;
	height: 800px;
	display: block;
	text-align: center;
	overflow: scroll;
}
	
}


@media screen and (max-width:768px) {
	
	.contact_page_container {
	width: 480px;
	height: 800px;
	display: block;
	text-align: center;
	overflow: scroll;
	background-image: url(../images/contact_page_phone.jpg);
}
	
}

