
<STYLE TYPE="text/css">
// .White or any Dummy statement needed to get anything next in line to work ..trial & error
.Dummy {color: White;}
TD{font-family: verdana, courier new, courier, sans-serif; 
   font-size:15px;color:#fffff;font-weight:normal;line-height:1.5;background-color:#000000;}
A.CheckLink:link { color: White; font-size:16px; font-family:Arial,verdana; text-decoration: none }
A.CheckLink:visited { color: White; font-size:16px; font-family:Arial,verdana; text-decoration: none }
A.CheckLink:link:Hover { color: White; font-size:16px; font-family:Arial,verdana; text-decoration: none }
a {color: #6b6b6b; text-decoration: none;}
a:hover {color: #d7d7d7;  text-decoration: none;}
link{color: white	; text-decoration: none }
.Title{color: #e9e9e9; font-size:20pt; font-family:Arial,verdana, courier new, courier, sans-serif; font-weight:bold;}
.Title2{color: #e9e9e9; font-size:14pt; font-family:Arial,verdana, courier new, courier, sans-serif; font-weight:bold;}

hr {
border:0; 
border-bottom: 1px dotted #000; 
color: #ADAAA8; 
background-color: #ADAAA8; 
height: .5px;
padding-top: 0px;
padding-bottom: 0px;

}

/*---------------------------------------------------------------------------REQUIREMENT FOR CSS ROLLOVER */
/*  Paul O'Brien http://www.pmob.co.uk/ --*/
/* http://www.domedia.org/oveklykken/css-rollover-image.php */
/*--------------------------------------------------------------------------------------------------------*/
a:hover {visibility:visible}
td.head {
 border-width: 0px 0px 01px 0px;
 border-style: line;
    font-size:14px;color:#ffffff;
 font-weight:bold;
 line-height:1.5;
 background-color:#000000;
}
 
td.detail {
 border-width: 0px 0px 01px 0px;
 border-style: line;
    font-size:11px;color:#ffffff;
 font-weight:normal;
 line-height:1.5;
 background-color:#000000;
}
 
#container { 
 position: absolute;
 border: 0px solid #ccc;
 width: 950px; 
 height: 745;
 top: 30px; left: 75px;
 text-align: left;
 background: #000000;
 font-family: lucida console,verdana, courier new, courier, sans-serif; 
    font-size:12px;
 color:#fffff;
 font-weight:normal;
 line-height:1.5;
 background-color:#000000;
 z-index: 0;
 }
 
#iPhoneBox {
 position: absolute;
 top: 300px;
 left: 21px;
 z-index: 3;
 }
 
#footer {
 position: absolute;
 top: 700px;
 left: 240px;
 z-index: 3;
 color:#6b6b6b;
 font-size:11px;
 }
 
#footer02 {
 position: absolute;
 left: 120px;
 z-index: 3;
 color:#6b6b6b;
 font-size:12px;
 }
 
#container {
   position: absolute;
   width: 250px;
   top: 400px;  left: 100px;
   }
 
.trans {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 330px;
  height: 50px;
  border: 1px solid #000;
  background: url('green28.png');
  z-index: 1;
}
#map1 {
  position: absolute;
  top:  0px;
  left: 0px;
  z-index: 1; 
  width: 325;
  height: 423; 
}
#mapEnd {
  position: absolute;
  top:  48px;
  left: 0px;
 /* background: url('OL.png') no-repeat; */
  z-index: 2;
}
 
table.address {
 background-color:#FFF5EE;
 border-collapse: collapse;
 width: 325px;
 left: 0px;
}
table.address td {
 border-width: 0px 0px 1px 0px;
 border-style: dotted;
 padding:4;
    font-size:13px; color:#353535;  
 font-weight:normal; font-family: Verdana;
 line-height:2;
 background-color:#FFF5EE; 
 border-color: f2bf24;
}
 
.zoom2 {
  position: absolute;
  top:  0px;
  left: 0px;
  z-index: 1;
}
.zoomOUT {
  position: absolute;
  top:  1px;
  left: 0px;
  z-index: 1;
  -webkit-touch-callout: none
}
.zoomIN {
  position: absolute;
  top:  1px;
  left: 47px;
  z-index: 1;
}
.terrian {
  position: absolute;
  top:  1px;
  left: 102px;
  z-index: 1;
}
.satellite {
  position: absolute;
  top:  1px;
  left: 155px;
  z-index: 1;
}
.map {
  position: absolute;
  top:  1px;
  left: 212px;
  z-index: 1;
}
.search2 {
  position: absolute;
  top:  1px;
  left: 268px;
  z-index: 1;
}
 
</STYLE>
 

 