/* reset */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* /reset */

#wrap {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	padding:2em 0 2em 2em;
}
ol {
}
ol>li {
	list-style:decimal;
	clear:both;
	position:relative;
	border-top:5px solid #eee;
	padding:10px 0 0 0;
}
h2 {
	font-size:40px;
	margin:0 0 14px 0;
}
ul {
	float:left;
	margin:0 0 66px 0;
}
ul li {
	width:9.5%;
	min-height:1px;
	position:relative;
	float:left;
	margin:0 0.3% 0 0;
}
img {
	display:block;
	margin:0 5px 0 0;
	width:100%;
}
.imgHover {
	outline:none;
	width:auto;
	max-width:none;
	height:auto;
	max-height:none;
	position:absolute;
	top:0;
	left:0;
	z-index:7;
	-moz-box-shadow:0 0 10px #808080;
	-webkit-box-shadow:0 0 10px #808080;
	box-shadow:0 0 10px #808080;
}
ul.links {
	position:absolute;
	width:100%;
	top:22px;
	float:left;
	margin:0;
}
ul.links li {
	float:left;
	height:auto;
	position:static;
}
ul.links li:first-child {
	margin-left:68.5%;
}
ul.links li a {
	float:left;
	color:#036;
}

@media (max-width: 1024px) {
	ul li {
		width:19%;
		margin:0 0.4% 0.5% 0;
	}
	ul.links {
		top:17px;
	}
	ul.links li:first-child {
		margin-left:39%;
	}
	h2 {
		font-size:24px;
		margin:4px 0 14px;
	}
}
@media (max-width: 480px) {
	#wrap {
		padding:1em 0 1em 0.5em;
	}
	h2 {
		font-size:18px;
		margin-bottom:14px;
	}
	ul li {
		width:97%;
	}
	ul.links {
		top:15px;
		text-align:right;
		right:3%;
	}
	ul.links li {
		font-size:13px;
		float:none;
		display:inline;
		width:auto;
	}
	ul.links li a {
		float:none;
	}
}
@media (max-width: 320px) {
	ul.links {
		top:6px;
	}
	ul.links li {
		display:block;
		line-height:1.6;
	}
	h2 {
		margin:18px 0 35px 0;
	}
}