
body {
  margin: 0;
  padding: 0;
}

p {
  color: #000;
}


#mp1 {
 width: 1000px;
 height: 700px;
 background: url("../images/mp1.jpg");
 margin: 0;
 padding: 0;
 position: relative;
}
#mp1 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#mp1 a {display: block;}

#mp1_1 {left: 18px; top: 272px; width: 181px; height: 360px;}
#mp1_2 {left: 164px; top: 18px; width: 143px; height: 488px;}
#mp1_3 {left: 308px; top: 20px; width: 119px; height: 488px;}
#mp1_4 {left: 423px; top: 371px; width: 137px; height: 286px;}
#mp1_5 {left: 553px; top: 182px; width: 128px; height: 308px;}
#mp1_6 {left: 679px; top: 100px; width: 137px; height: 395px;}
#mp1_7 {left: 814px; top: 213px; width: 166px; height: 307px;}
#mp1_8 {left: 559px; top: 540px; width: 408px; height: 160px;}


#mp1_1 a {height: 360px;}
#mp1_2 a {height: 488px;}
#mp1_3 a {height: 488px;}
#mp1_4 a {height: 286px;}
#mp1_5 a {height: 308px;}
#mp1_6 a {height: 395px;}
#mp1_7 a {height: 307px;}
#mp1_8 a {height: 160px;}


#mp1_1 a:hover {background: url("../images/mp1.jpg") -18px -972px no-repeat;}
#mp1_2 a:hover {background: url("../images/mp1.jpg") -164px -718px no-repeat;}
#mp1_3 a:hover {background: url("../images/mp1.jpg") -308px -720px no-repeat;}
#mp1_4 a:hover {background: url("../images/mp1.jpg") -423px -1071px no-repeat;}
#mp1_5 a:hover {background: url("../images/mp1.jpg") -553px -882px no-repeat;}
#mp1_6 a:hover {background: url("../images/mp1.jpg") -679px -800px no-repeat;}
#mp1_7 a:hover {background: url("../images/mp1.jpg") -814px -913px no-repeat;}
#mp1_8 a:hover {background: url("../images/mp1.jpg") -559px -1240px no-repeat;}



/* ============================================================ */


#mp2 {
 width: 1000px;
 height: 321px;
 background: url("../images/mp2.jpg");
 margin: 0;
 padding: 0;
 position: relative;
}
#mp2 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#mp2 a {display: block;}

#mp2_1 {left: 100px; top: 0px; width: 169px; height: 321px;}
#mp2_2 {left: 198px; top: 0px; width: 150px; height: 321px;}
#mp2_3 {left: 292px; top: 0px; width: 138px; height: 321px;}
#mp2_4 {left: 365px; top: 0px; width: 156px; height: 321px;}
#mp2_5 {left: 448px; top: 0px; width: 160px; height: 321px;}
#mp2_6 {left: 530px; top: 0px; width: 154px; height: 321px;}
#mp2_7 {left: 625px; top: 0px; width: 147px; height: 321px;}
#mp2_8 {left: 688px; top: 0px; width: 193px; height: 321px;}

#mp2_1 a {height: 321px;}
#mp2_2 a {height: 321px;}
#mp2_3 a {height: 321px;}
#mp2_4 a {height: 321px;}
#mp2_5 a {height: 321px;}
#mp2_6 a {height: 321px;}
#mp2_7 a {height: 321px;}
#mp2_8 a {height: 321px;}

#mp2_1 a:hover {background: url("../images/mp2.jpg") -100px -321px no-repeat;}
#mp2_2 a:hover {background: url("../images/mp2.jpg") -198px -642px no-repeat;}
#mp2_3 a:hover {background: url("../images/mp2.jpg") -292px -321px no-repeat;}
#mp2_4 a:hover {background: url("../images/mp2.jpg") -365px -642px no-repeat;}
#mp2_5 a:hover {background: url("../images/mp2.jpg") -448px -321px no-repeat;}
#mp2_6 a:hover {background: url("../images/mp2.jpg") -530px -642px no-repeat;}
#mp2_7 a:hover {background: url("../images/mp2.jpg") -625px -321px no-repeat;}
#mp2_8 a:hover {background: url("../images/mp2.jpg") -688px -642px no-repeat;}


#heading {
 position: absolute;
 left: 145px;
 top: 300px;
}

#content {
 position: absolute;
 left: 160px;
 top: 430px;
 width: 675px;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-size: 1em;
 /* opacity: 0.35; */
 /* filter: alpha(opacity = 35); */
 /* background-color: #fff; */
 /* zoom: 1; */
}

#white {
 position: absolute;
 left: 160px;
 width: 950px;
 color: #fff
}

input, option, select, textarea {
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-size: 1em;
}

textarea {
 width: 400px;
}

#bloglink {
 position: absolute;
 top: 280px;
 left: 20px;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-size: 1.1em;
}

#topbloglink {
 /* position: absolute; */
 top: 10px;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-size: 1em;
}


a {
 padding: 0em;
 border: 0
}

a:link {
 color: red;
}

a:visited {
 color: red;
}

a:hover {
 color: purple;
 text-decoration:none;
}