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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu, output,ruby,section,summary,time,mark,audio,video {
	font-size:100%;
	font:inherit;
	padding:0;
	margin:0;
	border:0;
	vertical-align:baseline;
	line-height:1.4; }
html {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
html, body { height: 100%; }
body { background-color:#f4f2ef; color:#131313; font-size:100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* Fonts */

.menu-lbl, .button, .button-sm { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} 
h1, h3, h4, h5, #feature-title, .rowhead, .footer-menu  { font-family: Times, "Times New Roman", Baskerville, "Century Schoolbook"; } 
h2, #home h1 { font-family: "Dramaturg", Times, "Times New Roman", Baskerville, "Century Schoolbook"; }

h1, h3, h4, h5 { line-height: 1.2; }
h1 { font-size:465%; color:#990000; }
h2, #home h1 { font-size:550%; color:#660099; line-height:.8; text-align:center; margin-bottom:10px } 
h3 { font-size:160%; color:#996600; }
h4 { font-size:160%; color:#990000; }
h5 { font-size:120%; color:#660099; }
h1 a, h4 a  { text-decoration:none; color:#990000; }
h2 a, h5 a  { text-decoration:none; color:#660099; }
h3 a  		{ text-decoration:none; color:#996600; }
	.page-side h2 { font-size:360%; }
.aligncenter { text-align:center; }
	.cen { text-align:center !important; }
.alignleft { float:left; margin:0 20px 10px 0; }
.alignright { float:right; margin:0 0 10px 20px; }
.aligncen { margin:10px auto; display:block; }
	.page-cen .aligncenter { text-align:center !important; }

p { margin-bottom:30px; }
	#about .content-border p,
	#home .content-border p {line-height:2; }
	
a { color:#000099; }
a:hover { /* text-decoration: underline; */ }
a[href^=tel]{ color:inherit; text-decoration:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }

ol, ul { margin:15px 0 30px 20px; }
ol { list-style-type: decimal }
ol ul, ul ol { margin-top: 10px; }
ol li, ul li { margin-bottom:8px; }
	.page-side ol, .page-side ul { margin:15px 0 20px 20px; }
	
b, strong { font-weight:bold;  }
i, em { font-style:italic; }

select::-ms-expand { display: none; }

.clear, .clear:after {  content: ""; display: table; clear: both; }
.listbreak { clear:both; }
.hide { display:none; }

.space20 { width:100%; display:block; height:20px; clear:both; }
.space40 { width:100%; display:block; height:40px; clear:both; }
.space60 { width:100%; display:block; height:60px; clear:both; }
.space80 { width:100%; display:block; height:80px; clear:both; }
.footnote {font-size:80%; color:#636363; }
 
.flash-wrap { height:100%; max-width: 600px; margin: 0 auto; max-height:700px;  }
.flash-wrap object { display:block; width:100%; height:100%; min-height:700px; } 

.adspace { display:block; overflow:hidden; margin:20px auto; padding:5px 0;  background-color:#fefdce; clear:both; text-align: center; max-width:760px; }
	.adtxt { color:#646464; font-size:14px; font-style:italic; }
	.adban { width:100%; max-width:760px; /* max-height:250px; */ display: inline-block;}
	.adbansizes { width: 728px; height: 90px; }

.image-wrap { text-align:center; color:#777777;  }
	#videos .image-wrap, #video .image-wrap, #desktop .image-wrap,  #other .image-wrap { display:inline-block; max-width:300px; vertical-align:top; margin:0 10px 30px 10px; }
	#movie .image-wrap { display:inline-block; max-width:320px; vertical-align:top; margin:0 11px 70px 11px; }
	#graphics .image-wrap { display:inline-block; max-width:320px; vertical-align:top; margin:0 11px 30px 11px; }
	#movie .image-wrap img, #graphics .image-wrap img { border: 10px solid #efefef; }
	.amiga .page-left .image-wrap { min-width:150px; max-width:150px !important; }
	.amiga .page-left .image-wrap img {max-width:100px; }
	.amiga .image-wrap p { text-align:center; margin-bottom:3px; }
		.amiga .dlvidlink { color:#660099; font-size:80%; }
		.dlbuts { display:none; }
		#MainVideo.showing { display:block; }
		[id^="dlvid"].showing { display:block; }
	
/* header */
header { position:relative; }
	#topbar { display:block; background-color:#000; width:100%; height:60px; }
	
	/* MENU */
	#menu-mobile { display: none; }
	#menu { width: 100%; text-align:center; margin: 0; padding:0; list-style: none; position:relative; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.5); }
	  #menu li { position: relative; font-size:120%; display:inline-block; margin:0; padding:0; line-height:1px; vertical-align:top; text-shadow: 1px 1px 2px #000; }
	  #menu li a { display:block; padding: 17px 15px; margin:0; color:#FFF; font-weight:bold; text-decoration:none; 
	  	font-family: Arial Black, Arial, sans-serif, "Helvetica Neue", Helvetica;}
	  #menu li:hover > a { color:#FFFECC; }
	  #menu li:hover > ul { display: block; }
	  /* Sub-menu */
	  #menu ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 60px; left:0px; z-index: 99999; background-color:#2F2F2F; }
	 	 #menu ul li:first-child a:before { /* Carrot */ content: ''; position: absolute; left: 17px; top: -15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #2f2f2f; }
		#menu ul li { float: none; margin:0; padding:0; display: block; font-size: 80%; text-align: left; border-bottom:1px solid #393939; }
		#menu ul a { padding: 15px 15px 15px 35px; min-width: 200px; height: auto; line-height: 1; display: block; white-space: nowrap; float:none; background:url(images/menu-icon.png) no-repeat; text-transform: none; color:#FFF; font-weight:normal; font-family: Arial, sans-serif, "Helvetica Neue", Helvetica; }
		#menu ul a:hover { background-color:#4a4a4a; }
	/* Hide Tertiary Menus */
	#menu ul ul { display:none; opacity: 0; visibility: hidden; }
		  
	.showmob { display:none !important; }	  
	
/* feature */
#feature-wrap { display:block; width:100%; }
	#feature-sprite { background-repeat:no-repeat; background-size:contain; background-position:bottom center;  position:absolute; left:0; right:0; bottom:0; margin:0 auto; z-index:10;}
	#feature { display: block; margin: 0 auto; min-height:700px; height:auto; width:100%; background-size: cover; background-repeat: no-repeat; background-position:top center; position:relative; }
	#feature #logo { position:absolute; top:20px; z-index:101; text-align:center; width:100%; }
	    #feature #logo img { max-width:790px; width:100%; height:auto; }
	    h1#feature-title { position: absolute; top: 150px; width:100%; text-align:center; z-index:100; 
			font-size:75px; color:#FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); font-style:italic; text-transform: none; line-height: 1; }
	
		/* Individual Page Features */
		#home #feature { background-image:url(images/feature-dragons-lair-castle.jpg); }
			#home #feature-sprite { background-image:url(images/feature-dirk-and-daphne.png); width:660px; height:700px; }
		#about #feature { background-image:url(images/feature-geode-cavern.jpg); }
			#about #feature-sprite { background-image:url(images/feature-dragon-singe.png); width:910px; height:578px; }
		#videos #feature, #video #feature { background-image:url(images/feature-room-gray.jpg); }
			#videos #videowin { position: absolute; top: 243px; margin: 0 auto 20px auto; width: 100%; height: 360px; overflow: hidden; outline: 0; color: #FFF; font-style: italic; text-align: center; } 
			#videos #videowin video { display:inline-block; background-color:#000; }
		#sounds #feature { background-image:url(images/feature-skull-hall.jpg); }
			#sounds #feature-sprite { background-image:url(images/feature-dirk-skeleton.png); width:462px; height:485px; }
		#desktop #feature { background-image:url(images/feature-lizard-king-room.jpg); }
			#desktop #feature-sprite { background-image:url(images/feature-dirk-the-daring-start.png); width:480px; height:474px; }
		#wallpaper #feature { background-image:url(images/feature-treasure-hall.jpg); }
			#wallpaper #feature-sprite { background-image:url(images/feature-dirk-and-daphne-kiss.png); width:540px; height:532px; }
		#icons #feature { background-image:url(images/feature-giddy-goon-stairs.jpg); }
			#icons #feature-sprite { background-image:url(images/feature-giddy-goons.png); width:900px; height:460px; }
		#tech #feature { background-image:url(images/feature-blue-cavern-room.jpg); }
			#tech #feature-sprite { background-image:url(images/feature-horse.png); width:734px; height:487px; }
		#other #feature { background-image:url(images/feature-dark-knight-chase.jpg); }
			#other #feature-sprite { background-image:url(images/feature-black-knight.png); width:620px; height:636px; /* width:520px; height:533px; */ }
		#articles #feature { background-image:url(images/feature-lizking-doorway.jpg); }
			#articles #feature-sprite { background-image:url(images/feature-dirk-strangled-by-snake.png); width:480px; height:424px; }
		#flyers #feature { background-image:url(images/feature-bat-bridges.jpg); }
			#flyers #feature-sprite { background-image:url(images/feature-bat-king.png); background-size:cover; width:1100px; height:700px; overflow:hidden; }
		#movie #feature, #sitemap #feature  { background-image:url(images/feature-fire-ropes.jpg) }
		#graphics #feature { background-image:url(images/feature-tw-blue-outside.jpg); }
			#graphics #feature-sprite { background-image:url(images/feature-dirk-crouch.png); width:520px; height:439px; }

#subnav { width:100%; text-align:center; margin:0 0 30px 0; }
	#subnav a {position:relative; display:inline-block; background:#000; color:#FFF; text-decoration:none; padding: 7px 12px 5px 12px; margin:5px 5px; font-weight:bold; font-size:16px; text-transform:uppercase; z-index: 2; }
	#subnav a:before { content: " "; position: absolute; display:block; z-index: 1; top:-2px; left:-2px; right:-2px; bottom:-2px; border: 1px solid #000; min-height:100%; }
	#subnav a:hover { background:#660099; }

#page { width:100%; height:auto; display:block; clear: left; position:relative; }
	.sharepage, .sharepage-full { position:absolute; top:-130px; left:20px; z-index:500; }
	    .sharesub { width: 100%; text-align: center; left:0; }
		.sharepage img, .sharepage-full img { height:50px; width:50px; }
	#page-wrap { position:relative; width:100%; max-width:1600px; margin:0 auto; }
    	.page-full { position:relative; padding:8px; margin: 60px 25px 0 25px; background-color:#FFF;  }
		.page-left { position:relative; padding:8px; margin: 60px 440px 0 25px; background-color:#FFF; }
		  .page-full:before, .page-left:before, .side-box:before { content: ''; position: absolute; top: -80px; left: 50%; width: 0; height: 0; margin-left: -40px; border: 40px solid transparent; border-bottom-color: white; }
		 .page-full .page-tab-icon, .page-left .page-tab-icon, .side-box .page-tab-icon { position: absolute; top: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; }
		 	.ico-sword  { background:url(images/ico-sword.png) no-repeat #FFF; }
			.ico-hand  { background:url(images/ico-hand.png) no-repeat #FFF; }
			.ico-skull  { background:url(images/ico-skull.png) no-repeat #FFF; }
			.ico-paint  { background:url(images/ico-paint.png) no-repeat #FFF; }
			.ico-diamond  { background:url(images/ico-diamond.png) no-repeat #FFF; }
		.content-border { border: 1px solid #d3d3d3; padding:20px;} 
			.page-left .content-border  { min-height:600px; }
			.page-full .content-border  { min-height:300px; }
			#video .page-left .content-border { min-height: 1020px; }
			#movie .page-left .content-border { min-height: 950px; }
		#breadcrumbs { font-size: 80%; width:100%; text-align:center; }
		  #breadcrumbs, #breadcrumbs a { color:#B1B1B1; margin: -5px 0 20px 0; }
		  #breadcrumbs a:hover { color:#5A5A5A; }
    	.page-side { position:absolute; width:380px; top:0; right:0; margin: 0px 25px 0 25px; }
	
		.page-full li, .page-left li, .page-side li { text-align:left; }
	
		/* Side Box */
		.side-box { width:100%; max-width:380px; background-color:#FFF ; position:relative; text-align: center; padding:8px; color:#000; margin:0 auto 60px auto; }
		.side-box ol, .side-box ul { text-align:left; }
		
		  .side-box img { max-width:300px; width:100%; height:auto; margin:0 auto; }
			.side-content { padding:0 20px; text-align:left; }
			.side-content p { font-size:95%; }
			.side-box .share img { width:50px !important; height:50px !important; }
		
		.side-box p { padding: 0 10px; text-align:left; }

		.side-box img.playimg { max-width:270px; margin:0 auto;}

.page-cen { text-align:center; }
	.page-cen h1, .page-cen p { text-align:left; }

.cont-split { width:100%; text-align:center; position:relative; margin-bottom:30px; }
	.cont-left, .cont-right { vertical-align:top; }
	.cont-left { width:330px; position:absolute; top:0; left:0;  }
	.cont-right { min-height:250px; margin-left:340px; text-align: left; }
	.cont-right .lab { font-size:75%; text-transform:uppercase; color:#999; }
	
/* Audio & Video */
	/* Video Pages and Movie */
	#video #feature, #movie #feature, #sitemap #feature { height:320px; min-height:0; }
		#video .vid-wrap { margin: 10px auto 30px auto; width: 100%; overflow: hidden; outline: 0; color: #FFF; font-style: italic; text-align: center; } 
		#video .vid-wrap video { width:100%; height:auto; max-width:640px; display:inline-block; background-color:#000; }
	.dl-mp4, .dl-ogv, .dl-webm { height:40px; line-height: 40px; padding:0 0 0 45px; margin:0 20px 10px 0; vertical-align:middle; text-decoration:none; display: inline-block;}
		.dl-mp4  { background:url(images/icon-mp4.png)  no-repeat; color:#cc3333; }
		.dl-ogv  { background:url(images/icon-ogv.png)  no-repeat; color:#0099cc; }
		.dl-webm { background:url(images/icon-webm.png) no-repeat; color:#cc9900; }
			.dl-mp4 span, .dl-ogv span, .dl-webm span { line-height:40px; height:40px; }
		
/* Flyers */
#flyers .image-wrap { width:100%; /* flyer image page */ display: inline-block; }

/* Sounds */
#sounds p { text-align:center; }
.sound-wrap-full, .sound-wrap { text-align:left; margin:10px 20px 40px 20px; display:inline-block; position:relative; min-height:200px; }
	.sound-wrap-full { width:100%; text-align:left; }
	.sound-wrap { width:300px; }
	
	.snd-audio, .snd-name, .snd-dl, .snd-desc, .snd-image { width:100%; display:inline-block; }
		.snd-image { text-align:center; }
			.snd-image img { display:inline-block; height:200px; width:200px; }
		.snd-img { position:absolute; top:0; left:0; }
			.sound-wrap h3 { margin:0; padding:0; }
				.sound-wrap .snd-name { text-align:center; }
			.sound-wrap { text-align:center; }
				.sound-wrap audio { width:100%; display:inline-block; padding: 0 20px; }
			.sound-wrap-full audio { width:300px; margin:10px 0; display:inline-block; }
		.snd-content { margin-left:320px; }
			.snd-dl { color:#808080; font-size:80%; text-transform:uppercase; }
				.snd-dl a { display:inline-block; margin:5px 0px 5px 5px; vertical-align:middle; text-decoration:none; }
				.snd-dl a.snd-mp3 { color:#7f36d6; }
				.snd-dl a.snd-wav { color:#6ca439; }
				.snd-dl a.snd-ogv { color:#0099cc; }

/* Icons & Articles */
#icons .image-wrap { width:148px; border: 10px solid #efefef; display: inline-block; }
#articles .image-wrap { width:150px; display:inline-block; }
#icons .page-full, #articles .page-full { text-align:center; vertical-align:top; }
#icons .cont-left { width:158px; }
#articles .cont-left { width:150px; }
	#articles .cont-left .image-wrap img { border:1px solid #929292; }
#icons .cont-right, #articles .cont-right { margin-left:160px; text-align: left; padding-top: 5px; } 
	#icons .cont-right  { min-height:158px; } 
	#articles .cont-right { min-height:200px; }
#icons .cont-split, #articles .cont-split { display:inline-block; width: 100%; vertical-align:top; margin-bottom: 60px; }
	#icons .cont-split { max-width: 480px; margin: 0 0 60px 0; }
	#articles .cont-split { max-width: 440px; margin: 0 20px 60px 20px; }
	#icons .cont-right h3, #icons .cont-right p, #articles .cont-right h3, #articles .cont-right p { padding:0; text-align:left; margin:0; }
.alticondl { display:block; margin:0 0 10px 0; }
.alticon { display:inline-block; vertical-align:bottom; text-align:left; margin:5px; }
	.alticonimg { display:block; }
	.alticontxt { display:block; }
		.alticontxt a { text-decoration:none; }
		
.icon-list { display:none; text-align: center; margin:0; }
[id^="othericons"].showing { display:block; }
	
.icoboxpdf, .icoboximg { background-repeat:no-repeat; background-size:24px 24px; display:inline-block; padding:0 0 0 28px; height:24px; line-height:24px; margin-bottom:5px;}
	.icoboxpdf { background-image:url(images/icon-box-pdf.png); }
	.icoboximg { background-image:url(images/icon-box-image.png); }	
.artlinks { color:#999; font-size:75%; text-transform:uppercase; }
	.artlinks a { color:#660099; }	
#icons .fancybox-inner { width:inherit !important; height:inherit !important; text-align:center; }
#icons .fancybox-image { width:inherit; height:inherit; display:inline-block; vertical-align:middle; }		
html.fancybox-lock { overflow: visible !important; } /* Stop fancybox from jumping to top of page */



.arrowdown { position: relative; padding: 0px 0 0 12px; height: 21px; font-size: 90%; text-transform: uppercase; color: #528268; }
.arrowdown::before { position: absolute; top: 3px; left: 0; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 9px; border-color: transparent transparent transparent #528268; display: block; content: ""; }
a.arrowdown:active::before { border-width: 9px 5px 0 5px; border-color: #528268 transparent transparent transparent;  }

/* Wallpaper */
.imgbox { display:inline-block; vertical-align:top; }
  #wallpaper .imgbox, #graphics .imgbox  { width:100%; max-width:330px; margin: 30px auto; }
  	#wallpaper .imghead { margin: 10px 0 0 0; }
  #flyers .imgbox { width:100%; max-width:230px; margin:30px 10px; text-align:center; }
  #flyers .imgboxtxt img { margin:15px 0 0 0; }	
	.imgboximg { text-align:center; }
		.imgboximg img { display:inline-block; }
	.imgboxtxt { font-size:100%; text-align:center; }
option.formhead { font-weight:bold; }
	
    .graphicsize { display: block; font-size: 80%; color:#72b54d; line-height: 0; margin: 0; }

a.toTop { color:#ffbbe1; text-align:right; float:right; font-size:80%; }
a.ziplink { background:url(images/zip-icon-sm.png) no-repeat; padding:2px 0 0 24px; }
a.zipico, a.winico, a.iosico, a.imgico  { display: inline-block; padding:5px 0 0 44px; height:40px; font-size:110%; text-transform:uppercase; }
	a.zipico { background:url(images/zip-icon.png) no-repeat; margin-bottom: 10px;}
	a.winico { background:url(images/win-icon.png) no-repeat; }
	a.iosico { background:url(images/apple-icon.png) no-repeat; }
	a.imgico { background:url(images/img-icon.png) no-repeat; }
.zipicon { vertical-align:middle; }

/* Table */
.table { margin:30px 0; }
.row { width:90%; margin:0 auto; }
	.row:nth-of-type(odd) { background-color:#fdfdfc; }
	.row:nth-of-type(even)  { background-color:#FFF; }
	.rowhead { background-color:#f4f3ee !important; color:#666666; font-size:140%; font-style:italic; line-height:1;}
	  .rowhead img { display:inline-block; vertical-align:middle; }
	.col1, .col2, .col3, .col4 { padding:8px; display:inline-block; vertical-align:middle; }
	/* columns */
	.cols2 .col1, .cols2 .col2 { width:48%; } 
	.cols3 .col1, .cols3 .col2, .cols3 .col3 { width:32%; }
	.cols4 .col1, .cols4 .col2, .cols4 .col3, .cols4 .col4 { width:24%; }

#table-timeline .col1 { width:20%; vertical-align:top; }
#table-timeline .col2 { width:78%; vertical-align:top; }
#table-timeline .rowhead .col1 { width:100%; }
#table-timeline .rowhead .col2 { display:none; }

.side-box .cols2 .col1, .side-box .cols2 .col2 { text-align:left; color:#000; vertical-align:top; }
	.side-box .row:nth-of-type(odd) { background-color:#fafafa; }
	.side-box .row:nth-of-type(even)  { background-color:#f2f2f2; }
	.side-box .rowhead { background-color:#d9d9d9 !important; color:#000; }
	#game-details .rowhead .col1 { width:100%; }

.chip { width:100%; max-width:227px;  height:auto; }

/* Footer */
#footer { width:100%; height:auto; display:block; background:#5e5e5e; padding:0 20px 20px 20px; position:relative; margin: 10px 0 0 0; }
	.foot-bot { width:100%; max-width:1200px; margin:0 auto; padding:0px 20px 10px 20px; display:block; }
		.footer-menu, .footer-site-links, .footer-copy { width:100%; display:inline-block; text-align:center; }
		.footer-menu { font-size:140%; margin:20px 0 0 0; }
		.footer-site-links { font-size:80%; margin:20px 0 0 0; }
		.footer-copy { margin:10px 0; font-size:80%; }
    .footer-menu, .footer-site-links, .footer-copy { color:#999; }
		.footer-copy a { color:#999; }
		.footer-menu a, .footer-site-links a { color:#CCC; display:inline-block; }
		.footer-menu a { text-decoration:none; margin:0 10px; }
		.footer-menu a:hover, .footer-site-links a:hover, .footer-copy a:hover { color:#FFF; }

@media (max-width: 1200px) {
	.sound-wrap-full audio { width: 100%; padding: 0 20px 0 0; } /* Sound control fix */ 
}

@media (max-width: 1117px) { #flyers #feature-sprite { width:100%; } /* Flyer Feature Fix */ }
@media (max-width: 1100px) {
	.image-wrap { margin: 15px auto 40px auto; float:none; /* width:100%; */ } 
	
	.sound-wrap-full audio { width: 300px; padding:0; }
	.snd-name, .snd-dl { text-align:center; }
	.snd-img { position: relative; width: 100%; text-align: center;}
	.snd-content { width:100%; max-width:320px; margin: 10px auto;}
	
}
	@media (max-width: 926px) { #about #feature-sprite { width:100%; background-size:910px; overflow:none; } /* About Feature Fix */ }
	@media (max-width: 917px) { #icons #feature-sprite { width:100%; background-size:917px; overflow:none; } /* Icons Feature Fix */ }
@media (max-width: 900px) {
	#page-wrap { padding:0; }
	  .page-full{ margin:60px 20px 0 20px; }
	  .page-left { margin:60px 20px 0 20px; display: inline-block; }
      .page-side { width:auto; position:relative; padding:0; margin:50px 20px 0 20px; }
		.side-box {  max-width:900px; }
	.sharepage { top: -70px; }

	#videos .sharepage, #video .sharepage, #movie .sharepage, #sitemap .sharepage  { position: relative; top: 0; left: 0; margin: 20px 0 0 0; text-align: center; }
		
	/* Mobile Menu */
	#topbar {height:auto; }
		#logo {display:none; }
		
	#menu { display:none; width:100%; position:relative; z-index:1000; background-color:#1A1A1A; }
	#menu.showing { display:inline-block; }
	#menu li.menuhome { display:none; }
	  #menu-mobile { display:inline-block; color:#FFF; width:100%; text-align:left; }
		  .mobile-logo {display:block; float:left; }
		  	 .mobile-logo img { height:50px; width:auto; margin: 5px 0; }
		  .mobile-but { display:block; float:right; margin-right:10px; }
		  .mobile-but a { display:block; font-size:160%; font-weight:bold; color:#FFF; text-decoration:none; padding:13px 0 12px 48px; background:url(images/menu-sword-icon.png) no-repeat top 16px left 0; }
		     .mobile-but a:hover { color:#FFF500; }
	  #menu li { font-size:120%; display:inline-block; width:100%; padding:0; }
	  #menu li a { padding:15px 20px; color:#FFF; text-decoration:none; text-transform:uppercase; border-top:1px solid #272727; border-bottom:1px solid #464646; }
	  #menu li a:hover { background-color:#343434; color:#DFDFDF; }
	  #menu li a:hover > a { color:#FFF500; }  
	  #menu li:hover > ul { display: none; }		
	  #menu li ul { display:none; }	
    .showmob { display:inline-block !important; }
  	
 	
	/* feature */ 
	#feature { min-height:525px; /* Cut Feature Height 3/4 */}	
	  		#home #feature-sprite { width:495px; height:525px; }
			#about #feature-sprite { width:683px; height:434px; background-size:contain; }
			#desktop #feature-sprite { width:360px; height:356px; }
			#wallpaper #feature-sprite { width:405px; height:399px; }
			#icons #feature-sprite { width:675px; height:345px; background-size:100%; }
			#sounds #feature-sprite { width:404px; height:424px; }
			#tech #feature-sprite { width:550px; height:365px; }
			#other #feature-sprite { width:465px; height:477px; /* width:390px; height:400px; */ }
			#flyers #feature-sprite { height:525px; }
			#articles #feature-sprite { width:360px; height:318px; }
			#graphics #feature-sprite { width:390px; height:329px; }
	h1#feature-title { top: 20px; }
		#home h1#feature-title { font-size:60px; top: 110px; }
	#videos h1#feature-title, #video h1#feature-title, #movie h1#feature-title, #sitemap h1#feature-title  { top:auto; position:relative; padding: 23px 10px; }
	#videos #feature, #video #feature, #movie #feature, #sitemap #feature { height:auto; min-height:0; }
	#videos #feature { padding-bottom: 10px; }
	#videos #videowin { top:0; position:relative; }	
	
	.footer-menu { font-size: 100%; }
}
@media (max-width: 850px) {
	.adspace { min-width:468px; width:auto; }
	.adbansizes { width: 468px; height: 60px; }
}
@media (max-width: 750px) {
	h1, h2, h3 { text-align:center !important; }
		.page-cen h1, .page-cen p { text-align:center; }
	
	/* Table Switch - Cols to Rows*/
	.cols4 .col1, .cols4 .col2, .cols4 .col3, .cols4 .col4,
	.cols3 .col1, .cols3 .col2, .cols3 .col3, 
	.cols2 .col1, .cols2 .col2,
	.col1, .col2, .col3 { padding:3px 20px; }   
	.rowhead .col1 { font-weight:normal; width:100%; } .rowhead .col2, .rowhead .col3 { display:none; }
	#table-timeline .col1 { font-weight:bold; width:100%; padding:10px 20px; }
	#table-timeline .col2 { width:100%; padding:10px 20px;  }
	
	#articles .cont-split { max-width: 440px; margin: 0 0 60px 0; }
	#icons .cont-left, #articles .cont-left { position:relative; margin:10px auto; width:100%; }
	#icons .cont-right, #articles .cont-right { width:100%; text-align:center; min-height: 10px; margin-left:0px;}	
	#icons .cont-right h3, #icons .cont-right p, #articles .cont-right h3, #articles .cont-right p { text-align:center; }
	#icons .image-wrap, #articles .image-wrap { margin:0; }
	
	.content-img, .content-img-sm { display:block; float:none; padding:0; width:100%; height:auto; margin:0px auto; }
	  .content-img { max-width:300px; }
	  .content-img-sm { max-width:200px; }
}
	@media (max-width: 692px) { #icons #feature-sprite { width:100%; background-size:675px; overflow:hidden; background-position:0; } /* Icons Feature Fix */ }
	@media (max-width: 700px) { #about #feature-sprite { width:100%; background-size:683px; overflow:hidden; } /* About Feature Fix */ }
@media (max-width: 582px) { .adspace { min-width:320px; padding:5px 3px; } /* Banner Fix */ }
	@media (max-width: 555px) { #tech #feature-sprite { width:100%; background-size:555px; overflow:hidden;  } /* Tech Feature Fix */ }
	@media (max-width: 511px) { #home #feature-sprite { width:100%; } /* Other Feature Fix */ }
@media (max-width: 500px) {
	h2 { font-size: 400%; }
	.sharepage, .sharepage-full { position: relative; top: 0; left: 0; margin: 20px 0 0 0; text-align: center; }
	.page-full{ margin:60px 10px 0 10px; }
	.page-left { margin:60px 10px 0 10px;  }
	.page-side { margin:50px 10px 0 10px; }
	
	#feature { min-height:350px; /* Cut Feature Height 1/2 */}
		 h1#feature-title { top: 20px; font-size:50px }\
		 #videos h1#feature-title { top: 15px; font-size:50px }
		 	#home #feature-sprite { width:330px; height:350px; background-size:100%; }
			#about #feature-sprite { height:289px; width:455px; background-size:contain; }
			#desktop #feature-sprite { width:240px; height:237px;   } 
			#wallpaper #feature-sprite { width:270px; height:266px; }
			#icons #feature-sprite { width:450px; height:230px; background-size:100%; }
			#sounds #feature-sprite { width:266px; height:280px; }
			#tech #feature-sprite { width:367px; height:243px; background-size:100%;  }
			#other #feature-sprite { width:310px; height:318px; /* width:260px; height:267px; */ }
			#flyers #feature-sprite { height:350px; }
			#articles #feature-sprite { width:240px; height:212px; }
			#graphics #feature-sprite { width:260px; height:219px; }
			
	#videos #videowin { height:auto; top: auto; position: relative; }   
	#videos #videowin video { width:360px; height:280px; }

	.sound-wrap-full, .sound-wrap { text-align:center; margin:10px 0 40px 0; width:100%; }
		.sound-wrap-full { text-align:center; }
			.snd-img { position:relative; margin:0 auto; width: 100%; text-align: center;}
				.snd-image img { width:100%; max-width:200px; height:auto; }
				.snd-img img { width:100%; max-width:300px; height:auto; }
					.sound-wrap-full audio, .sound-wrap audio { max-width: 300px; width: 100%; }
				.sound-wrap-full audio { max-width:300px; width:100%; }
			.snd-dl span { display:none; }

	.adbansizes { width: 320px; height: 100px; }
}

	@media (max-width: 471px) { /* About Feature Fix */ #about #feature-sprite { width:100%; background-size:471px; overflow:hidden; }  }
	@media (max-width: 467px) { /* About Feature Fix */ #icons #feature-sprite { width:100%; background-size:450px; overflow:hidden; background-position:0; }  }
	
@media (max-width: 420px) { 
	.image-wrap img { width:100%; height:auto; }	
	.content-border { padding:10px; }
}
@media (max-width: 395px) { 
	.adspace { min-width:0; padding:5px 0; }
	.adbansizes { min-width:0 !important; width:100%; height:auto;}
}
	@media (max-width: 390px) { /* Mobile Logo Tweek */ .mobile-logo { width:190px; } .mobile-logo img { width:100%; height:auto; } .mobile-but a { font-size: 140%; padding: 10px 0 7px 48px; background:url(images/menu-sword-icon.png) no-repeat top 12px left 0 }  }
@media (max-width: 380px) {
	#videos #videowin video { width:100%; height:auto; }
	
	#wallpaper .imgbox, #graphics .imgbox { margin: 30px auto; }
  	#desktop .imgbox  { width:100%; min-width:0px; margin:30px auto; max-width:300px; }
		
	a.toTop { text-align:left; float:none; width:100%; }

	body, p, .page-left p, .page-full p { line-height:1.5; }
	
	#about #feature-sprite { height:289px; }

	#icons .image-wrap img { max-width:128px; }
	#flyers .image-wrap img, #articles .image-wrap img  { max-width:150px; }
	#flyers .imgboxtxt img { width:auto; height:auto; }
}

	@media (max-width: 367px) { #tech #feature-sprite { width:100%; background-size:367px; }  }
	@media (max-width: 330px) {
		#home #feature-sprite { width:100%; } /* Home Feature Fix */
		.mobile-but a { padding: 10px 0 7px 0px; background:none; }  
	}