body {
   text-align: center;
   /*background-color: #FFDF00;*/
   background-image:url('./images/comp010.jpg');
background-repeat:repeat;
   height:100%;
}
a {
   outline: none;
   text-decoration: none;
}
a.quick  {color: #404040}
a.quick:link  {color: #404040}
a.quick:hover {color: #202020}
a.quick2  {color: #a52a2a}
a.quick2:link  {color: #a52a2a}
a.quick2:hover {color: #a52424}
a.quick1  {
color: #ffffff;
font-size: 11px;
}
a.quick1:link  {color: #ffffff}
a.quick1:hover {color: #606060}
ul.points {
   font-family: verdana, arial;
   font-size: 9px;
   line-height: 10px;
   margin-bottom: 0px;
   margin-top: 4px;
}
td {
   font-family: verdana, arial;
   font-size: 18px;
}
td.info {
   font-family: verdana, arial;
   font-size: 14px;
}
td.info1 {
   font-family: verdana, arial;
   font-size: 11px;
}
td.head {
   background-image:url(http://ovinuppi.com/images/ONbkgTOP.png);
   background-repeat: no-repeat;
}
td.mid {
   background-image:url(http://ovinuppi.com/images/ONbkgMIDDLE.png);
   background-repeat: repeat-y;
}
td.foot {
   background-image:url(http://ovinuppi.com/images/ONbkgBOTTOM.png);
   background-repeat: no-repeat;
}
tr.head {
   height: 85px;
}
tr.foot {
   height: 45px;
}
td.content {
   vertical-align: top;
}
h1.top {
   margin: .7cm 0cm 0cm 0cm;
   font-family: verdana;
   font-size: 28px;
   color: #000080
}
h3.top {
   margin: 0cm 0cm .1cm 0cm;
   font-family: verdana;
   font-size: 22px;
   color: #000080
}
td.things {
   font-family: Comic Sans MS;
   font-weight: bold;
   font-size: 18px;
   text-align: center;
   color: #404040;
   vertical-align: middle
}
tr.hthings {
   height: 120px;
}
.mail {
   font-family: verdana, arial;
   font-size: 10px;
} 
#fade {
 width: 90%;
 padding-left:20px;
 /*position: relative;
 top: -7px;*/
 z-index: 50;
 height: 140px;
 vertical-align: middle;
 text-align: left;
 line-height: 100%; 
 font-family: verdana, arial; 
 font-size: 11px;
}
#opaque {
  position: absolute; /* for IE5-6 */
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height:100%;
  background-color: #666;
  filter:alpha(opacity=80); /* IE5.5+ */
  -moz-opacity:0.8; /* Gecko browsers including Netscape 6+ and Firefox */
  -khtml-opacity: 0.8; /* Safari 1.1-1.3 */
  opacity: 0.8; /* Netscape 7.2+, Firefox, Safari 2+, Opera 9 */
}
* html #opaque {
  left: auto;
  top: auto;
  width: 200%;
  height: 200%;
}


/* TDs*/
/* m (map)*/
td.mot {
   background-image:url(http://ovinuppi.com/images/overTOPwide.png);
   background-repeat: no-repeat;
}
td.mom {
   background-image:url(http://ovinuppi.com/images/overMIDDLEwide.png);
   background-repeat: repeat-y;
   font-family: verdana, arial;
   font-size: 12px;
   color:#040404;
   padding: 0px 17px 0px 17px;
   text-align: left;
}
td.mob {
   background-image:url(http://ovinuppi.com/images/overBOTTOMwide.png);
   background-repeat: no-repeat;
}
/* b menu*/
td.bt {
   background-image:url(http://ovinuppi.com/images/bTOP.png);
   background-repeat: no-repeat;
}
td.bm {
   background-image:url(http://ovinuppi.com/images/bMIDDLE.png);
   background-repeat: repeat-y;
   font-family:  Arial Black, sans-serif;
   font-size: 24px;
   color:#ffffff;
   text-shadow: 2px 2px 3px #000;
}
td.bb {
   background-image:url(http://ovinuppi.com/images/bBOTTOM.png);
   background-repeat: no-repeat;
}
/*back button*/
td.BBT {
   background-image:url(http://ovinuppi.com/images/BT.png);
   background-repeat: no-repeat;
}
td.BBM {
   background-image:url(http://ovinuppi.com/images/BM.png);
   background-repeat: repeat-y;
   font-family: Comic Sans MS; 
   font-size: 9px;
   color: #040404;
}
td.BBB {
   background-image:url(http://ovinuppi.com/images/BB.png);
   background-repeat: no-repeat;
}
/*o windows*/
td.ot {
   background-image:url(http://ovinuppi.com/images/overTOP.png);
   background-repeat: no-repeat;
}
td.om {
   background-image:url(http://ovinuppi.com/images/overMIDDLE.png);
   background-repeat: repeat-y;
   font-family: Comic Sans MS, cursive;
   font-size: 14px;
   color:#040404;
   text-shadow: none;
   padding: 0px 17px 0px 17px;
}
td.ob {
   background-image:url(http://ovinuppi.com/images/overBOTTOM.png);
   background-repeat: no-repeat;
}
/*pricing overs*/
td.bot {
  background-image:url(http://ovinuppi.com/images/overTOPwide.png);
  background-repeat: no-repeat;
  text-shadow: none;
}
td.bom {
  background-image:url(http://ovinuppi.com/images/overMIDDLEwide.png);
  background-repeat: repeat-y;
  font-family: verdana, arial;
  font-size: 10px;
  text-shadow: none;
  color:#040404;
  padding: 0px 17px 0px 17px;
  text-align: left;
}
td.bob {
  background-image:url(http://ovinuppi.com/images/overBOTTOMwide.png);
  background-repeat: no-repeat;
}
/*testimonial*/
td.TMT {
  background-image:url(http://ovinuppi.com/images/overTOPwidewide.png);
  background-repeat: no-repeat;
}
td.TMM {
  background-image:url(http://ovinuppi.com/images/overMIDDLEwidewide.png);
  background-repeat: repeat-y;
}
td.TMB {
  background-image:url(http://ovinuppi.com/images/overBOTTOMwidewide.png);
  background-repeat: no-repeat;
}
/* MOEs*/
/* rmoe*/
.rmoe a{
   position:relative;
   text-decoration:none;
   color: #930837;
}
.rmoe a span{
   visibility:hidden;
   position:absolute;
   z-index: 20;
   top: -30px;
   left: 50px;
   width: 460px;
   padding:0px;
   text-decoration:none 
}
.rmoe a:hover{
   z-index: 21;
   visibility:visible;
   text-decoration:none;
   color: #A31847;
}
.rmoe a:hover span{
   z-index: 20;
   visibility:visible;
   text-decoration:none;
}
/* mmoe*/
.mmoe a{
   position:relative;
   text-decoration:none;
   color: #930837;
}
.mmoe a span{
   visibility:hidden;
   position:absolute;
   z-index: 20;
   top:-140px;
   left: 140px;
   width: 460px;
   padding:0px;
   text-decoration:none 
}
.mmoe a:hover{
   z-index: 21;
   visibility:visible;
   text-decoration:none;
   color: #A31847;
}
.mmoe a:hover span{
   z-index: 20;
   visibility:visible;
   text-decoration:none;
}
/* cmoe*/
.cmoe a{
   position:relative;
   text-decoration:none
}
.cmoe a span{
   visibility:hidden;
   position:absolute;
   z-index: 70;
   top: 24px;
   left: -86px;
   width: 335px;
   padding:10px;
   text-decoration:none 
}
.cmoe a:hover{
   z-index: 21;
   visibility:visible;
   text-decoration:none
}
.cmoe a:hover span{
   z-index: 20;
   visibility:visible;
   text-decoration:none
}

.pmoe1 a{
   position:relative;
   text-decoration:none
}
.pmoe1 a span{
   visibility:hidden;
   position:absolute;
   z-index: 20;
   top: -140px;
   left: -148px;
   width: 335px;
   padding:10px;
   text-decoration:none 
}
.pmoe1 a:hover{
   z-index: 21;
   visibility:visible;
   text-decoration:none
}
.pmoe1 a:hover span{
   z-index: 20;
   visibility:visible;
   text-decoration:none
}

.pmoe2 a{
   position:relative;
   text-decoration:none
}
.pmoe2 a span{
   visibility:hidden;
   position:absolute;
   z-index: 20;
   top: -121px;
   left: -78px;
   width: 335px;
   padding:10px;
   text-decoration:none 
}
.pmoe2 a:hover{
   z-index: 21;
   visibility:visible;
   text-decoration:none
}
.pmoe2 a:hover span{
   z-index: 20;
   visibility:visible;
   text-decoration:none
}

.pmoe3 a{
   position:relative;
   text-decoration:none
}
.pmoe3 a span{
   visibility:hidden;
   position:absolute;
   z-index: 20;
   top: -178px;
   left: -120px;
   width: 335px;
   padding:10px;
   text-decoration:none 
}
.pmoe3 a:hover{
   z-index: 21;
   visibility:visible;
   text-decoration:none
}
.pmoe3 a:hover span{
   z-index: 20;
   visibility:visible;
   text-decoration:none
}

/* pmoe*/
.pmoe a{
   position:relative;
   text-decoration:none
}
.pmoe a span{
   visibility:hidden;
   position:absolute;
   z-index: 20;
   top:-75px;
   left: 285px;
   width: 335px;
   padding:10px;
   text-decoration:none 
}
.pmoe a:hover{
   z-index: 21;
   visibility:visible;
   text-decoration:none
}
.pmoe a:hover span{
   z-index: 20;
   visibility:visible;
   text-decoration:none
}
/* smoe*/
.smoe a{
   position:relative;
   text-decoration:none
}
.smoe a span{
   visibility:hidden;
   position:absolute;
   z-index: 20;
   top:-207px;
   left: 275px;
   width: 335px;
   padding:10px;
   text-decoration:none 
}
.smoe a:hover{
   z-index: 21;
   visibility:visible;
   text-decoration:none
}
.smoe a:hover span{
   z-index: 20;
   visibility:visible;
   text-decoration:none
}
/*bmoe (pricing)*/
.bmoe a{
position:relative;
z-index: 10;
text-decoration:none;
font-size: 18px;
color: #ffffff;
}
.bmoe a span{
visibility:hidden;
position:absolute;
z-index: 2;
top:-150px;
left: 245px;
width: 460;
padding:10px;
text-decoration:none 
}
.bmoe a:hover{
visibility:visible;
z-index: 3;
text-decoration:none;
color: #ffdf00;
}
.bmoe a:hover span{
visibility:visible;
z-index: 4;
text-decoration:none;
}
/* rmoe1*/
.rmoe1 a{
   position:relative;
   z-index: 1;
   text-decoration:none;
   font-size: 18px;
   color: #ffffff;
}
.rmoe1 a span{
   visibility:hidden;
   position:absolute;
   z-index: 2;
   top: 20px;
   left: 200px;
   width: 460px;
   padding:0px;
   text-decoration:none 
}
.rmoe1 a:hover{
   visibility:visible;
   z-index: 3;
   text-decoration:none;
   color: #ffdf00;
}
.rmoe1 a:hover span{
   visibility:visible;
   z-index: 4;
   text-decoration:none;
}