* {
	margin: 0;
	padding: 0;
}

body {
	background: #3b2b0a;
	font: small verdana;
	color: #ffffff;
}

.hidden {
	display: none;
	visibility: hidden;
}

/*
 *  LINKAGE & TYPOGRAPHY
 */
 
	a, a img {
		color: #ffe900;
		text-decoration: none;
		border: none;
	}
	 
	p, #content ul {
		font-size: .9em;
		line-height: 1.3em;
		margin-bottom: 1.3em;
	}
	 
	#colA p, #colA ul { margin-right: 100px; }
	
	ul { margin-left: 12px; }
 
	h1 {
 		color: #ffe900;
		font: 3em bold verdana;
	}
	
	h2 {
		color: #ffe900;
		font: 1.3em bold verdana;
	}
	
	h2.intro { margin-top: 30px; }
	
	.attribution {
		font-size: 1.2em;
		margin: 0;
	}
	
	span.copyright { font-size: .8em; }
		
	#colB h2 { margin-left: 16px; }
	
	#footer p {
		color: #866d1d;
		font: 1em arial;
		line-height: 1.5em;
	}
	
		#footer a { color: #866d1d; }


/*
 *  STRUCTURE
 */
 
	.column {
 		position: relative;
		float: left;
	}
	
	
	#flashcontent { text-align: center; }
	
	#flashcontent #noflash { 
		width:600px;
		text-align: left; 
		margin: 50px 0 0 50px; 
	}
		
 
  #shell { background: url(../images/global/bg_generic.jpg) top left no-repeat; }
	#shell.downloads { background: url(../images/downloads/bg_plain.jpg) top left no-repeat; }
	#shell.peruse { background: url(../images/peruse/bg.jpg) top left no-repeat; }	
 
		#nav {
			position: relative;
			top: 26px;
			left: 56px;
			width: 825px;
			height: 26px;
		}
		
		#content {
			position: relative;
			margin: 54px 0 0 90px;
			padding-top: 20px;
		}
			
			#colA { width: 485px; }
			
			#colB { width: 350px; }
			
				#subcolA {
					width: 158px;
					left: 16px;
				}
				
				#subcolB { width: 150px; }
			
		#footer {
			clear: both;
			position: relative;
			left: 90px;
			padding: 72px 0 36px 0;
			width: 835px;
		}
			 
 
/*
 *  NAVIGATION
 */
 
 	#nav ul {
		margin: 0;
		padding: 0;
	}
				
		#nav li {
			display: inline;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
				
			#nav a {
				float: left;
				padding-top: 26px;
				height: 0px;
				overflow: hidden;
			}
		
				#home a {
					width: 114px;
					background: url(../images/nav/nav_home.gif);
				}
				
				#peruse a {
					width: 123px;
					background: url(../images/nav/nav_peruse.gif);
				}
				#peruse.on a { background: url(../images/nav/nav_peruse_on.gif); }
				
				#pummel a {
					width: 131px;
					background: url(../images/nav/nav_pummel.gif);
				}
				#pummel.on a { background: url(../images/nav/nav_pummel_on.gif); }
				
				#buy a {
					width: 131px;
					background: url(../images/nav/nav_buy.gif);
				}
				#buy.on a { background: url(../images/nav/nav_buy_on.gif); }
				
				#buyfonts a {
					width: 140px;
					background: url(../images/nav/nav_buyfonts.gif) top right;
				}
				
				#buyfonts.on a { background: url(../images/nav/nav_buyfonts_on.gif); }
				
				#reviews a {
					width: 176px;
					background: url(../images/nav/nav_reviews.gif);
				}
				#reviews.on a { background: url(../images/nav/nav_reviews_on.gif); }
				
				#downloads a {
					width: 139px;
					background: url(../images/nav/nav_downloads.gif);
				}
				#downloads.on a { background: url(../images/nav/nav_downloads_on.gif); }

				#contact a {
					width: 142px;
					background: url(../images/nav/nav_contact.gif);
				}
				#contact.on a { background: url(../images/nav/nav_contact_on.gif); }


/*
 *  COUNTRY SELECTOR
 */	
	#selector {
		position: absolute;
		top: 230px;
		left: 310px;
		width: 390px; /* 610 */
		height: 235px;
		overflow: hidden;
		z-index: 100;
	}
	
		#bg {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			background: #000000;
			opacity: .90;
			-moz-opacity: .90;
			filter:alpha(opacity=90);
			z-index: -1;
		}
		
		#close_btn {
			position: absolute;
			top: 3px;
			left: 5px;
			cursor: pointer;
		}
			
		#hdr_region {
			position: absolute;
			top: 22px;
			left: 25px;
		}
		
		#hdr_country {
			position: absolute;
			top: 22px;
			left: 392px;
		}
		
		.img_world {
			position: absolute;
			top: 62px;
			left: 80px;
			border:0px;
		}
		
		#selected_region {
			position: absolute;
			top: 38px;
			left: 392px;
		}
		
		#scroll_up {
			position: absolute;
			top: 63px;
			left: 581px;
			cursor: pointer;
		}
		
		#scroll_down {
			position: absolute;
			top: 197px;
			left: 581px;
			cursor: pointer;
		}
		
		#viewport {
			position: absolute;
			width: 198px;
			height: 110px;
			top: 76px;
			left: 392px;
			overflow: hidden;
		}

			#overflow {
				position: relative;
				width: 198px;
				height: 100%;
				padding-top: 1px;
				background: url(../images/peruse/overflow_bg.gif) repeat;
			}
			
				#overflow ul { margin: 0; }
				
				 #overflow ul li {
				 	height: 18px;
					width: 197px;
				 	list-style: none;
					overflow: hidden;
					z-index: 100;
				}
				
				#overflow ul li:hover { z-index: 200; }
				
					#overflow ul li a img {
						position: relative;
						margin: 1px 0 1px 0;
						z-index: 100;
					}
					
					#overflow ul li:hover img, #overflow ul li.over img {
						margin: 0;
						left: -199px;
						border-top: 1px solid #989898;
						border-bottom: 1px solid #989898;
						z-index: 200;
					}
		
	
/*
 *  IMAGES
 */
 
	img#intro_p {
		position: relative;
		margin: 0 0 1.3em -95px;
	}
 
	img#fontbook_lrg { margin: 25px 0 32px 0; }
	.downloads img#fontbook_lrg { 
		position: relative;
		top: 0;
		left: 0;
		_left: 15px; /* hack for the Bane of My Existence (IE 6) */

		margin-top: 16px; 
	}
	
	img#fontbook_sm {
		position: relative;
		top: 0;
		left: 75px;
		_left: 72px; /* hack for the Bane of My Existence (IE 6) */
		_top: 8px;
	}
	
	 img#email_comments {
	 	position: relative;
		display: block;
		top: 0;
		left: 60px;
	 }
	
	img#buy_fontbook { margin-bottom: 45px; }