body {
  background-color: #fff;
  color: #000;
  font-family: Calibri, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
}

#main {
  width: 800px;
  margin: 5px auto 5px auto;
  padding: 0px;
  overflow: hidden;
}
#header {
  background-color: #c00;
  border: 1px solid #d00;
  overflow: hidden;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
}
#photos {
  overflow: hidden;
  margin: 10px 0px 10px 0px;
  padding: 0px 130px 0px 130px;
  height: 302px;
}

.andres {
  background: url(img/andresaguilar.jpg) 0px 0px no-repeat;
  width: 220px;
  height: 302px;
  float: left;
}
.arrow {
  background: url(img/arrow.jpg) 0px 0px no-repeat;
  width: 110px;
  height: 100px;
  float: right;
  margin-top: 100px;
}
.romanok {
  background: url(img/drromanok.jpg) 0px 0px no-repeat;
  width: 201px;
  height: 302px;
  float: right;
}

#list {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
}

ul {
  list-style-image: url(img/nariz.jpg);
  list-style-type: circle;
  margin-top: 0px;
}

li {
  padding: 0px 0px 10px 0px;
}
a, a:hover, a:visited, a:active {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}
p.box {
  margin: 10px 0px 10px 0px;
  padding: 10px 5px;
  background-color: #00c;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
}