@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.5; }
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;
}

body, .nofont { background-color:#FFF; color:#171717; font-size:100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.nofont { display:inline-block; width:auto; }

h1, h2, h3, h4, h5 { line-height:1; text-transform: uppercase; }
h1 { font-size:360%; color:#1d518a; margin-bottom:20px;}
h2 { font-size:300%; color:#528468; margin-bottom:10px; } 
h3 { font-size:260%; color:#755d43; padding-bottom: 20px; }
	h3 .nofont { color:#755d43; }
	h3 span { width:100%; font-size:60%; display:inline-block;}
h4 { font-size:170%; color:#1d518a; }
	#walkthrough h4 {text-align:center; margin:0 auto 20px auto; max-width:500px}
h5 { font-size:140%; color:#528468; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none; color:#1d518a; line-height:1; }
	.page-side h1 { font-size:200%; color:#1d518a; }
	.page-side h2 { font-size:170%; color:#528468; }
	.page-side h3 { font-size: 250%; color:#755d43; }
.aligncenter, .cen { text-align:center; }
.alignleft { float:left; margin:0 20px 10px 0; }
.alignright { float:right; margin:0 0 10px 20px; }
.aligncen { margin:10px auto; display:block; }

	p { margin-bottom:30px; }
	blockquote { margin:0 50px 30px 50px; position:relative; color:#313131; font-style:italic; }
	blockquote::before { position:absolute; top:3px; left:-50px; width:47px; height:34px; background:url(images/quote-left.png) no-repeat; display:block; content: ""; }
	blockquote::after { position:absolute; bottom:3px; right:-45px; width:47px; height:34px; background:url(images/quote-right.png) no-repeat; display:block; content: ""; }
	
a { color:#336699; }
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; }

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; }

.sharethumb { position: absolute; left: -9999px; top: 0; }
 
.flash-wrap { height:100%; max-width: 600px; margin: 0 auto; max-height:450px;  }
.flash-wrap object { display:block; width:100%; height:100%; min-height:450px; } 

#bread { font-size:80%; color:#777; margin-bottom:20px;}
#bread a { color:#777; }

/* Fonts */
#menu li a, a.playbut, .sharetxt, #menu-mobile a, .footer-menu a, tr.head, .rowhead, h4, h5, h3 span, .subnav a, .submitbutton input, form select, form input[type=text], #paragraph-box h2, .magic-box .spelleffect td:first-child, #noneblock, #downloads h2, #downloads h3  { font-family:"GothamLight", "Helvetica Neue", Helvetica, Arial, sans-serif;} 
h1, h2, h3 { font-family:"Scurlock", Garamond, Adobe Garamond, Times, Times New Roman; } 

.adspace { 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:#737373; max-width: 300px; }
	.imglayout .page-left .image-wrap { display:inline-block; max-width:300px; width:100%; vertical-align:top; margin:0 40px 60px 40px; }
		.imglayout .page-left .image-wrap img { margin-bottom:5px; }
		.imglayout .page-left .image-wrap p { text-align:left; } 
#icons .page-left .image-wrap { width:128px; /* icon image page */ }

.maplink { padding:3px 9px 3px 34px; background:url(images/icon-maplink.png) no-repeat #d4cbb5 top 3px left 6px; min-height:24px; line-height:24px; display:inline-block; text-transform: uppercase;  font-size: 80%; color:#000; text-decoration:none; margin: 0 0 10px 0;}
 
/* 
####################################
HEADER 
##################################### 
*/
#feature, #top-menu-contain, #top-area-contain {  width:100%; max-width:1800px; margin:0 auto; display:block; }

header { width:100%; height:auto; min-height:180px; display:block; position:relative; }
	#top-area { display:inline-block; width:100%; height:120px; background-color:#000; z-index:200; }
		#top-area-contain { position:relative; }
			#top-logo { position:absolute; top:5px; left:20px; width:100%; max-width:616px; height:109px; z-index: 500; }
				#top-logo img { width:100%; height:auto; }
			#top-share { float:right; display:block; margin:20px 20px 0 0; }
				#top-share .sharetxt { text-transform:uppercase; color:#FFF; font-size: 20px; vertical-align: middle;}
				#top-share a { display:inline-block; vertical-align: middle; }
				#top-share img { height:30px; width:30px; }
	#top-menu{ width:100%; background-color:#534741; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7); z-index:200; }
		#top-menu-contain { display:table; height:100%; }
		#top-menu-row { display:table-row; }
			#menu-button { display:table-cell; text-align:right; vertical-align:middle; margin-right:20px; }
				a.playbut { padding: 5px 10px 5px 60px; margin-right:20px; position:relative; background-color:#7e716a; color:#FFF; font-size:120%; text-decoration:none; height:50px; line-height:50px; border:1px solid #443832; text-shadow: 1px 1px 2px #000; }
				a.playbut:hover { -webkit-box-shadow: inset 4px 4px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 4px 4px 3px 0px rgba(0,0,0,0.2); box-shadow: inset 4px 4px 3px 0px rgba(0,0,0,0.2); }
				.playbut .playbuticon { height:60px; width:56px; position:absolute; top:-13px; left:0; background:url(images/icon-menu-heart.png) no-repeat; }
			/* Menu */
			#menu-mobile { display: none; }
			#menu { display:table-cell; vertical-align:middle; text-align:left;  margin: 0; padding: 0 0 0 20px; list-style: none; position:relative; }
			  #menu li { position: relative; font-size:20px; display:inline-block; margin:0; padding:0; line-height:1; vertical-align:top; text-shadow: 1px 1px 2px #000; } 
			  #menu li a { display:block; padding: 17px 20px 17px 20px; margin:0; color:#FFF; text-decoration:none; }
				#menu li.menu-shield a, #menu li.menu-key a, #menu li.menu-diam a, #menu li.menu-sword a { padding-left:57px; background-repeat:no-repeat; }
					#menu li.menu-shield a 	{ background-image:url(images/icon-menu-shield.png); }
					#menu li.menu-key a 	{  background-image:url(images/icon-menu-key.png); }
					#menu li.menu-diam a 	{  background-image:url(images/icon-menu-diamond.png); }
					#menu li.menu-sword a 	{  background-image:url(images/icon-menu-sword.png); }
			  #menu li:hover > a { color: #FFF; background-color:#928460; }
			/* Sub-menu */
			#menu li:hover > ul { display: block; }
			#menu ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 60px; left:0px; z-index: 99999; background-color:#81755c; }
				#menu ul li { float: none; margin:0; padding:0; display: block; font-size: 20px; text-align: left;  border-top:1px solid #a89d80; border-bottom:1px solid #6e644e; }
				#menu ul a { padding: 15px 20px !important; min-width: 280px; height: auto; line-height: 1; display: block; color:#FFF; background-image:none !important; }
				#menu ul a:hover { background-color:#928460; }
			/* Hide Tertiary Menus */
			#menu ul ul { display:none; opacity: 0; visibility: hidden; }

	#wrap-feature { z-index:100; width:100%; background-color:#464646; display:block; }
		#feature img { max-width:1800px; width:100%; height:auto; }

	.showmob { display:none !important; }	  

/* 
####################################
PAGE LAYOUT
##################################### 
*/

#page { width:100%; height:auto; display:block; background-color:#e1e1e1; }
	#page-wrap { position:relative; width:100%; max-width:1800px; margin:0 auto; background-color:#FFF; }
    	.page-full { padding:40px; }
		.page-left { padding:40px; margin-right:440px; min-height: 900px; /* Side Fix - Tapper */}
    	.page-side { position:absolute; width:400px; top:0; right:0; margin:40px 40px 40px 0; }
					
		/* Side Box */
		.side-box { width:100%; position:relative; text-align: center; padding:20px; margin:0 auto 40px auto; background:#f5f5f5; }
			.side-box .share .sharetxt { display:none; }
 			.side-box .share img { width:50px; height:50px; }
		 	.side-box img { max-width:300px; width:100%; height:auto; }
			.side-box p { text-align:left; }
		.side-box .image-wrap { margin: 0 auto 20px 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; }
		
.subnav a { position: relative; display: inline-block; background: #000; color: #FFF; text-decoration: none; padding: 8px 12px 8px 12px; margin: 5px 5px; font-size: 18px; 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-color:#313131; }
.subnav a.subon { background: #9fbee1; color: #000; font-weight: bold; }
.subnav a.subon:hover { background: #9fbee1; color: #000; font-weight: bold; }

/* 
####################################
INDIV. PAGES 
##################################### 
*/
.magic-box { display:inline-block; width:49%; margin: 0px 0px 20px 0; vertical-align:top; }
	.magic-box:nth-child(odd) {  padding:20px 40px 20px 0; }
	.magic-box:nth-child(even) {  padding:20px 0px 20px 0; }
	.magic-box .spelleffect { float:left; margin:0 10px 2px 0; max-width:200px; width:100%; min-width:160px; }
	.magic-box .spelleffect td { vertical-align:top; }
	.magic-box .spelleffect td:first-child { text-transform:uppercase; font-size:80%;  }
#magic .page-left h2 { margin-top:40px;}
.magic-box h4 { margin-bottom:5px; } 
.magic-box p { margin-bottom:10px; }

#weapons h2, #weapons h3, #weapons h4 { text-align:center; }
#weapwrap p { text-align:center; }
#weapons .page-left td { vertical-align:top; }
#controls .page-left table, #weapons .page-left table { width:100%; max-width:500px; }
#magicwrap > div, #weapwrap > div { display:none; }
	#noneblock  { display:block; text-align:center; vertical-align:middle; width:100%; max-width:500px; border:1px solid #C8C8C8; padding:80px; margin:80px auto; text-transform:uppercase; font-size:16px; }

#skills h2 { margin-bottom:20px; }
.skillbox { display:inline-block; vertical-align:top; text-align:left; width:100%; max-width:300px; margin:25px 20px; }

.page-left td { min-width:60px; vertical-align:top; padding:10px; }
#npcs .page-left h2 { text-align:center; }
#npcs .page-left table td:first-child { font-weight:bold; }

#controls .page-left h2 {text-align:center; margin-top:40px; }
#controls .page-left table span { background-color:#CCCCCC; color:#000; padding:3px 6px; margin:0 3px; -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4); }

#downloads h2 { margin-bottom:40px; font-size:250%; }
#downloads h3 { padding-bottom:5px; font-size:180%; }
#downloads .cont-split { margin-bottom:50px; }
#downloads .cont-left { width:180px; }
#downloads .cont-left img { max-width:150px; }
#downloads .cont-right { min-height:150px; margin-left:190px; padding-top: 10px; }
.dlsize { color:#777777; font-size:80%; }

#maps .image-wrap { width:250px; text-align:center; display:inline-block; vertical-align:top; margin:0 20px 20px 20px; }
	
.dosbox { margin:0 auto; display:block; text-align:center; }
.dosboxerror { display:none; text-align:center; vertical-align:middle; width:100%; max-width:500px; color:#AB0000; border:1px solid #C8C8C8; padding:80px; margin:40px auto; }
.dosboxerror h4 { color:#AB0000; }

#paragraph-form { display:table; margin:0 auto 40px auto; }
	.submitbutton { display: inline-block; border:1px solid #000; margin: 5px 5px; vertical-align:middle; }
	.submitbutton span { display: block;border: 2px solid #FFF; }
	.submitbutton input[type=submit] {color: #FFF; border:none; background-color:#000; text-decoration: none; padding: 7px 12px 7px 12px; font-weight: normal; font-size: 18px; text-transform: uppercase; z-index: 10; }
	.submitbutton input[type=submit]:hover { background-color:#313131; }
	.walkform select { height:38px; width:250px; }
	.paraform input[type=text] { height:38px; width:80px; }
	.walkform select, .paraform input[type=text] { border:1px solid #7A7A7A; vertical-align:middle; font-size: 18px; padding: 6px;
		-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.2);
		box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.2); }
		
#paragraph-box > div {display:none;}
#paragraph-box { margin:20px; } 
#paragraph-box *[id^='para']  { padding:20px; border:1px solid #DBDBDB; }
#paragraph-box h2 { font-size:170%; text-align:center; }
#paragraph-box p:last-child { margin-bottom:0; }
#paratxt, .noscript { font-size:80%; color:#777777; text-align:center; margin:20px 0 0 0; }

/* Sounds */
#table-sounds .col1 { width:10%; min-width:64px; }
#table-sounds .col2 { width:30%; }
#table-sounds .col3 { width:30%; }
.soundsize { color:#565656; font-size:80%; }

/* Icons */
#icons .cont-split { display: inline-block; width: 230px;vertical-align: top; margin:0 20px 70px 20px; }
#icons .cont-left { position:relative; top:auto; left:auto; display:block; width:100%; text-align:center; }
  #icons .cont-left img { display:inline-block; }
  	#icons .cont-left .image-wrap-icon { display:inline-block; }
#icons .cont-right { display:block; width:100%; margin:0; min-height:50px; text-align:center; }
	#icons .cont-right h3, #icons .cont-right p { margin-bottom:5px; padding:0; text-align:center; }
.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; }
#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; }		

.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; }
	.imgboximg { text-align:center; }
		.imgboximg img { display:inline-block; }
	.imgboxtxt { font-size:100%; text-align:center; }
	h2.imghead { font-size:240%; color:#3ba5d7; }
option.formhead { font-weight:bold; }

a.toTop { color:#990000; 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.pdflink { background:url(images/pdf-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; }

/* 
####################################
Tables
####################################
*/
table, .table { margin:0 auto 30px auto; border-spacing: 1; border-collapse: collapse; }
.row { width:90%; margin:0 auto; }
	tr:nth-of-type(odd), .row:nth-of-type(odd) { background-color:#f5f5f5; }
	tr:nth-of-type(even), .row:nth-of-type(even)  { background-color:#fdfdfd; }
	tr.head, .rowhead { background-color:#ded8d5 !important; font-size:120%; text-transform:uppercase;}
	td { padding:3px 5px; 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%; }

/* 
####################################
FOOTER
##################################### 
*/
#footer { width:100%; height:auto; display:block; background:#928460; }
	.footer-menu, .foot-bot { display:block; width:100%; max-width:1800px; margin:0 auto; text-align:center;}
	.footer-menu { padding:30px 20px 30px 20px;}
		.footer-menu a { display:inline-block; font-size:18px; color:#FFF; }
	.foot-bot {  padding:0px 20px 40px 20px; background-color:#534741; }
		.footer-site-links { width:100%; display:inline-block; text-align:center; font-size:80%; margin:20px 0 0 0; }
		.footer-site-links, .footer-copy { color:#a29678; }
		.footer-site-links a, .footer-copy a { color:#cabfa4; display:inline-block; }
		.footer-site-links a:visited, .footer-copy a:visited, .footer-menu a:visited { color:#FFF; }

@media (max-width: 1200px) {
	#page-wrap { width:100%; }
		.page-left { margin-right:360px; }
    	.page-side { width:320px; }
		
	.magic-box:nth-child(odd) {  padding:20px 0 20px 0; width:100%; }
	.magic-box:nth-child(even) {  width:100%; }
}
@media (max-width: 1000px) {
	.page-left { margin-right:0; width:100%; display: inline-block; }
    .page-side { position:relative; width:100%; padding:20px; margin:0; }
	.side-box { max-width:100%; }
	#top-menu-contain { display: block; }
	#top-menu-row { display: block; }
	#menu { display: inline-block; }
	#menu-button { display: block; position: absolute; width: 100%; bottom: 20px; left: 0; right: 0; margin: 0 auto;  max-width: 220px;}
	
	.magic-box:nth-child(odd) {  padding:20px 40px 20px 0; width:49%; }
	.magic-box:nth-child(even) {  width:49%; }
}
@media (max-width: 950px) {
	#top-share .sharetxt { display:none; }
		.imglayout .page-left .image-wrap { margin:0 40px 60px 40px; }
}
@media (max-width: 850px) {
	#top-area {height:auto; }
	#top-logo { position:inherit; top:auto; left:auto; height:auto; }
		#top-logo img {padding:10px; }
	#top-share { display:none; }
	/* Mobile Menu */
	#menu.showing { display:inline-block; }
	  #menu-mobile { display:inline-block;  width:100%; text-align:left; padding-left:20px; }
	  	  #menu-mobile a { font-size:160%; color:#FFF; padding:0 20px 0 70px; background:url(images/icon-menu-scroll.png) no-repeat; text-shadow:1px 1px 2px #000; text-decoration:none; text-transform: uppercase; display:inline-block;  min-height:60px; line-height:60px; }
		  #menu-mobile a:hover { background-color:#695d57; color:#FFF; }
	  #menu { display:none; width:100%; border-bottom:none; position:relative; padding:0; }
		#menu li { font-size:140%; display:inline-block; width:100%; padding:0; border-top:1px solid #a89d80; border-bottom:1px solid #6e644e; }
		#menu li a { padding:14px 20px; color:#FFF; text-decoration:none; text-transform:uppercase; border-top:1px solid transparent; border-bottom:1px solid transparent; background-color:#81755c; }
			#menu li.menu-shield a, #menu li.menu-key a, #menu li.menu-diam a, #menu li.menu-sword a { padding-left: 80px; background-position: 20px; } 	
		#menu li a:hover { background-color:#928460; color:#FFF; }
  		#menu li a:hover > a { color:#FFF; }  	
		/* Hide Tertiary Menus */
		#menu li:hover > ul { display: none; }		
		#menu ul { display:none; opacity: 0; visibility: hidden; }		
  .showmob { display:inline-block !important; }
  	
		.adspace { min-width:468px; width:auto; }
		.adbansizes { width: 468px; height: 60px; }
		
	.magic-box:nth-child(odd) {  padding:20px 0 20px 0; width:100%; }
	.magic-box:nth-child(even) {  width:100%; }
	.magic-box h2, .magic-box h3, .magic-box h4, .magic-box p { text-align:center; }
	.magic-box { display:inline-block; width:49%; margin: 0px 0px 20px 0; vertical-align:top; }
	.magic-box .spelleffect { margin:0 auto; float:none; }
}
@media (max-width: 750px) {
	h1, h2, h3 { text-align:center !important; }
	#walkthrough .toTop, #magic .toTop { display:inline-block; width:100%; text-align:center;margin-bottom:5px;  }
		.page-cen h1, .page-cen p { text-align:center; }
	#downloads h3 {text-align:left !important; }
	#downloads p {text-align:center; }
	#downloads .cont-right p {text-align:left; }
	 	
	.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; }
		
	#icons .cont-left { position:relative; margin:10px auto; width:100%; }
	#icons .cont-right { width:100%; text-align:center; min-height: 10px; margin-left:0px;}	
	
	.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; }
	.image-wrap { width:100%; margin: 15px auto 20px auto; float:none; /* Gets rid of alignment in body */ }
		.imglayout  .page-left .image-wrap { margin:0 auto 60px auto; max-width:none; }
}
@media (max-width: 740px) {
	.dosbox { display:none; }
	.dosboxerror { display:block; }
}
@media (max-width: 655px) {
	#logo-left, #logo-right { display:none; }
	#logo-mid, #logo-mid img { width:100%; height:auto; }
		#logo-mid { position:relative; }
	
	#guide-people .col1, #guide-people .col2, #guide-people .col3 { width:100%; }
}
@media (max-width: 600px) {
	.page-full, .page-left { padding:20px; }
}
@media (max-width: 600px) {
	#maps #mapfeatimg { width:100%; max-width:none; display:block; }
}
@media (max-width: 500px) {
	.adspace { min-width:320px; padding:5px 3px; }
	.adbansizes { width: 320px; height: 100px; }
	
	table { width:90%; display:block;}
	tr, td { display:inline-block; width:100%; }
	#weapons tr td:first-child { font-weight:bold; }
	#walkthrough tr td:first-child { font-weight:bold; }
	
	.skillbox { max-width:none; margin:25px auto; }
	#npcs .page-left table td:nth-child(2), #npcs .page-left table td:nth-child(3), #npcs .page-left table td:nth-child(4), #npcs .page-left table td:nth-child(5) { width:48%; }
	#downloads h3 {text-align:center; }
	#downloads .cont-left { position:relative; margin:10px auto; width:100%; }
	#downloads .cont-left .image-wrap { margin: 20px auto 0px auto; }
	#downloads .cont-right { width:100%; text-align:center; min-height: 10px; margin-left:0px; }
	#downloads .cont-right p { text-align:left; }	
}
@media (max-width: 380px) {
	.page-full, .page-left { padding:10px; }
			
	h1 { font-size:260%; }
	h2 { font-size:240%; } 
	h3 { font-size:220%; }
	h4 { font-size:150%; }
	h5 { font-size:120%; }
	
	.side-box .share img { width:40px; height:40px; }

	.image-wrap img, .image-wrap-icon img, .image-wrap-flyer img { width:100%; height:auto; }
	.image-wrap-icon img { max-width:128px; }
	.image-wrap-flyer img  { max-width:150px; }
}