*{
  padding: 0;
  margin: 0;
}

body{
  background-color: #000307;
  font-family: Georgia, Times;
  font-weight: normal;
  font-style: italic;
  color: #b0b1b2;
}

#main{
  width: 864px;
  margin: 0 auto;
  padding-top: 20px
}

h1{ color: #ffffff; font-size: 3em; font-weight: normal }
h2{ color: #ffffff; font-size: 1.7em; font-weight: normal }
p{ margin-bottom: 15px; font-size: 1em }

.hr{
  height: 1px;
  font-size: 0px;
  background: url(../images/hr.png) no-repeat;
  clear: both;
  margin: 20px 0px 20px 0px;
}

a, li span strong{ color: #3b9ea2; font-style: italic; text-decoration: none }
a:hover, a:focus, a:active{ text-decoration: underline }
.red{ color: red; font-size: 0.8em }
.blue{ font-weight:normal; background-color: #3b9ea2; color: #000000 }

small{ padding: 0px 0px 15px 3px; color: #595b5e }

img{ width: 275px; height: 191px; border: 0 }

ul{ list-style-type: none; padding-top: 2px }
li{ float: left; margin-bottom: 20px; position: relative }
li.center{ margin-left: 18px; margin-right: 18px }
li span{ position: absolute; background-color: #000307; top: 0; left: 0; width: 235px; height: 151px; padding: 20px; color: #b0b1b2; font-size: 0.8em }
li span strong{ display: block; margin-bottom: 5px }
li a:hover, li a:focus, li a:active{text-decoration:none}

/* OTHER */
.left{float:left}
.right{float:right}
.clear{clear:both}