body {
   background: #fff url(bg2.jpg);
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-position:bottom center;
}
h1 {
    font-family:Lucida Sans Unicode,Georgia,serif;
    color:#000;
    font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
}
p,li {
    font-family:Lucida Sans Unicode,Georgia,serif;
    font-size: .8em;
    font-weight: bold;
    text-transform:uppercase;
    letter-spacing:2px; 
}
.ft p {
    font-family: "Helvetica Neue", "Lucida Grande", Lucida Sans Unicode,Helvetica, Arial, Verdana, sans-serif;
    margin-top: .5em; color: #666;
}
span.codedirection {
    unicode-bidi:bidi-override;
    direction: rtl;
}
.mod {
   position:relative;
   z-index:0;
   width:700px;
   margin:100px auto 0 auto;
}
.mod .mod-content{
   background:#fff;
   border:1px solid #eaeaea;
   position:relative;
   z-index:2;
   padding:10px 10px 10px 30px;
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.mod .x1,
.mod .x1a,
.mod .x2,
.mod .x2a {
   display:block;
   background:url(glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.mod .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.mod .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.mod .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.mod .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}