@import "reset.css";
html{ position:relative; margin:0; padding:0; min-height:100%}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:16px; color:#d9adad ; text-align:left; margin:0; padding:0; background:#fff url(../images/bg.gif) 100% 100% repeat-x; min-height:100%; height:100%; bottom:0; position: static}

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

.left{ float:left} .right{ float:right} .clear  {clear:both;}  .left_20{ margin-left:20px}.right_20{ margin-right:20px} 
.grid_50{ width:50%;} .top_20{ margin-top:20px}

div.main{ min-height:780px; width:800px;  position: relative; background:url(../images/bg_main.png) 50px -48px no-repeat; text-align:center; padding-top:10px; padding-bottom:10px}
img.slogan{ padding-top:50px}
a.pin{ display:block; position:absolute; }
a.pin._1{ left:10px; top:300px; z-index:0}
a.pin._2{ left:230px; top:340px; z-index:1}
a.pin._3{ left:518px; top:340px; z-index:0}