body
{
  margin: 0 auto;
  text-align: center;
  font-family: verdana, sans-serif;
  background-color: #76f682;
  color: #750206;
}
  
a
{
  color: #750206;
}
  
#wrap
{
  width: 900px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
  
#branding
{
  position: relative;
  height: 150px;
  border-bottom: 5px solid #750206;
  text-align: left;
  padding: 10px;
  background-color: #e773a0;
}

#title
{
  position: absolute;
  left: 50px;
  top: 25px;
}

#branding h1
{
  display: none;
}

#alex1, #alex2, #alex3
{
  position: absolute;
  height: 150px;
  top: 20px;
}

#alex1
{ 
  left: 610px;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.1);
}

#alex2
{
  left: 550px;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.2);
}
#alex3
{
  left: 760px;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.2);
}

#menu 
{
  width: 200px;
  float: left;
  text-align: left;
  padding: 10px;
  background-color: #e773a0;
  margin-top: 10px;
  margin-left: 10px;
}

#menu h2
{
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  color: #750206;
  font-weight: normal;
  border-bottom: 1px solid #750206;
  text-align: center;
}

#menu a
{
  text-decoration: none;
  width: 190px;
  display: block;
  height: 20px;
  padding: 5px;
}

#menu a:before
{
  content: "\00bb \00a0";
}

#menu a:hover
{
  color: #e773a0;
  background-color: #750206;
}

#menu ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#content
{
  min-height: 300px;
  width: 650px;
  padding: 10px;
  float: right;
  text-align: left;
}
  
#footer
{
  
}