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;
}
body {
	line-height:1;
	color:black;
	background-color:#333;
}
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:"" "";
}


header, section, footer,
aside, nav, article, figure {
	display: block;
    }

body {
    font: 12px/1.2 Arial,  sans-serif;
    font-weight: normal;
	color:#333;

}


h1{font-size:12px;font-weight: bold;}
h2{font-size:10px;font-weight: bold;}
h3{font-size:8px;}
h4{font-size:6px;}

a, a:link {
	color:#000;
	text-decoration:none;
    }

a:visited {
	color:#000;
	text-decoration:none;
    }

a:hover, a:active {
	color:red;
	text-decoration:none;
    }



header {
    width: 980px;
    background-color: red;
    color: white;
}

footer {
width: 980px;
background-color: red;
}



body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
}



#exampleDiv {
	width:130px;
	background:none;
	position:absolute;
	left: 0px;
    bottom: 0px;
	text-align:left;
	padding:0px;
	z-index:10;
}

	#exampleDiv a {
/*		color:#fff;      */
        color:darkgrey;
		font-family:Verdana;
		font-size:8px;
		text-decoration:none;
	}

	#exampleDiv a:hover {
		background:#fff;
		color:#000;
	}


 #box1 {
  background-color: white;
  position: absolute;
  width: 280px;
  height: 400px;
  margin-top: -200px;
  top: 50%;
  left: 130px;
  padding: 0px 0px 0px 0px;
  overflow:auto;
  opacity:1;
  z-index: 11;
  }

#logo-box {
  background-color: white;
  position: absolute;
  width: 210px;
  height: 140px;
  top: 20px;
  left: 0px;
  padding: 15px;
  overflow:auto;
  opacity:1;
  z-index: 12;
  }

#navigation-box {
  background-color: white;
  position: absolute;
  width: 100px;
  height: 160px;
  top: 200px;
  left: 0px;
  padding: 15px;
  overflow:auto;
  opacity:1;
  z-index: 12;
  }

 #box2 {
  background-color: white;
  position: absolute;
  width: 500px;
  height: 400px;
  margin-top: -200px;
  top: 50%;
  left: 450px;
  padding: 0px 0px 0px 0px;
  overflow:auto;
  opacity:1;
  z-index: 11;
  }