html, body, #wrapper     { color: #737373; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #121F3A; background-image: url("../img/back-drop.gif"); background-repeat: repeat-x; background-position: 0 top; text-align: center; margin: 0; height: 100% }
#wrapper   { text-align: left; width: 780px }


h1, h2, h3, h4   { color: #737373; font-weight: normal; margin: 0; padding: 0 }
h1 {font-size: 23px;}
h2 {font-size: 20px;}
h3 {font-size: 17px;}
h4 {font-size: 14px;}

.admin_but a     { line-height: 1.7; background-image: url("../img/user_button.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 2px 5px; width: 90px; height: 21px; float: left }
.admin_but a:hover    { background-image: url("../img/user_button_on.gif") }


#top_cell h1 a  { text-decoration: none; background-image: url("../img/cell-web-design-logo.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-indent: -2000em; display: block; z-index: 1000; width: 780px; height: 72px }
#ad_1  { background-image: url("../img/web-box.gif"); width: 780px; height: 160px; float: left }
#ad_1 h2 a   { text-decoration: none; background-image: url("../img/web-slide-1.jpg"); text-indent: -2000em; display: block; margin-top: 7px; margin-left: 6px; z-index: 1000; width: 767px; height: 145px; float: left }

table {border-collapse: collapse;margin: 0; padding: 0; }
th, td   { font-size: 11px; border-collapse: collapse  }

a  { color: #737373; text-decoration: none }
a:hover  { color: orangered }
p, li, ol  { color: #666; line-height: 1.7;text-align: justify; text-justify: auto; }
li    { list-style-type: none; list-style-image: url("../img/bullet.gif"); margin-bottom: 8px }

hr { color: #999; height: 1px }
img { border-color: black }

#top_cell   { margin: 0; padding: 0 0 0; height: 50px; vertical-align: middle }
#mid_cell      { margin: 0; padding: 0 0 0; vertical-align: top }
#bot_cell      { color: #fff; font-size: 10px; background-color: #fff; background-image: url("../img/bot-strch.gif"); background-repeat: repeat-x; background-position: 0 bottom; text-align: center; margin: 0; padding: 8px 0 3px; height: 20px }

#bot_cell a   { color: #fff;  }

#logo  { background-image: url("../img/cell-web-design-logo.gif"); width: 780px; height: 72px }

#menu_u {float:left; margin-left:26px}
#menu_d {float:right; margin:14px 18px 0 0 }

#menu_u a             { margin-left:8px; line-height: 1.9; background-image: url("../img/but-off-u.gif"); background-repeat: no-repeat; text-align: center; width: 107px; height: 22px; float: left }
#menu_u a:hover          { color: #000; background-image: url("../img/but-over-u.gif") }

#menu_d a              { line-height: 2; background-image: url("../img/but-off-d.gif"); background-repeat: no-repeat; text-align: center; margin-left: 8px; width: 107px; height: 22px; float: left }
#menu_d a:hover          { color: #000; background-image: url("../img/but-over-d.gif") }
#boxes     { background-image: url("../img/three-boxes.gif"); background-repeat: no-repeat; background-position: 9px 0; width: 780px; height: 206px; float: left }
#boxes h2, #boxes p, #boxes   { color: white; line-height: 1.4; margin: 0 }

#abox {display:inline; float:left; margin:20px; width:220px; height:160px;}
#bbox {display:inline; float:left; margin:20px; width:220px; height:160px;}
#cbox {display:inline; float:left; margin:20px; width:220px; height:160px;}
#cbox a  {color:white}

#top_plain    { background-image: url("../img/top-main-plain.gif"); background-repeat: no-repeat; margin: 15px 0 0; padding: 0; width: 780px; height: 15px; float: left }
#two_thirds    { font-size: 12px; width: 470px; float: left }
#one_third   { font-size: 12px; width: 300px; float: left; border-left: 1px solid #ccc }
.pad_8  { padding: 8px }
.pad_12  { padding: 12px }

.gal_bx {float:left; width:32%; height:130px}

.bqstart  { color: #cccccc; font-size: 40px; font-weight: bold; line-height: 1.5; margin: -10px 10px 0 0; padding: 0; float: left }
.bqend  { color: #cccccc; font-size: 40px; font-weight: bolder; line-height: 1.5; margin: -30px 0 0; padding: 0; float: right }}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span { color: black; text-decoration: none; background-color: #f0f0f0; visibility: hidden; padding: 5px; position: absolute; left: -1000px; border: dashed 1px gray }

.thumbnail span img { padding: 2px }

.thumbnail:hover span{
visibility: visible;
top: 20;
left: 50px;

}

.w  { background: white; margin: 0; padding: 0; width: 780px; float: left }