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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:Georgia, "Times New Roman", Times, serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


#box { position: absolute; top: 50%; left: 50%; width: 800px; height: 600px ;margin-top: -300px; margin-left: -400px;
 background-image: url(img/bg-bern.gif)}


body {background-color: #306eab; font-family:Arial, Helvetica, sans-serif;}


#box1 a { position: absolute; width: 261px; height: 109px;background-image: url(img/bg1.gif); top: 12px; left: 296px;display: block; }
#box1 a:hover {background-image: url(img/bg1-over.gif);}
#box2 a { background-image: url(img/bg2.gif); position: absolute; width: 239px; height: 146px; top: 137px; left: 177px;display: block; }
#box2 a:hover {background-image: url(img/bg2-over.gif);}
#box3 a { background-image: url(img/bg3.gif); position: absolute; width: 214px; height: 159px; top: 220px; left: 114px;display: block; }
#box3 a:hover {background-image: url(img/bg3-over.gif);}
#box4 a { background-image: url(img/bg4.gif); position: absolute; width: 246px; height: 150px; top: 450px; left: 135px;display: block; }
#box4 a:hover  { background-image: url(img/bg4-over.gif); }
#box5 a { background-image: url(img/bg5.gif); position: absolute; width: 187px; height: 103px; top: 295px; left: 347px;display: block; }
#box5 a:hover  { background-image: url(img/bg5-over.gif); }