/* CSS Document */

body {
  background: transparent;
  margin: 0;
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
  }
  
a:active, a:focus {
  outline: none;
}

/* canvas */

#canvas {
  width: 529px;
  height: 446px;
  }
  
/* universal graphics */  

#top_strap {
  width: 529px;
  height: 39px;
  background: transparent url(../images/top_strap.gif) left top no-repeat;
}

#top_free {
  float: left; 
  width: 529px;
  height: 88px;
  background: transparent url(../images/top_free.gif) left top no-repeat;
}

#padlock {
  float: left;
  width: 499px;
  height: 40px;
  background: transparent url(../images/padlock.gif) 30px top no-repeat;
}

/* law areas */

#top_lawareas {
  float: left;
  width: 529px;
  height: 19px;
  padding: 0;
  margin: 0;
}

#top_lawareas a#tab_bnk {
  float: left;
  width: 105px;
  height: 19px;
  background: transparent url(../images/tab_bnk.gif) left top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a:hover#tab_bnk {
  background: transparent url(../images/tab_bnk_over.gif) left top no-repeat;
}

#top_lawareas a#tab_bnk_on {  
  float: left;
  width: 105px;
  height: 19px;
  background: transparent url(../images/tab_bnk_over.gif) left top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a#tab_dui {
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/tab_dui.gif) 1px top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a:hover#tab_dui {
  background: transparent url(../images/tab_dui_over.gif) 1px top no-repeat;
}

#top_lawareas a#tab_dui_on {
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/tab_dui_over.gif) 1px top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a#tab_div {
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/tab_div.gif) 1px top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a:hover#tab_div {
  background: transparent url(../images/tab_div_over.gif) 1px top no-repeat;
}

#top_lawareas a#tab_div_on {
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/tab_div_over.gif) 1px top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a#tab_inj {
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/tab_inj.gif) 1px top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a:hover#tab_inj {
  background: transparent url(../images/tab_inj_over.gif) 1px top no-repeat;
}

#top_lawareas a#tab_inj_on {
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/tab_inj_over.gif) 1px top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a#tab_crim {
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/tab_crim.gif) 1px top no-repeat;
  text-indent: -9999px;
  display: block;
}

#top_lawareas a:hover#tab_crim {
  background: transparent url(../images/tab_crim_over.gif) 1px top no-repeat;
}

#top_lawareas a#tab_crim_on {
  float: left;
  width: 106px;
  height: 19px;
  background: transparent url(../images/tab_crim_over.gif) 1px top no-repeat;
  text-indent: -9999px;
  display: block;
}


/* pods */

#pods {
  float: left;
  width: 529px;
  height: 294px;
  text-indent: -9999px; 
}

#pods h3 {
  display: none;
}

#pods a#bnk {
  background: transparent url(../images/bnk_pod.jpg) left top no-repeat;
  width: 105px;
  height: 294px;
  float: left;
  display: block;
  text-indent: -9999px;
}

#pods a:hover#bnk {
  background: transparent url(../images/bnk_pod_over.jpg) left top no-repeat;
}

#pods a#dui {
  background: transparent url(../images/dui_pod.jpg) left top no-repeat;
  width: 106px;
  height: 294px;
  float: left;
  display: block;
  text-indent: -9999px;  
}

#pods a:hover#dui {
  background: transparent url(../images/dui_pod_over.jpg) left top no-repeat;
}

#pods a#div {
  background: transparent url(../images/div_pod.jpg) left top no-repeat;
  width: 106px;
  height: 294px;
  float: left;
  display: block;
  text-indent: -9999px;  
}

#pods a:hover#div {
  background: transparent url(../images/div_pod_over.jpg) left top no-repeat;
}

#pods a#inj {
  background: transparent url(../images/inj_pod.jpg) left top no-repeat;
  width: 106px;
  height: 294px;
  float: left;
  display: block;
  text-indent: -9999px;  
}

#pods a:hover#inj {
  background: transparent url(../images/inj_pod_over.jpg) left top no-repeat;
}

#pods a#crim {
  background: transparent url(../images/crim_pod.jpg) left top no-repeat;
  width: 106px;
  height: 294px;
  float: left;
  display: block;
  text-indent: -9999px;  
}

#pods a:hover#crim {
  background: transparent url(../images/crim_pod_over.jpg) left top no-repeat;
}


/* form */

#form_frame {
float: left;
  width: 529px;
  height: 332px;
}