style.css

/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126License: none (public domain)*/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, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

img{
  	margin: 5px;
  	border:2px black solid;
}

h1{
	font-size:35px;
	font-family:arial;
}

#outer{
  	width: 100%; height: 100%;
}

.overlay{
   	background-color: #000;
   	opacity: .7;
   	filter: alpha(opacity=70);
   	position: absolute; top: 0; left: 0;
   	width: 100%; height: 100%;
   	z-index: 10;
}

.overlayimg{
  	position: absolute;
  	z-index: 11;
  	left:400px;
}

	
img{
	width:10%;
}
	
.wrapper{
	width:800px;
	text-align:center;
	margin:0 auto;
}