@charset "UTF-8";
/* CSS Document */

body {
        margin: 10px 0 10px 0;
        padding: 0px;
        background-color: #000;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
			color: white;
			z-index: 1;
        }
	
		.nav {color: #fff}
.nav:link {color: #fff}
.nav:visited {color: #fff}
.nav:hover {color:#ff0000}


#container {
           margin: 0 0 0 85px;
           width: 750px;
		   z-index: 1;
}

.top {
      margin: auto 0px;
      padding: 0 0 3px 0px;
	  width: 750px;
      height: 65px;
	  vertical-align:text-bottom;
	  z-index: 1;
}

.topleft {
      float: left;
      padding: 0;
	  margin: 0px;
	  width: 250px;
	  height: 65px;
	  text-align: left;
	  z-index: 1;
}

.topright {
      position: relative;
      float: right;
      paddng: 0px;
	  margin: 0px;
	  width: 500px;
	  height: 65px;
	  text-align: right;
	  color: #ffffff;
	  z-index: 1;
}

.main {
	  width: 525px;
	  height: auto;
	  background-color: #121212;
	  color: #ffffff; 
z-index: 1; 
padding: 10px 200px 10px 25px;
	  }

.note {
	position: absolute;
	margin-left: 350px;
	background-image: url(images/note.png);
	z-index: 2;
	width: 170px;
	height: 213px;
	left: 401px;
	top: 75px;
	color: #000;
	padding-top: 90px;
	padding-left: 6px;
	padding-right: 0px;
}

.noteexp {
	background-image: url(images/noteexp.png);
	background-repeat: repeat;
	position: absolute;
	width: 170px;
	height:90px;
	left: 0px;
	top: 213px;
	color: #000;
	padding-left: 6px;
	padding-right: 0px;
}

h1 {
font: "Times New Roman";
font-size: 75px;
color: #ff0000;
font-weight: lighter;
}

.footer {

width: auto;
text-align: center;
color: #fff;
height: 20px
font-weight: lighter;
font-size:11px;
}

a:active, a:visited, a:link
{
	color: #ff0000;
	text-decoration: none;
}

a:hover
{
	color: #fff;
	text-decoration: none;
}