html, body {
  height:100%;
}

a {
  color: #701332;
  text-decoration: none;
}

a:visited {
  color: #701332;
  text-decoration: none;
}

a:hover {
  color: #b85f7d;
  text-decoration: none;
}

a:active {
  color: #701332;
  text-decoration: none;
}

a.button1 {
  background: url("img/menu/tronicat1.gif") no-repeat;
  text-decoration: none;
  margin:0;
  padding:0;
}

a:hover.button1 {
  background: url("img/menu/tronicat2.gif") no-repeat;
  padding: 0px;
}

.red { #9b1516; }
a.current { color: #44a6a8; }
td.grey { color: #757474; }

a.buttom { color: #d8bdd2; }
a:visited.buttom { color: #d8bdd2; }
a:visited.hover { color: #b85f7d; }

body {
  margin:0;
  padding:0;
  text-align:center;
  background-color: #7d1435;
  background: url("img/pattern.jpg");
}
#space {
  width:1px;
  height:50%;
  margin-bottom:-337px;
  float:left;
}
#background {
  position:relative;
  margin:0 auto;
  text-align:left;
  width:1045px;
  height:600px;
  clear:left;
  background: url("img/background.gif") no-repeat;
  background-position: bottom;
}

#logo {
position:absolute;
margin:0 auto;
width:166px;
height:146px;
top:15px;
left:450px;
clear:left;
background: url("img/logo.gif") no-repeat;
}

#fbsquare {
position:absolute;
margin:0 auto;
width:372px;
height:410px;
top:170px;
left:23px;
clear:left;
background: url("img/troni_square.jpg") no-repeat;
}

#paper {
position:absolute;
margin:0 auto;
width:372px;
height:410px;
top:170px;
left:756px;
clear:left;
background: url("img/paper.gif") no-repeat;
}
#content {
position:absolute;
margin:0 auto;
padding: 15px;
width:340px;
height:380px;
top:170px;
left:399px;
clear:left;
}
#mail {
position:absolute;
margin:0 auto;
padding: 12px;
width:17px;
height:31px;
top:171px;
left:727px;
clear:left;
text-align: right;
font-family: Arial, Verdana, Helvetica, Univers, sans-serif, "MS Sans Serif";
font-size: 9pt;
color: #701332;
}
#textbox {
position:absolute;
margin:0 auto;
padding-left: 36px;
padding-right: 36px;
width:289px;
height:290px;
top:240px;
left:395px;
clear:left;
overflow: auto;
font-family: Arial, Verdana, Helvetica, Univers, sans-serif, "MS Sans Serif";
font-size: 9pt;
line-height: 1.5;
color: #701332;
}
#address {
position:absolute;
margin:0 auto;
padding-left: 36px;
padding-right: 36px;
top:438px;
left:770px;
clear:left;
font-family: Arial, Verdana, Helvetica, Univers, sans-serif, "MS Sans Serif";
font-size: 9pt;
line-height: 1;
color: #36332c;
}
#menu {
position:absolute;
margin:0 auto;
width:259px;
top:210px;
left:769px;
clear:left;
font-family: Arial, Verdana, Helvetica, Univers, sans-serif, "MS Sans Serif";
font-size: 9pt;
line-height: 1;
color: #36332c;
z-index: 1;
text-align:center;
}
#buttom {
position:absolute;
margin:0 auto;
padding-left: 36px;
padding-right: 36px;
width:289px;
height:40px;
top:600px;
left:359px;
clear:left;
text-align: center;
overflow: auto;
font-family: Arial, Verdana, Helvetica, Univers, sans-serif, "MS Sans Serif";
font-size: 7pt;
line-height: 1.5;
color: #d8bdd2;
}