/* Reset styles */

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

html {
	height:100%;
}

body {
	font:0.8em Georgia;
	color:#FFCC33;
	background:#000;
	position:relative;
	min-height:100%;
}

a {
	color:#0f0;
	text-decoration:underline;
	outline:none;
	background:none;
}

a:visited {color:#0c0;}
a:hover {text-decoration:none;}

/* Titles */

h1 {
	font:normal 1.9em Georgia;
	letter-spacing:2px;
	margin-bottom:15px;
}

h3 {
	font:normal 1.6em Georgia;
	margin-bottom:10px;
	letter-spacing:1px;
}

h2 {
	font:normal 1.8em Georgia;
	margin-bottom:10px;
}

/* Structure */

#wrapper {
	width:750px;
	margin:0 auto;
	background:url("images/bg.png") no-repeat center 63px;
	position:relative;
	padding:37px 40px 70px 210px;
}

/* Logo */

#logo {
	left:129px;
	width:318px;
	height:58px;
	display:block;
	position:relative;
}

	#logo span {
		background:url("images/logo.png") no-repeat top left;
		width:318px;
		height:58px;
		position:absolute;
		top:0;
		left:0;
		display:block;
		cursor:pointer;
	}

/* Content */
	
.content {
	padding:40px 0 0;
}

	.content p {
		margin-bottom:12px;
	}

/* List */

.list {
	padding-left:11px;
	margin-bottom:25px;
}

	.list li {
		background:url("images/list-marker.gif") no-repeat 5px 6px;
		padding-left:25px;
		margin-bottom:10px;
		line-height:16px;
	}
	
	.list .ie {background:url("images/ie.png") no-repeat left top;}
	.list .ff {background:url("images/ff.png") no-repeat left top;}
	.list .opera {background:url("images/opera.png") no-repeat left top;}
	.list .gc {background:url("images/gc.png") no-repeat left top;}

/* Navigation */

.nav {
	font-family:Verdana;
	overflow:hidden;
	font-size:12px;
	padding-right:30px;
	margin-bottom:10px;
}

	.nav li {
		float:right;
		padding:0 8px;
	}
	
		.nav li a {
			float:left;
			display:block;
			line-height:15px;
		}
		
		.nav li span {
			font-weight:bold;
		}
		
		.next-arw {
			display:block;
			width:24px;
			height:15px;
			background:url("images/arrow-right.gif") no-repeat left bottom;
		}
		
		.prev-arw {
			display:block;
			width:24px;
			height:15px;
			background:url("images/arrow-left.gif") no-repeat left bottom;
		}
		
		.next-arw:hover, .prev-arw:hover {
			background-position:left top;
		}

/* Preview */

.preview {
	border-left:1px solid #444;
	border-top:1px solid #444;
	border-right:1px solid #222;
	border-bottom:1px solid #222;
	background:url("images/preview-bg.gif") top left;
	margin-bottom:25px;
}

	.preview-inside {
		padding:15px;
		background:url("images/preview-inside-bg.png") no-repeat top left;
		overflow:hidden;
	}
	
		.preview a img {
			float:left;
			padding:2px;
			background:url("images/preview-image-bg.gif");
			vertical-align:top;
		}
		
		.preview a:hover img {
			background:url("images/preview-image-bg-hover.gif");
		}

		.description {
			margin-left:220px;
		}
			
			.content .description p {
				margin-bottom:2px;
			}
		
				.description span {
					margin-right:10px;
				}

/* Menu */

#menu {
	position:absolute;
	width:185px;
	visibility:hidden;
	z-index:100;
	background:url("images/menu-top.png") no-repeat 11px top;
	padding-top:120px;
}

	#menu div {
		background:url("images/menu-middle.png") repeat-y 11px top;
	}
	
		#menu ul {
			background:url("images/menu-bottom.png") no-repeat 11px bottom;
			padding:6px 0 87px;
			overflow:hidden;
		}
		
			#menu li {
				overflow:hidden;
				vertical-align:top;
				height:28px;
				line-height:28px;
				padding-bottom:40px;
			}
		
				#menu li a {
					display:block;
					background:url("images/menu-item.gif") no-repeat bottom left;
					height:28px;
					line-height:28px;
					padding-left:40px;
					color:#FFCC33;
					font-size:12px;
					font-family:"Courier New";
					text-decoration:none;
					letter-spacing:3px;
					position:relative;
				}
				
					#menu li a span {
						color:#1C1606;
					}
				
				#menu li a:hover, #menu .current a {
					background:url("images/menu-item.gif") no-repeat top left;
				}
					
					#menu li a:hover span, #menu .current a span {
						cursor:pointer;
						color:#FFCC33;
					}

/* Footer */

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	min-width:750px;
}

	#footer-inside {
		margin:0 auto;
		background:url("images/bg.png") no-repeat center top;
		padding:15px 80px;
		width:840px;
	}
	
		.counter-block {
			float:right;
		}
		
.lnks {color:#000;font-size:10px;}
.lnks a {color:#000;font-size:10px;}