body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #434368;
	background-image: url(images/background-image.jpg);
	background-repeat: repeat-x;
	font: 13px/1.2 Arial, Helvetica, sans-serif;
	
}

#outer-frame {
	margin: 2px auto;
	border: solid 1px white;
	height: 752px;
	width: 992px;
}

#inner-frame {
	height: 750px;
	width: 990px;
	border: solid 1px #434368;
	background-image: url(images/photos/front-page.jpg);
}


#front-page-message {
	text-align: center;
	width: 500px;
	margin: 0 auto;
	margin-top: 100px;
	background-color: white;
	padding: 50px;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	border: solid 1px #434368;
}

.alt {
	display: none;
}

#back {
	position: relative;
	top: 10px;
	left: 10px;
	height: 24px;
	width: 84px;
	background-image: url(images/back.gif);
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

#back a{
	display: block;
	height: 24px;
	width: 84px;
}


.hilite a {
	display: block;
	/* border: dotted 1px white; */
}

.hilite a:hover {
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

#site1 {
	position: relative;
	top: 221px;
	left: 722px;
	width: 32px;
	height: 23px;
}

#site1 a {
	height: 23px;
	width: 32px;
}

#site1 a:hover {
	background-image: url('images/1-end-of-the-line.jpg');
}

#site2 {
	position: relative;
	left: 451px;
	top: 223px;
	width: 157px;
	height: 17px;
}

#site2 a {
	width: 157px;
	height: 17px;
}

#site2 a:hover {
	background-image: url('images/2-lost-world-incline.jpg');
}

#site3 {
	position: relative;
	left: 563px;
	top: 247px;
	width: 41px;
	height: 33px;
}

#site3 a {
	width: 41px;
	height: 33px;
}

#site3 a:hover {
	background-image: url('images/3-kyber-pass.jpg');
}

#site4 {
	position: relative;
	left: 422px;
	top: 190px;
	width: 101px;
	height: 31px;
}

#site4 a {
	width: 101px;
	height: 31px;
}

#site4 a:hover {
	background-image: url('images/4-lost-world.jpg');
}

#site5 {
	position: relative;
	left: 341px;
	top: 137px;
	width: 58px;
	height: 37px;
}

#site5 a {
	width: 58px;
	height: 37px;
}

#site5 a:hover {
	background-image: url('images/5-machine-hut.jpg');
}

#site6 {
	position: relative;
	left: 255px;
	top: 100px;
	width: 49px;
	height: 37px;
}

#site6 a {
	width: 49px;
	height: 37px;
}

#site6 a:hover {
	background-image: url('images/6-coat-hut.jpg');
}

#site7 {
	position: relative;
	left: 189px;
	top: 100px;
	width: 105px;
	height: 59px;
}

#site7 a {
	width: 105px;
	height: 59px;
}

#site7 a:hover {
	background-image: url('images/7-california.jpg');
}

#site8 {
	position: relative;
	left: 294px;
	top: 68px;
	width: 33px;
	height: 32px;
}

#site8 a {
	width: 33px;
	height: 32px;
}

#site8 a:hover {
	background-image: url('images/8-seamstress.jpg');
}

#site9 {
	position: relative;
	left: 59px;
	top: 9px;
	width: 55px;
	height: 42px;
}

#site9 a {
	width: 55px;
	height: 42px;
}

#site9 a:hover {
	background-image: url('images/9-skyline.jpg');
}

#site10 {
	position: relative;
	left: 104px;
	top: 9px;
	width: 57px;
	height: 50px;
}

#site10 a {
	width: 57px;
	height: 50px;
}

#site10 a:hover {
	background-image: url('images/10-dalis-wall.jpg');
}

#site11 {
	position: relative;
	left: 590px;
	top: -24px;
	width: 46px;
	height: 33px;
}

#site11 a {
	width: 46px;
	height: 33px;
}

#site11 a:hover {
	background-image: url('images/11-twll-mawr-tunnel.jpg');
}

#site12 {
	position: relative;
	left: 852px;
	top: -47px;
	width: 31px;
	height: 23px;
}

#site12 a {
	width: 31px;
	height: 23px;
}

#site12 a:hover {
	background-image: url('images/12-caban.jpg');
}

#site13 {
	position: relative;
	left: 727px;
	top: 9px;
	width: 125px;
	height: 38px;
}

#site13 a {
	width: 125px;
	height: 38px;
}

#site13 a:hover {
	background-image: url('images/13-strawberries.jpg');
}

#site13a {
	position: relative;
	left: 185px;
	top: 352px;
	width: 129px;
	height: 22px;
}

#site13a a {
	width: 129px;
	height: 22px;
}

#site13a a:hover {
	background-image: url('images/13-strawberries-2.jpg');
}

#site14 {
	position: relative;
	left: 455px;
	top: -4px;
	width: 31px;
	height: 50px;
}

#site14 a {
	width: 31px;
	height: 50px;
}

#site14 a:hover {
	background-image: url('images/14-winding-house.jpg');
}

#site15 {
	position: relative;
	left: 289px;
	top: -65px;
	width: 68px;
	height: 40px;
}

#site15 a {
	width: 68px;
	height: 40px;
}

#site15 a:hover {
	background-image: url('images/15-cigarette.jpg');
}

#site16 {
	position: relative;
	left: 221px;
	top: -105px;
	width: 51px;
	height: 70px;
}

#site16 a {
	width: 51px;
	height: 70px;
}

#site16 a:hover {
	background-image: url('images/16-rainbow-slab.jpg');
}

#site17 {
	position: relative;
	left: 153px;
	top: -175px;
	width: 68px;
	height: 61px;
}

#site17 a {
	width: 68px;
	height: 61px;
}

#site17 a:hover {
	background-image: url('images/17-colossus.jpg');
}

#site18 {
	position: relative;
	left: 606px;
	top: 68px;
	width: 83px;
	height: 72px;
}

#site18 a {
	width: 83px;
	height: 72px;
}

#site18 a:hover {
	background-image: url('images/18-cutting-shed.jpg');
}

#site20 {
	position: relative;
	left: 744px;
	top: 301px;
	width: 97px;
	height: 73px;
}

#site20 a {
	width: 97px;
	height: 73px;
}

#site20 a:hover {
	background-image: url('images/20-end-of-line-2.jpg');
}

#site21 {
	position: relative;
	left: 394px;
	top: 349px;
	width: 75px;
	height: 74px;
}

#site21 a {
	width: 75px;
	height: 74px;
}

#site21 a:hover {
	background-image: url('images/21-dalis-tunnel.jpg');
}

#site22 {
	position: relative;
	left: 389px;
	top: 439px;
	width: 136px;
	height: 186px;
}

#site22 a {
	width: 136px;
	height: 186px;
}

#site22 a:hover {
	background-image: url('images/22-dalis-tunnel-2.jpg');
}

#site23 {
	position: relative;
	left: 471px;
	top: 510px;
	width: 131px;
	height: 139px;
}

#site23 a {
	width: 131px;
	height: 139px;
}

#site23 a:hover {
	background-image: url('images/23-oz-topo.jpg');
}

#site24 {
	position: relative;
	left: 38px;
	top: 321px;
	width: 128px;
	height: 119px;
}

#site24 a {
	width: 128px;
	height: 119px;
}

#site24 a:hover {
	background-image: url('images/24-dekophobia.jpg');
}

#site25 {
	position: relative;
	left: 711px;
	top: 205px;
	width: 95px;
	height: 65px;
}

#site25 a {
	width: 95px;
	height: 65px;
}

#site25 a:hover {
	background-image: url('images/25-buffer-topo.jpg');
}

#site26 {
	position: relative;
	left: 188px;
	top: 280px;
	width: 85px;
	height: 95px;
}

#site26 a {
	width: 85px;
	height: 95px;
}

#site26 a:hover {
	background-image: url('images/26-coats.jpg');
}

#site27 {
	position: relative;
	left: 361px;
	top: 270px;
	width: 103px;
	height: 86px;
}

#site27 a {
	width: 103px;
	height: 86px;
}

#site27 a:hover {
	background-image: url('images/27-soldiers.jpg');
}