html, body {
    background-image: linear-gradient(90deg, 
	rgba(66,70,55,1) 0%, 
	rgba(0,0,0,1) 0.1%, 
	rgba(122,200,222,1) 0.2%,
	rgba(0,0,0,1) 0.3%, 
	rgba(22,33,22,1) 6%, 
	rgba(66,70,55,1) 50%, 
	rgba(22,33,22,1) 94%, 	
	rgba(0,0,0,1) 99.7%, 
	rgba(122,200,222,1) 99.8%,
	rgba(0,0,0,1) 99.9%, 
	rgba(66,70,55,1) 100%);
	width: 100%;
    height: auto;
	padding: 0px;
	margin: 0px;
    background-position: top;
}

#screen {
    background-image: url("_sl.png");
    background-position: top;
	background-repeat: repeat;
	position: absolute;
	width: 100%;
    height: auto;
	padding: 0px;
	margin: 0px;
}

#top {
    background-image: linear-gradient(180deg, 
		rgba(66,70,55,1) 0%, 
		rgba(22,33,22,0.5) 50%, 
		rgba(66,70,55,0) 100%);
	width: 100%;
    height: 12%;
	padding: 0px;
	margin: 0px;
    position: absolute;
    background-position: top;
	overflow: hidden;
}

.cm1 {
	top: 177px;
	left: 222px;
	position: absolute;
	z-index: 1;
}

.cm2 {
	top: 177px;
	right: 222px;
	position: absolute;
	z-index: 1;
}

#banner {
    background-image: linear-gradient(180deg, 
		rgba(66,70,55,1) 0%, 
		rgba(0,0,0,1) 1%, 
		rgba(0,0,0,1) 50%, 
		rgba(0,0,0,1) 99%, 
		rgba(66,70,55,0) 100%);
    background-position: top;
	position: absolute;
	width: 100%;
    height: 460px;
	top: 44px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	box-shadow: 0px 11px 22px 2px rgba(0,0,0,0.8);
}

#frm_t {
    background-image: url("_ft.png");
    background-position: top;
	background-repeat: repeat-x;
	position: absolute;
	width: 100%;
	height: 16px;
	padding: 0px;
	margin: 0px;
	top: 0px;
	overflow: hidden;
}

#frm_l {
    background-image: url("_fl.png");
    background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	width: 128px;
	height: 64px;
	padding: 0px;
	margin: 0px;
	top: 0px;
	overflow: hidden;
}

#frm_r {
    background-image: url("_fr.png");
    background-position: right top;
	background-repeat: no-repeat;
	position: absolute;
	width: 128px;
	height: 64px;
	padding: 0px;
	margin: 0px;
	right: 0px;
	top: 0px;
	overflow: hidden;
}

#main {
	width: 100%;
    height: auto;
	padding: 0px;
	margin: 0px;
	top: 508px;
    position: absolute;
	overflow: hidden;
}

#trim {
	background-image: linear-gradient(90deg, 
		rgba(60,55,64,0.6) 0%, 
		rgba(33,122,133,0.3) 50%, 
		rgba(60,55,64,0.6) 100%);
    background-position: top;
	width: 72%;
    height: 3px;
	padding: auto;
	margin: auto;
    position: relative;
	overflow: hidden;
	border-width: 3px;
	border-style: inset;
	border-radius: 3px;
	border-color: rgba(60,110,130,0.6) ;
	box-shadow: -1px 1px 3px 3px #000000, 
		1px -1px 3px 3px #000000, 
		-7px 3px 7px 9px #111713, 
		7px -3px 7px 9px #111713;
}

#gallery {
	background-image: linear-gradient(90deg, 
		rgba(60,55,64,0.6) 0%, 
		rgba(0,0,0,1) 1%, 
		rgba(7,7,17,0.7) 4%, 
		rgba(33,33,33,0.8) 4.1%, 	
		rgba(0,0,0,1) 4.2%, 
		rgba(0,0,11,0.7) 8%, 
		rgba(33,33,33,0.8) 8.1%,
		rgba(0,0,0,1) 8.2%, 		
		rgba(0,0,33,0.3) 50%, 		
		rgba(0,0,0,1) 91.8%, 
		rgba(33,33,33,0.8) 91.9%, 		
		rgba(0,0,11,0.7) 92%, 		
		rgba(0,0,0,1) 95.8%, 
		rgba(33,33,33,0.8) 95.9%, 		
		rgba(7,7,17,0.7) 96%, 
		rgba(0,0,0,1) 99%, 
		rgba(60,55,64,0.6) 100%);
	width: 66%;
    height: auto;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	justify-content: center;
	justify-items: center;
    overflow: hidden;
	border-width: 2px;
	border-style: double;
	border-radius: 7px;
	border-color: #222733;
	box-shadow: -7px 1px #111811, 
		7px 1px #111811, 
		-66px 1px 222px 2px rgba(0,0,0,0.6), 
		66px 1px 222px 2px rgba(0,0,0,0.6);
}

#subgal {
	width: 84%;
	display: inline-block;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	justify-items: center;
	justify-content: center;
	text-align: center;
}

#tngal {
    position: sticky;
	text-align: center;
	padding-bottom: 32px;
	display: inline;
	clear: right;
	justify-content: center;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	justify-items: center;
	overflow-x: visible;
	overflow-y: visible;
}

.tn {	
	clear: right;
	width: 192px;
	padding: auto;
	margin-left: 22px;
	margin-right: 22px;
	margin-bottom: 17px;
	justify-content: center;
	border-width: 3px;
	border-style: double;
	border-radius: 0px;
	border-color: #000000;
	box-shadow: 0px 0px 9px 6px rgba(133,155,222,0.2),
		-1px 5px 1px 1px rgba(0,0,0,0.9);
}

#msg {
	background-image: linear-gradient(90deg, 
		rgba(60,55,64,0.3) 0%, 
		rgba(0,9,7,0.4) 1%, 
		rgba(7,0,11,0.6) 50%, 
		rgba(0,9,7,0.4) 99%, 
		rgba(60,55,64,0.3) 100%);
    background-position: top;
	width: 72%;
	padding: auto;
	margin: auto;
	top: 20px;
    clear: both;
    display: block;
    float: middle;
    position: relative;
	overflow: hidden;
	border-width: 1px;
	border-style: inset;
	border-radius: 3px;
	border-color: #222733;
	box-shadow: -7px 1px #111811, 
		7px 1px #111811, 
		-66px 1px 222px 2px rgba(0,0,0,0.6), 
		66px 1px 222px 2px rgba(0,0,0,0.6);
}

#msgy {
	width: 93%;
	padding: auto;
	margin: auto;
	top: 11px;
    position: relative;
	overflow: hidden;
}

#dpanel {
	background-image: linear-gradient(90deg, 
		rgba(60,55,64,0.6) 0%, 
		rgba(0,33,0,0.6) 1%, 
		rgba(0,222,199,0.2) 50%, 
		rgba(0,33,0,0.6) 99%, 
		rgba(60,55,64,0.6) 100%);
    background-position: top;
	width: 37%;
    height: 160px;
	padding: auto;
	margin: auto;
	top: 40px;
    clear: both;
    display: block;
    float: middle;
    position: relative;
	overflow: hidden;
	border-width: 2px;
	border-style: double;
	border-radius: 7px;
	border-color: #222733;
	box-shadow: -7px 1px #111811, 
		7px 1px #111811, 
		-66px 1px 222px 2px rgba(0,0,0,0.6), 
		66px 1px 222px 2px rgba(0,0,0,0.6);
}

#lpanel {
	background-image: linear-gradient(90deg, 
		rgba(55,60,64,0.6) 0%, 
		rgba(0,0,33,0.6) 1%, 
		rgba(33,33,222,0.2) 50%, 
		rgba(0,0,33,0.6) 99%, 
		rgba(55,60,64,0.6) 100%);
    background-position: top;
	width: 37%;
    height: 200px;
	padding: auto;
	margin: auto;
	top: 40px;
    clear: both;
    display: block;
    float: middle;
    position: relative;
	overflow: hidden;
	border-width: 2px;
	border-style: double;
	border-radius: 7px;
	border-color: #222733;
	box-shadow: -7px 1px #111811, 
		7px 1px #111811, 
		-66px 1px 222px 2px rgba(0,0,0,0.6), 
		66px 1px 222px 2px rgba(0,0,0,0.6);
}

#vpanel {
	background-image: linear-gradient(90deg, 
		rgba(64,55,60,0.6) 0%, 
		rgba(33,0,0,0.3) 1%, 
		rgba(22,11,11,0.9) 50%, 
		rgba(33,0,0,0.3) 99%, 
		rgba(64,55,60,0.6) 100%);
    background-position: top;
	width: 50%;
    height: 480px;
	padding: auto;
	margin: auto;
	top: 40px;
    clear: both;
    display: block;
    float: middle;
    position: relative;
	overflow: hidden;
	border-width: 2px;
	border-style: double;
	border-radius: 7px;
	border-color: #222733;
	box-shadow: -7px 1px #111811, 
		7px 1px #111811, 
		-66px 1px 222px 2px rgba(0,0,0,0.6), 
		66px 1px 222px 2px rgba(0,0,0,0.6);
}

#bback {
	background-image: linear-gradient(180deg, 
		rgba(0,0,0,0.9) 0%, 
		rgba(44,33,99,0.4) 0.5%, 
		rgba(0,22,33,0.4) 30%, 
		rgba(0,0,0,0.4) 37.5%, 
		rgba(60,50,80,0.4) 38%, 
		rgba(90,133,188,0.4) 99.5%, 
		rgba(0,0,0,0.9) 100%);
    background-position: top;
	width: 99.3%;
	height: 512px;
	padding: auto;
	margin: auto;
	top: 4px;
    clear: both;
    display: block;
    float: middle;
    position: relative;
	overflow: hidden;
	box-shadow: -7px 1px #111811, 
		7px 1px #111811;
}

#bback2 {
	background: rgba(0,0,0,0.7); 
    background-position: top;
	width: 99.3%;
	height: 1px;
	padding: auto;
	margin: auto;
	top: -1px;
    clear: both;
    display: block;
    float: middle;
    position: relative;
	overflow: hidden;
	box-shadow: 0px -9px 9px 9px rgba(0,0,0,0.7); 
}

#vfrm {
	padding: auto;
	margin: auto;
	clear: both;
    display: block;
    float: middle;
    position: relative;
	overflow: hidden;
}

.vfrm {
	padding: auto;
	margin: auto;
	clear: both;
    display: block;
    float: middle;
    position: relative;
	overflow: hidden;
	border-width: 5px;
	border-style: double;
	border-radius: 0px;
	border-color: #000000;
	box-shadow: 0px 0px 9px 19px rgba(0,0,0,0.6), 
	-1px -1px 1px 1px rgba(0,0,0,1),
	-1px 3px 1px 1px rgba(0,0,0,1),
	1px -1px 1px 1px rgba(0,0,0,1),
	1px 3px 1px 1px rgba(0,0,0,1);
}

#scrwl {
	background: rgba(66,77,88,0.7);
	width: 1px;
    height: 1px;
	top: 17px;
	left: 4%;
    position: absolute;
	overflow: hidden;
	border-width: 11px;
	border-style: ridge;
	border-radius: 50%;
	border-color: rgba(66,77,88,0.7);
	box-shadow: -3px 3px #111111, 
		3px -3px #111111, 
		-6px -6px 9px 2px rgba(0,0,0,0.6), 
		6px 6px 9px 2px rgba(0,0,0,0.6);
}

#scrwr {
	background: rgba(66,77,88,0.7);
	width: 1px;
    height: 1px;
	top: 17px;
	right: 4%;
    position: absolute;
	overflow: hidden;
	border-width: 11px;
	border-style: ridge;
	border-radius: 50%;
	border-color: rgba(66,77,88,0.7);
	box-shadow: -3px 3px #111111, 
		3px -3px #111111, 
		-6px -6px 9px 2px rgba(0,0,0,0.6), 
		6px 6px 9px 2px rgba(0,0,0,0.6);
}

#scrwlb {
	background: rgba(66,77,88,0.7);
	width: 1px;
    height: 1px;
	bottom: 17px;
	left: 4%;
    position: absolute;
	overflow: hidden;
	border-width: 11px;
	border-style: ridge;
	border-radius: 50%;
	border-color: rgba(66,77,88,0.7);
	box-shadow: -3px 3px #111111, 
		3px -3px #111111, 
		-6px -6px 9px 2px rgba(0,0,0,0.6), 
		6px 6px 9px 2px rgba(0,0,0,0.6);
}

#scrwrb {
	background: rgba(66,77,88,0.7);
	width: 1px;
    height: 1px;
	bottom: 17px;
	right: 4%;
    position: absolute;
	overflow: hidden;
	border-width: 11px;
	border-style: ridge;
	border-radius: 50%;
	border-color: rgba(66,77,88,0.7);
	box-shadow: -3px 3px #111111, 
		3px -3px #111111, 
		-6px -6px 9px 2px rgba(0,0,0,0.6), 
		6px 6px 9px 2px rgba(0,0,0,0.6);
}

.brt {
	clear: both;
    display: block;
    float: middle;

	padding: auto;
	margin: auto;
}

.trt {
	clear: both;
    display: block;
    float: middle;
	padding-top: 6px;
	width: 700px;
	height: 450px;
	padding: auto;
	margin: auto;
}

#trt {
	z-index: 9;
}

#cmy {
	z-index: 1;
}

#tmy {
	z-index: 99;
}

#cgal {
	width: 100%;
	display: inline-block;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	justify-items: center;
	justify-content: center;
	text-align: center;
}

.crt {
	position: relative;
	padding-top: 0px;
	padding: auto;
	margin: auto;
	border-width: 3px;
	border-style: double;
	border-radius: 0px;
	border-color: #000000;
	box-shadow: 0px 0px 9px 6px rgba(133,155,222,0.2),
		-1px 5px 1px 1px rgba(0,0,0,0.9);
}

.lrt {
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-radius: 0px;
	border-color: #000000;
	box-shadow: -2px 2px 3px 1px rgba(0,22,33,0.6);
}

.p1{
	width: 100%;
	color: #BBDDFF;
	font: normal 33px "Gemunu Libre";
	font-family: "Gemunu Libre", serif;
	font-size: 33px;
	font-style: normal;
	font-weight: 80;
	letter-spacing: 2px;
	line-height: 44px;
	overflow: hidden;
	text-align: center;
	display: block;
	float: middle;
	text-shadow: -3px 3px 4px #AA0000, 
		3px 3px 4px #00AA00, 
		-3px -3px 4px #0000AA, 
		3px -3px 4px #AAAA00, 
		-1px 1px 7px #000000;
}

.p2{
	color: #B0BFB7;
	font: normal 23px "Electrolize";
	font-family: "Electrolize", serif;
	font-size: 23px;
	font-style: normal;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 26px;
	overflow: hidden;
	text-align: left;
	text-shadow: -3px 3px 1px 1px #110000, 
		3px 3px 1px 1px #001100, 
		-6px -6px 1px 1px #000000, 
		3px -3px 1px 1px #111100, 
		-1px 1px 7px 1px #000000;
}

.p3{
	color: #99BBCC;
	font: 23px "Coda";
	font-family: "Coda", serif;
	font-size: 23px;
	font-weight: 8;
	letter-spacing: 1px;
	line-height: 28px;
	text-align: left;
	text-shadow: -3px 3px 1px 1px #110000, 
		3px 3px 1px 1px #001100, 
		-6px -6px 1px 1px #000000, 
		3px -3px 1px 1px #111100, 
		-1px 1px 7px 1px #000000;
}

.p4{
	color: #D3EEDF;
	font: bold 27px "Smooch Sans";
	font-family: "Smooch Sans", serif;
	font-size: 27px;
	font-style: bold;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 28px;
	overflow: hidden;
	text-align: center;
	display: block;
	float: middle;
	text-shadow: -3px 3px 4px #330000, 
		3px 3px 4px #003300, 
		-6px -6px 3px 3px #000000, 
		3px -3px 4px #333300, 
		-3px -3px 7px 7px #000000;
}

.p5{
	color: #838996;
	font: normal 22px "Electrolize";
	font-family: "Electrolize", serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 200;
	letter-spacing: -1px;
	line-height: 23px;
	overflow: hidden;
	text-align: left;
	text-shadow: -3px 3px 1px 1px #110000, 
		3px 3px 1px 1px #001100, 
		-6px -6px 1px 1px #000000, 
		3px -3px 1px 1px #111100, 
		-1px 1px 7px 1px #000000;
}

.p6{
	color: #668899;
	font: 19px "Coda";
	font-family: "Coda", serif;
	font-size: 19px;
	font-weight: 8;
	letter-spacing: 1px;
	line-height: 28px;
	text-align: left;
	text-shadow: -3px 3px 1px 1px #110000, 
		3px 3px 1px 1px #001100, 
		-6px -6px 1px 1px #000000, 
		3px -3px 1px 1px #111100, 
		-1px 1px 7px 1px #000000;
}

.p7{
	color: #779988;
	font: bold 22px "Electrolize";
	font-family: "Electrolize", serif;
	font-size: 22px;
	font-style: bold;
	font-weight: 200;
	letter-spacing: -1px;
	line-height: 23px;
	overflow: hidden;
	text-align: left;
	text-shadow: -3px 3px 1px 1px #110000, 
		3px 3px 1px 1px #001100, 
		-6px -6px 1px 1px #000000, 
		3px -3px 1px 1px #111100, 
		-1px 1px 7px 1px #000000;
}

.p8{
	color: #9FBBB0;
	font: normal 23px "Electrolize";
	font-family: "Electrolize", serif;
	font-size: 23px;
	font-style: normal;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 22px;
	overflow: hidden;
	text-align: left;
	text-shadow: -3px 3px 1px 1px #110000, 
		3px 3px 1px 1px #001100, 
		-6px -6px 1px 1px #000000, 
		3px -3px 1px 1px #111100, 
		-1px 1px 7px 1px #000000;
}

::-webkit-scrollbar {
width: 11px;}
::-webkit-scrollbar-track {
box-shadow: inset 3px 3px 3px 3px rgba(0, 0, 0, 0.3);
background: #061109;}
::-webkit-scrollbar-thumb {
border-radius: 0px;
box-shadow:0px 0px 3px 2px rgba(0, 0, 0, 0.5) inset;
background: #333422;}
::-webkit-scrollbar-thumb:hover {
background: #447733;}
::-webkit-scrollbar-button {
box-shadow:0px 0px 3px 2px rgba(0, 0, 0, 0.5) inset;
background-color: #667264;
border-radius: 0px;}
::-webkit-scrollbar-button:hover {
background: #559966;}

@media (max-width: 999px) {
html, body {
	zoom: 100%;	
}	
#top {
	width: 100%;
    height: 12%;
	padding: 0px;
	margin: 0px;
}
#trim {
	width: 90%;
}
.cm1 {
	left: 27px;
}
.cm2 {
	right: 27px;
}
#gallery {
	width: 93%;
}
#subgal {
	width: 72%;
}
.tn {	
	width: 193px;
	padding: auto;
	margin-left: 8px;
	margin-right: 8px;
}
#msg {
	width: 93%;
}
#msgy {
	width: 93%;
	top: 11px;
}
#dpanel {
	width: 60%;
    height: 220px;
}
#lpanel {
	width: 63%;
    height: 240px;
}
#vpanel {
	width: 72%;
    height: 520px;
}
.trt {
	padding-top: 6px;
	width: 700px;
	height: 450px;
}
#cgal {
	width: 100%;
}
.crt {
	width: 260px;
	height: 180px;
}
.p1{
	font-size: 43px;
	letter-spacing: 0px;
}
.p2{
	font-size: 37px;
	letter-spacing: 3px;
	line-height: 64px;
	vertical-align: bottom;
}
.p3{
	font-size: 30px;
	font-weight: 8;
	letter-spacing: -2px;
	line-height: 33px;
}
.p4{
	font-size: 33px;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 27px;
}
.p5{
	font-size: 39px;
	font-weight: 200;
	letter-spacing: -2px;
	line-height: 35px;
}
.p6{
	font-size: 29px;
	font-weight: 8;
	letter-spacing: 1px;
	line-height: 28px;
}
.p7{
	font-size: 0px;
	font-weight: 0;
	letter-spacing: -999px;
	line-height: 3px;
	vertical-align: top;
}
.p8{
	line-height: -1px;
}
}