/*
//	XS Size 
//
//	Portrait:	320x568
//	Landscape:	568x320
//
*/		
@media only screen and (min-width: 0px) and (min-height: 0px) {

	body { 
		position: absolute;
		top: 102px;
		left: 0px;
		width: 100%;
		min-width: 300px;
	}

	#header {
		position: fixed;
		top: 0px;
		height: 100px;
		left: 0px;
		width: 100%;
		background: rgb(94, 89, 113) url(/Images/HeaderXS.gif);
		z-index: 1;
	}

	#header_title {
		position: absolute;
		top: 7px;
		height: 20px;
		left: 50%;
		width: 300px;
		margin-left: -150px;
		background: rgb(94, 89, 113);
	}
		
	#header_image {
		visibility: hidden;
	}

	#menu_bar {
		position: absolute;
		top: 36px;
		height: 60px;
		left: 50%;
		width: 300px;
		margin-left: -150px;
		background-color: rgba(94, 89, 113, 0.7);
		visibility: visible;
	}	
	
	#menu_button {
		visibility: hidden;
	}
	
	#home_menu {
		position: absolute;
		top: 6px;
		height: 20px;
		left: 60px;
		width: 38px;
	}

	#disc_menu {
		position: absolute;
		top: 6px;
		height: 20px;
		left: 145px;
		width: 84px;
	}
	
	#history_menu {
		position: absolute;
		top: 32px;
		height: 20px;
		left: 55px;
		width: 51px;
	}
	
	#contact_menu {
		position: absolute;
		top: 32px;
		height: 20px;
		left: 130px;
		width: 114px;
	}	

	#footer {
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: 0px;
		Height: 30px;
		background: rgb(94, 89, 113) url(/Images/FooterSmall.gif);
		text-align: center;
		z-index: 3;
	}
	
		
	#content {
		position: absolute;
		top: 0px;
		left: 50%;
		width: 300px;
		margin-left: -150px;
	}
	
	h1 { font-family: Arial; font-size: 14px; }
	h2 { font-family: Arial; font-size: 10px; }
	h3 { font-family: Arial; font-size: 9px; }
}


/*
//	S Size 
//
//	Portrait:	480x600
//	Landscape:	600x480
//
*/		
@media only screen and (min-width: 460px) and (min-device-height: 460px) {

	body { 
		position: absolute;
		top: 154px;
		left: 5%;
		width: 90%;
	}

	#header {
		position: fixed;
		top: 0px;
		height: 150px;
		left: 0px;
		width: 100%;
		background: rgb(94, 89, 113) url(/Images/HeaderS.gif);
		z-index: 1;
	}

	#header_title {
		position: absolute;
		top: 10px;
		height: 56px;
		left: 50%;
		width: 440px;
		margin-left: -220px;
		background: rgb(94, 89, 113);
	}
		
	#header_image {
		visibility: hidden;
	}

	#menu_bar {
		position: absolute;
		top: 90px;
		height: 40px;
		left: 50%;
		width: 440px;
		margin-left: -220px;
		background-color: rgba(94, 89, 113, 0.7);
		visibility: visible;
	}	
	
	#home_menu {
		position: absolute;
		top: 5px;
		height: 30px;
		left: 0px;
		width: 57px;
	}

	#disc_menu {
		position: absolute;
		top: 5px;
		height: 30px;
		left: 61px;
		width: 124px;
	}
	
	#history_menu {
		position: absolute;
		top: 5px;
		height: 30px;
		left: 189px;
		width: 76px;
	}
	
	#contact_menu {
		position: absolute;
		top: 5px;
		height: 30px;
		left: 269px;
		width: 171px;
	}
	
	#footer {
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: 0px;
		Height: 30px;
		background: rgb(94, 89, 113) url(/Images/FooterSmall.gif);
		text-align: center;
		z-index: 3;
	}
		
	#content {
		position: absolute;
		top: 0px;
		left: 50%;
		width: 440px;
		margin-left: -220px;
	}
	
	h1 { font-family: Arial; font-size: 14px; }
	h2 { font-family: Arial; font-size: 10px; }
	h3 { font-family: Arial; font-size: 9px; }
}



/*
//	L Size 
//
//	Portrait:	600x800
//	Landscape:	1280x768, 1024x768, 800x600
//
*/		
@media only screen and (min-width: 580px) and (min-device-height: 580px) {

	body { 
		position: absolute;
		top: 204px;
		left: 5%;
		width: 90%;
	}

	#header {
		position: fixed;
		top: 0px;
		height: 200px;
		left: 0px;
		width: 100%;
		background: rgb(94, 89, 113) url(/Images/HeaderL.gif);
		z-index: 1;
	}

	#header_title {
		position: absolute;
		top: 14px;
		height: 60px;
		left: 50%;
		width: 560px;
		margin-left: -280px;
		background: rgb(94, 89, 113);
	}
		
	#header_image {
		visibility: hidden;
	}

	#menu_bar {
		position: absolute;
		top: 116px;
		height: 70px;
		left: 50%;
		width: 560px;
		margin-left: -280px;
		background-color: rgba(94, 89, 113, 0.7);
		visibility: visible;
	}	
	
	#home_menu {
		position: absolute;
		top: 5px;
		height: 36px;
		left: 0px;
		width: 68px;
	}

	#disc_menu {
		position: absolute;
		top: 5px;
		height: 36px;
		left: 84px;
		width: 148px;
	}
	
	#history_menu {
		position: absolute;
		top: 5px;
		height: 36px;
		left: 248px;
		width: 91px;
	}
	
	#contact_menu {
		position: absolute;
		top: 5px;
		height: 36px;
		left: 355px;
		width: 204px;
	}

	#footer {
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: 0px;
		Height: 40px;
		background: rgb(94, 89, 113) url(/Images/FooterStandard.gif);
		text-align: center;
		z-index: 3;
	}
		
	#content {
		position: absolute;
		top: 0px;
		left: 50%;
		width: 560px;
		margin-left: -280px;
	}
	
	h1 { font-family: Arial; font-size: 18px; }
	h2 { font-family: Arial; font-size: 12px; }
	h3 { font-family: Arial; font-size: 11px; }
}


/*
//	XL Size 
//
//	Portrait:	1024x1280, 768x1280, 768x1024
//	Landscape:	2560x1440, 1920x1080, 1280x1024
//
*/		
@media only screen and (min-width: 740px) and (min-device-height: 900px) {

	body { 
		position: absolute;
		top: 364px;
		left: 5%:
		width: 90%;
	}

	#header {
		position: fixed;
		top: 0px;
		height: 360px;
		left: 0px;
		width: 100%;
		background: rgb(94, 89, 113) url(/Images/HeaderXL.gif);
		z-index: 1;
	}

	#header_title {
		position: absolute;
		top: 14px;
		height: 60px;
		left: 50%;
		width: 720px;
		margin-left: -360px;
		background: rgb(94, 89, 113);
	}
		
	#header_image {
		position: absolute;
		top: 88px;
		height: 268px;
		left: 50%;
		width: 720px;
		margin-left: -360px;
		background-color: rgb(94, 89, 113);
		visibility: visible;
	}

	#menu_bar {
		position: absolute;
		top: 294px;
		height: 42px;
		left: 50%;
		width: 720px;
		margin-left: -360px;
		background-color: rgba(94, 89, 113, 0.7);
		visibility: visible;
	}	
	
	#home_menu {
		position: absolute;
		top: 4px;
		height: 36px;
		left: 55px;
		width: 68px;
	}

	#disc_menu {
		position: absolute;
		top: 4px;
		height: 36px;
		left: 156px;
		width: 148px;
	}
	
	#history_menu {
		position: absolute;
		top: 4px;
		height: 36px;
		left: 337px;
		width: 91px;
	}
	
	#contact_menu {
		position: absolute;
		top: 4px;
		height: 36px;
		left: 461px;
		width: 204px;
	}

	#footer {
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: 0px;
		Height: 40px;
		background: rgb(94, 89, 113) url(/Images/FooterStandard.gif);
		text-align: center;
		z-index: 3;
	}
		
	#content {
		position: absolute;
		top: 0px;
		left: 50%;
		width: 720px;
		margin-left: -360px;
	}
	
	h1 { font-family: Arial; font-size: 20px; }
	h2 { font-family: Arial; font-size: 14px; }
	h3 { font-family: Arial; font-size: 13px; }
}


/*
//	XXL Size 
//
//	Portrait:	1080x1920
//	Landscape:	3840x2160 
//
*/
@media only screen and (min-width: 1080px) and (min-device-height: 1800px) {

	body { 
		position: absolute;
		top: 604px;
		left: 5%:
		width: 90%;
	}

	#header {
		position: fixed;
		top: 0px;
		height: 600px;
		left: 0px;
		width: 100%;
		background: rgb(94, 89, 113) url(/Images/HeaderXXL.gif);
		z-index: 1;
	}

	#header_title {
		position: absolute;
		top: 14px;
		height: 60px;
		left: 50%;
		width: 1000px;
		margin-left: -500px;
		background: rgb(94, 89, 113);
	}
		
	#header_image {
		position: absolute;
		top: 87px;
		height: 508px;
		left: 50%;
		width: 1000px;
		margin-left: -500px;
		background-color: rgb(94, 89, 113);
		visibility: visible;
	}

	#menu_bar {
		position: absolute;
		top: 533px;
		height: 42px;
		left: 50%;
		width: 1000px;
		margin-left: -500px;
		background-color: rgba(94, 89, 113, 0.7);
		visibility: visible;
	}	
	
	#home_menu {
		position: absolute;
		top: 4px;
		height: 36px;
		left: 195px;
		width: 68px;
	}

	#disc_menu {
		position: absolute;
		top: 4px;
		height: 36px;
		left: 296px;
		width: 148px;
	}
	
	#history_menu {
		position: absolute;
		top: 4px;
		height: 36px;
		left: 477px;
		width: 91px;
	}
	
	#contact_menu {
		position: absolute;
		top: 4px;
		height: 36px;
		left: 601px;
		width: 204px;
	}

	#footer {
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: 0px;
		Height: 40px;
		background: rgb(94, 89, 113) url(/Images/FooterStandard.gif);
		text-align: center;
		texcolor: rgb(255, 255, 53);
		z-index: 3;
	}
		
	#content {
		position: absolute;
		top: 0px;
		left: 50%;
		width: 1000px;
		margin-left: -500px;
	}
	
	h1 { font-family: Arial; font-size: 24px; }
	h2 { font-family: Arial; font-size: 18px; }
	h3 { font-family: Arial; font-size: 17px; }	
}	

/* 
//	XXXL Size 
//
//	Portrait: 2160x3840, 1440x2560 
//
*/
@media only screen and (min-width: 1400px) and (min-device-height: 2500px) {

	body { 
		position: absolute;
		top: 804px;
		left: 5%;
		width: 90%;
	}
	
	#header {
		position: fixed;
		top: 0px;
		height: 800px;
		left: 0px;
		width: 100%;
		background: rgb(94, 89, 113) url(/Images/HeaderXXXL.gif);
		z-index: 1;
	}
	
	#header_title {
		position: absolute;
		top: 14px;
		height: 80px;
		left: 50%;
		width: 1400px;
		margin-left: -700px;
		background: rgb(94, 89, 113);
	}
		
	#header_image {
		position: absolute;
		top: 108px;
		height: 686px;
		left: 50%;
		width: 1400px;
		margin-left: -700px;
		background-color: rgb(94, 89, 113);
		visibility: visible;
	}
	
	#menu_bar {
		position: absolute;
		top: 744px;
		height: 50px;
		left: 50%;
		width: 1400px;
		margin-left: -700px;
		background-color: rgba(94, 89, 113, 0.7);
		visibility: visible;
	}
	
	#home_menu {
		position: absolute;
		top: 5px;
		height: 40px;
		left: 324px;
		width: 76px;
	}
	
	#disc_menu {
		position: absolute;
		top: 5px;
		height: 40px;
		left: 460px;
		width: 166px;
	}

	#history_menu {
		position: absolute;
		top: 5px;
		height: 40px;
		left: 686px;
		width: 102px;
	}
	
	#contact_menu {
		position: absolute;
		top: 5px;
		height: 40px;
		left: 848px;
		width: 228px;
	}
	
	#footer {
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: 0px;
		Height: 40px;
		background: rgb(94, 89, 113) url(/Images/FooterStandard.gif);
		text-align: center;
		z-index: 3;
	}
		
	#content {
		position: absolute;
		top: 804px;
		left: 50%;
		width: 1400px;
		margin-left: -700px;
	}
	
	h1 { font-family: Arial; font-size: 24px; }
	h2 { font-family: Arial; font-size: 18px; }
	h3 { font-family: Arial; font-size: 17px; }	
}


img.center {
	display: block;
	margin: 0 auto;
}

	
img.center-top {
	display: block;
	margin: 10px auto;
}