*{margin:0;padding:0;outline:none;}
img,fieldset{border:none;}
ul {list-style-type: none;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
.right {float: right;}
.left {float: left}
.clear {clear: both;}

  body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background:#f7f7f3; }
  div {font-size: 0px;}
  #container {width: 760px; margin: 0 auto; -webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.6); box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.6);}
  #contentarea {width: 760px; background:#FFFFFF url(images/bg.jpg) center top no-repeat; }
  h1 {text-indent: -9999px; width: 760px; height: 185px; background-image: url(images/header.jpg); margin:0;}
  h2 {font-size:22px; color:#f82ea4; font-weight:bold; letter-spacing:-1px; }
  p {font-size:12px; line-height:15px; color:#5b57a6; font-weight:bold; }
  
  ul.mag {width:100%; overflow:auto;}
  ul.mag li {width:168px; height:286px; float: left; margin: 0 5px; text-align: center; }
  ul.mag li.large, ul.mag2 li.large, ul.mag3 li.large {padding-left: 19px;}
  ul.mag2 {width:100%; height:320px; overflow:auto; }
  ul.mag2 li {float: left; width:168px; margin: 0 5px; text-align: center; }
  ul.mag3 {width:100%; height:320px; overflow:auto; }
  ul.mag3 li {float: left; width:168px; margin: 0 5px; text-align: center; }