@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

BODY     {
	background:#181818;
	//overflow-y:scroll;
	//overflow-x:hidden;
	}

* {
	margin:0px;
	padding:0px;
	}

#container {
	width:100%;
	height:100%;
	max-height:800px;
	//overflow-x:hidden;
	}

#frame {
	margin: 10px auto;
	width:1024px;
	height:788px;
	background-image:url(graphics/fullbg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	}

#frame2 {
	margin: 10px auto;
	width:1024px;
	height:788px;
	background-image:url(graphics/homebg2.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	//opacity:0;
	}

#culver {
	position:relative;
	top:100px;
	left:100px;
	width:300px;
	}

#frame3 {
	margin:0 auto;
//	width:100%;
	width:980px;
	}

#frame4 {
	display:none;
	}

#banner {
	text-align:center;
	width:100%;
	z-index:10;
	}

#plate {
	margin: 0 auto;
	width:980px;
	height:690px;
	z-index:0;
	//opacity:0;
	}

#plate2 {
	margin: 0 auto;
	width:980px;
	height:690px;
	//opacity:0;
	}

#next {
	position:relative;
	margin: 0 auto;
	top:-70px;
	left:160px;
	width:50px;
	height:50px;
	z-index:100;
	}

#back {
	position:relative;
	margin: 0 auto;
	top:-120px;
	left:100px;
	width:50px;
	height:50px;
	z-index:100;
	}

#musicbox {
	position:relative;
	margin: 0 auto;
	top:-60px;
	left:0px;
	width:240px;
	height:50px;
	z-index:100;
	}

#musicbox2 {
	position:relative;
	margin: 0 auto;
	top:-600px;
	left:0px;
	width:240px;
	height:50px;
	z-index:100;
	}

#home {
	position:relative;
	margin: 0 auto;
	top:-290px;
	left:-430px;
	width:100px;
	height:40px;
	z-index:100;
	}

#arrow {
	position:fixed;
	top:320px;
	left:20px;
	z-index:100;
	}

#darrow {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:50;
	}

#arrow2 {
	display:none;
	}

#arrow3 {
	display:none;
	}

#pr1 {
	display:block;
	position:relative;
	text-align:center;
	top:5%;
	font: 1.2em Playfair Display;color:#ffddbb;
	font-weight:600;
	z-index:10;
	}


#donlo {
	position:fixed;
	bottom:40px;
	left:20px;
	z-index:100;
	padding:2px;
	font:2.0em Arial;
	font-weight:600;
	background-color:#000000;
	}

#donlo2 {
	display:none;
	}

#tit1 {
	position:relative;
	top:160px;
	width:375px;
	margin: 0 auto;
	font: 1.5em Playfair Display;color:#ffffff;
	font-weight:400;
	text-shadow: 1px 2px 1px #000000;
	}

#tit2 {
	position:relative;
	top:520px;
	margin: 0 auto;
	width:541px;
	height:129px;
	}

#tit3 {
	display:none;
	}


#cover {
	position:relative;
	top:40px;
	margin: 0 auto;
	width:908px;
	height:342px;
	//opacity:0;
	background-image:url(graphics/cover.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	}

#cap1 {
	position:relative;
	top:10px;
	margin: 0 auto;
	width:310px;
	z-index:2;
	}

#cap2 {
	position:relative;
	top:220px;
	margin: 0 auto;
	width:260px;
	z-index:2;
	}

a.intro {
	font: 2em Playfair Display;color:#f694be;
	text-shadow: 2px 2px 2px #000000;
	text-decoration:none;
	}

#vidgo {
	display:none;
	position:relative;
	top:-86px;
	width:908px;
	height:342px;
	margin: 0 auto;
	z-index:3;
	}

#vidgo2 {
	position:relative;
	top:249px;
	left:83px;
	width:406px;
	height:293px;
	z-index:1;
	overflow:hidden;
	}

#vidy1 {
	position:absolute;
	}

#vidy2 {
	position:absolute;
	}

#scroll {
	position:relative;
	top:250px;
	left:126px;
	width:320px;
	height:28px;
	z-index:1;
	overflow:hidden;
	}

#strip {
	position:relative;
	top:0px;
	left:320px;
	width:4500px;
	height:28px;
	z-index:1;
	white-space: nowrap;
	}

.whit {
	font: 1.0em Open Sans;color:#ffffff;
	}

.gold {
	font: 1.0em Open Sans;color:#ffcc99;
	}

.tan {
	font: 1.0em Open Sans;color:#ffeebb;
	}

#nav {
	position:relative;
	top:660px;
	margin: 0 auto;
	width:650px;
	height:60px;
	z-index:10;
	}

#nav ul {
	list-style:none;
	}

#nav ul li {
	display:inline-block;
	margin-right:5px;
	}

#nav2 {
	display:none;
	}

#tap {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:380px;
	height:540px;
	}

#marq {
	position:relative;
	top:-185px;
	margin: 0 auto;
	text-align:center;
	width:345px;
	height:75px;
	z-index:10;
	}

.quee {
	display:inline-block;
	margin-right:6px;
	font: 1.0em Arial;color:#000000;
	font-weight:600;
	line-height:140%;
	}

#scrn {
	position:absolute;
	margin: 0 auto;
	text-align:center;
	top:135px;
	left:0px;
	width:100%;
	min-width:980px;
	height:425px;
	overflow:hidden;
	//border: solid 2px #00ff00;
	}

#vidy3 {
	position:relative;
	top:-30px;
	}

#board {
	position:relative;
	//margin: 0 auto;
	//text-align:center;
	top:0px;
	left:0px;
	width:100%;
	min-width:980px;
	height:10px;
	}

#paus {
	position:relative;
	margin: 0 auto;
	top:-152px;
	left:0px;
	width:100px;
	height:20px;
	z-index:100;
	cursor:pointer;
	}

#bio {
	position:relative;
	margin: 0 auto;
	top:-640px;
	left:6px;
	width:760px;
	height:560px;
	font: 1.1em Arial;
	font-weight:600;
	text-align:justify;
	}

#resbio {
	display:none;
	}

#resartical {
	display:none;
	}

a.mail {
	font-size:1.2em;
	color:#99ccff;
	text-decoration:none;
	}

a.mail:hover {
	text-decoration:underline;
	}

a.red {
	color:#cc0000;
	text-decoration:none;
	}

a.red:hover {
	text-decoration:underline;
	}

a.wht {
	font-size:1.3em;
	color:#ffffff;
	text-decoration:none;
	}

a.wht:hover {
	color:#ffddbb;
	text-decoration:underline;
	}

a.pr {
	color:#ffddbb;
	text-decoration:none;
	}

a.pr:hover {
	text-decoration:underline;
	}

#artical {
	position:relative;
	margin: 20px auto;
	top:-640px;
//	left:0px;
	width:700px;
//	height:200px;
	font:1.2em Playfair Display;
	}

a.art {
	color:#ffcc99;
	text-decoration:none;
	}

a.art:hover {
	text-decoration:underline;
	}

a.art2 {
	font:1.15em Arial;
	color:#ffcc99;
	text-decoration:none;
	}

a.art2:hover {
	text-decoration:underline;
	}

#post1 {
	position:relative;
	margin: 0 auto;
	top:-346px;
	left:-320px;
	width:0px;
	height:0px;
	font-size: 0.85em;
//	border:solid 1px #00ff00;
	}

#post2 {
	position:relative;
//	margin: 0 auto;
	top:-450px;
	left:200px;
	width:0px;
	height:0px;
	font-size: 0.85em;
//	border:solid 1px #ff0000;
	}

#post3 {
	position:relative;
	margin: 0 auto;
	top:-530px;
	left:20px;
	width:0px;
	height:0px;
	font-size: 0.75em;
//	border:solid 1px #ff0000;
	}

.butt2 {
	width:200px;
	height:28px;
	font:bold 1.25em Arial;color:#000000
	}

.bass {
	margin: 0 auto;
	z-index:10;
	cursor:pointer;
	}

#but1 {
	position:relative;
	top:-600px;
	left:-200px;
	width:40px;
	height:40px;
	}

#but2 {
	position:relative;
	top:-640px;
	left:-150px;
	width:40px;
	height:40px;
	}

#but3 {
	position:relative;
	top:-640px;
	left:-180px;
	width:250px;
	height:90px;
	}

#send {
	position:relative;
	top:-566px;
	left:180px;
	width:200px;
	height:22px;
	}

#fx {
	position:relative;
	top:100px;
	margin: 0 auto;
	width:465px;
	height:278px;
	}

#mask {
	display:none;
	position:relative;
	top:-565px;
	margin: 0 auto;
	width:500px;
	height:400px;
	overflow:hidden;
	}

#juke {
	position:relative;
	top:-785px;
	left:228px;
	width:30px;
	height:70px;
	z-index:10;
	}

//#mask {
//	display:block;
//	}

#pobox {
	display:block;
	}

#res {
	position:relative;
	margin: 0 auto;
	width:800px;
	height:1011px;
	text-align:center;
	//overflow-y:scroll;
	//overflow-x:hidden;
	}

#artx {
	display:none;
	}

#imap1,#imap2,#imap3,#imap4,#imap5,#imap6,#imap7,#imap8,#imap9,#imap10,#imap11,#imap12,#imap13,#imap14,#imap15,#imap16 {
	display:none;
	position:relative;
	margin: 0 auto;
	z-index:10;
	opacity:0;
	}

#imap14 {
	top:-760px;
	left:-35px;
	width:731px;
	height:572px;
	}

#imap15 {
	top:-730px;
	left:-10px;
	width:835px;
	height:504px;
	}

#imap16 {
	top:-760px;
	left:-35px;
	width:731px;
	height:572px;
	}

#imap13 {
	top:-730px;
	left:-15px;
	width:665px;
	height:530px;
	border: solid 1px #00ff00;
	}

#imap1 {
	top:-730px;
	left:-10px;
	width:835px;
	height:504px;
	}
#imap2 {
	top:-720px;
	left:-10px;
	width:778px;
	height:492px;
	}
#imap3 {
	top:-720px;
	left:-5px;
	width:782px;
	height:486px;
	}
#imap4 {
	top:-720px;
	left:-5px;
	width:713px;
	height:508px;
	}
#imap5 {
	top:-730px;
	left:-5px;
	width:879px;
	height:524px;
	}
#imap6 {
	top:-720px;
	left:-10px;
	width:720px;
	height:507px;
	}
#imap7 {
	top:-730px;
	left:-5px;
	width:722px;
	height:441px;
	}
#imap8 {
	top:-760px;
	left:0px;
	width:822px;
	height:530px;
	}
#imap9 {
	top:-760px;
	left:-35px;
	width:731px;
	height:572px;
	}

#imap10 {
	top:-760px;
	left:-10px;
	width:901px;
	height:549px;
	}
#imap11 {
	display:block;
	top:-770px;
	left:-35px;
	width:731px;
	height:572px;
	border: solid 1px #00ff00;
	}

#imap12 {
	top:-770px;
	left:-35px;
	width:731px;
	height:572px;
	border: solid 1px #00ff00;
	}

#bigp {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	}

#port {
	position:relative;
	display:none;
	top:5%;
	margin:0 auto;
	text-align:center;
//	left: 50%;
//	right: 50%;
//	transform: translateX(-50%);
//	-webkit-transform: translateX(-50%);
	height:90%;
	z-index:20;
	}

#pics {
	border: groove 8px #888888;
	box-shadow: 20px 20px 10px rgba(0,0,0,0.7);
	-moz-box-shadow: 20px 20px 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 20px 20px 10px rgba(0,0,0,0.7);
	}

#arte {
	position:absolute;
	top:110px;
	left:0px;
	right:0px;
	width:100%;
	z-index:10;
	font: 1.1em Arial;
	color:#ffcc99;
	font-weight:600;
	text-align:center;
	}




.fizz {
	animation: fizzy 4s 1s 1 forwards;
	-webkit-animation: fizzy 4s 1s 1 forwards;
	-moz-animation: fizzy 4s 1s 1 forwards;
	}

	@keyframes fizzy {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}
	@-webkit-keyframes fizzy {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}
	@-moz-keyframes fizzy {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}


.fuzz {
	animation: fuzzy 1s 1 forwards;
	-webkit-animation: fuzzy 1s 1 forwards;
	-moz-animation: fuzzy 1s 1 forwards;
	}

	@keyframes fuzzy {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}
	@-webkit-keyframes fuzzy {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}
	@-moz-keyframes fuzzy {
		0% {opacity: 0;}
		100% {opacity: 1;}
		}

.fezz {
	animation: fezzy 2s 1 forwards;
	-webkit-animation: fezzy 2s 1 forwards;
	-moz-animation: fezzy 2s 1 forwards;
	}

	@keyframes fezzy {
		0% {opacity: 1;}
		100% {opacity: 0;}
		}
	@-webkit-keyframes fezzy {
		0% {opacity: 1;}
		100% {opacity: 0;}
		}
	@-moz-keyframes fezzy {
		0% {opacity: 1;}
		100% {opacity: 0;}
		}

.drop {
	animation: dropy 2s ease-in 1 forwards;
	-webkit-animation: dropy 2s ease-in 1 forwards;
	-moz-animation: dropy 2s ease-in 1 forwards;
	}

	@keyframes dropy {
		0% {top: 100px;width:465px;}
		100% {top: -300px;width:265px;}
		}
	@-webkit-keyframes dropy {
		0% {top: 100px;width:465px;}
		100% {top: -300px;width:265px;}
		}
	@-moz-keyframes dropy {
		0% {top: 100px;width:465px;}
		100% {top: -300px;width:265px;}
		}


.prspic {
	margin-left:10px;
	margin-bottom:5px;
	border: solid 1px #cccccc;
	}





/*
@media screen and (min-width:580px) and (max-width:1024px) and (orientation: landscape){

#frame {
	display:none;
	}

#frame2 {
	display:none;
	}

#frame3 {
	display:none;
	}

#frame4 {
	display:none;
	}

}
*/


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

#arte {
	display:none;
	position:absolute;
	top:20px;
	left:30px;
	width:80%;
	z-index:10;
	font: 1.2em Arial;
	color:#ffcc99;
	font-weight:600;
	text-align:center;
	}

#frame {
	width:360px;
	height:580px;
	background-image:url(graphics/ebg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	}

#frame2 {
	width:360px;
	height:580px;
	background-image:url(graphics/sbg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	}

#culver {
	top:60px;
	left:50px;
	}

#frame3 {
	display:none;
	}

#frame4 {
	display:block;
	}

#pr1 {
	top:17%;
	}

#port {
	display:none;
	}

#pics2 {
	float:left;
	margin-top: 5px;
	}

#smpic {
	position:relative;
	top:10px;
	width:100%;
	}

#banner {
	margin-top: 5px;
	text-align:center;
	width:100%;
	}

#toc {
	position:relative;
	text-align:center;
	z-index:10;
	}

#toc a {
	font: 2.0em Playfair Display;color:#99ccff;
	padding:5px;
	}

#arrow {
	display:none;
	}

#arrow2 {
	display:block;
	position:fixed;
	top:40px;
	left:20px;
	z-index:100;
	}

#arrow3 {
	display:block;
	position:fixed;
	top:40px;
	left:300px;
	z-index:100;
	}

#set1, #set2, #set3, #set4, #set5, #set6, #set7, #set8, #set9,#set10, #set11 {
	display:none;
	}

#res {
	display:none;
	}

#donlo {
	display:none;
	}

#resbio {
	display:block;
	margin:10px;
	}

#resartical {
	display:block;
	margin:10px 10px;
	}

#artx {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	}

#tit1 {
	display:none;
	}

#tit2 {
	display:none;
	}

#tit3 {
	display:block;
	position:relative;
	top:60px;
	width:360px;
	margin: 0 auto;
	text-align:center;
	font: 1.3em Playfair Display;color:#ffffff;
	font-weight:400;
	text-shadow: 1px 2px 1px #000000;
	}

#nav2 {
	display:block;
	position:relative;
	top:100px;
	margin: 0 auto;
	text-align:center;
	width:200px;
	z-index:10;
	//opacity:0;
	}


#cover {
	display:none;
	}

#vidgo2 {
	display:none;
	}

#scroll {
	display:none;
	}

#nav {
	display:none;
	}

#tap {
	display:block;
	}

#mask {
	display:none;
	}

#pobox {
	display:none;
	}

#post1 {
	text-align:justify;
	padding:10px;
	width:90%;
	height:auto;
	top:0px;
	left:0px;
	}

.iphn {
	width:95%;
	height:30px;
	font-size: 1.2em;color:#000000;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;
	}

.iphntxt {
	width:95%;
	height:90px;
	font-size: 1.2em;color:#000000;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;
	}

.ibut {
	text-align:center;
	width:60%;
	height:30px;
	font-size: 1.2em;color:#000000;
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe));
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
	background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
	border: 1px solid #bbb;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;
	 }

#bill {
	margin-left: 50px;
	width:300px;

	}

.tab {
	display:inline-block;
	padding:4px;
	}

#scrn {
	display:none;
	}

#vidy3 {
	display:none;
	}

#scrn2 {
	display:none;
	position:relative;
	top:80px;
	width:100%;
	height:auto;
	padding-bottom:280px;
	}


}



/*
@media screen and (min-width:480px) and (max-width:1024px) and  (orientation: portrait){

#container {
	display:none;
	}

}
*/