body {
  background: #373535 none; 
  margin: 0 auto;
  width: 100%;
  cursor: url("images/cursor4.png"),default;
  color: #fff;
}

body#home #inwrapper{
  background: #8CB359 url(images/bottom.png) repeat-x; 
}

body#home  #inwrapper {
  text-align: right;
  background: transparent none;
}

body#home .flashwrapper {
  background: transparent url(images/inspector_home.png) no-repeat scroll left bottom;
  margin: 0 auto;
  border: none;
  width: 840px;
  height: 609px;
  position: relative;
  top: 0px;
  display: block;
  padding: 0px;
}

body#home .flash {
  background: transparent none;
  position: absolute;
  bottom: 50px;
  right: 0px;
  border: none;
  margin: 0px;
  padding: 0px;
}

body#home .bottom{
  margin-top: 0;
}

#wrapper {
  background: #89B253 url(images/bottom.png) repeat-x scroll left bottom;
  margin: 0 auto;
  min-width: 1024px;
  max-width: 1300px;
  position: relative;
  font-family: Arial Narrow, Arial, sans serif;
  font-weight: normal;
  font-size: 17px;
  cursor: url("images/cursor4.png"),default;
}

#inwrapper {
  background: transparent url(images/inspector_logo.png) no-repeat scroll left bottom;
  height:609px;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.header {
  margin: 0 auto;
  border: none;
  position: relative;
  text-align: center;
}

.bounce {
  left: 270px;
  position: absolute;
  top: 150px;
}

.text-area {
  position: absolute;
  top: 115px;
  left: 480px;
  text-align: justify;
  width: 55%;
  max-width: 820px;
  min-width: 544px;
}

h1 {
 color: #000;
 font-size: 20px;
 font-family: Arial;
}

#title1 {
  position: absolute;
  top: 135px;
  left: 210px;
  width:400px;
  text-align: right;
}

#title2 {
  position: absolute;
  top: 135px;
  left: 680px;
  text-align: left;
}

.cases-text-area {
  position: absolute;
  top: 165px;
  left: 680px;
  text-align: justify;
  max-width: 40%;
  min-width: 344px;
  text-align: justify;
}

.contact-text-area {
  position: absolute;
  top: 175px;
  left: 195px;
  text-align: justify;
  max-width: 40%;
  min-width: 344px;
  text-align: right;
}

.contact-text-area a {
  color: #fff;
  text-decoration: none;
}

#investigators {
  position: absolute;
  top: 415px;
  left: 895px;

}

#investigators a {
  display: block;
  width: 127px;
  height: 127px;
  background: transparent url(images/investigators.png) no-repeat scroll center top;
}

#investigators a:hover {
  background: transparent url(images/investigators.png) no-repeat scroll center bottom;
}
.investigators-text-area {
  position: absolute;
  top: 195px;
  left: 495px;
  text-align: justify;
  max-width: 40%;
  min-width: 344px;
  text-align: left;
}

.investigators-text-area table {
width: 580px;
}

.investigators-text-area table td {
padding-left: 20px;
}

.cases-text-area ul {
  list-style-type: disc;
  padding-left: 16px;
}

img#title {
position: absolute;
top: 125px;
left: 320px;
width: 560px;
z-index: -1;
}

/* bottom links  */

.bottom  {
  line-height: 50px;
  cursor: default;
  margin-top:420px;
  font-family: Arial, sans serif;
  font-size: 12px;
}

.bottom  ul {
  float: right;
  right: 60px;
  position: absolute;
  bottom: 0px;
}

.bottom  ul  li {
  text-align: center;
  display: inline;
  list-style-type:none;
  padding: 0 10px;
  border-left:1px solid #fff;
}

.bottom  ul  li:first-child {
  border-left:none;
}

.bottom  ul  li a {
  color: #77B800;
  text-decoration: none;
  font-weight: bold;
}

.bottom  ul  li a:hover {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.bottom ul li a img {
	border-style:none;
	position:relative;
	top:10px;
}

/* Jcarousel */

.jcar-cont {
  color: #000;
  background: transparent url(images/balloon_top.png) no-repeat top center;
  width: 380px;
  position: absolute;
  top: 145px;
  left: 250px;
  font-size: 15px;
  font-weight: normal;
}
.jcar {
  color: #000;
  background: transparent url(images/balloon_btm.png) no-repeat bottom center;
  margin-top: 10px;
  padding-bottom: 19px;
}

.jcar  ul {
  background-color: #fff;
  padding: 0 5px;
  list-style-type: none;
  margin: 0;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}


.jcarousel-list li, .jcarousel-item {
  float: left;
  height: 200px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  width: 230px;
  text-align: justify;
  font-style: italic;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 380px;
    height: 150px;
    padding: 0;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  380px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 370px;
    height: 140px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/*  jcarousel buttons */
.jcarousel-next {
    z-index: 3;
    display: none;
}
 
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -13px;
    left: 160px;
    width: 60px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -27px;
    left: 160px;
    width: 60px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* Contact */
table.contact {
position: absolute;
top: 141px;
left:580px;
border-style: none;
color: #000;
}

table.contact td.rtxt {
width: 140px;
text-align: right;
}
table.contact td {
width: 205px;
}

/* services */

.wraplist {
  position: absolute;
  top: 180px;
  left: 210px;
  text-align: right;
}

ul.choices {
  width: 400px;                 
  border-style: none;      		
  padding-left: 0px;
  padding-right: 5px;  
  margin-left: 0px; 
  position: relative;   
}

ul.choices ul {
  width: 600px;                 
  border-style: none;      		 
  padding-left: 0px;           
  margin-left: 0px; 
  position: relative;
}

ul.choices li {
  list-style-type: none;       
  margin: 0;                  
  color: #000; 
  text-align: right;  
}
ul.choices li > ul {          		
  display: none;               	
  position: absolute;          	
  top: 0px;                    	
  left: 400px;                  	/* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */
}
ul.choices li:hover, ul.choices li.CSStoHighlight {
  color: #fff;                 
}
ul.choices ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;           
}
ul.choices li:hover > ul {    
  display: block; 
}
ul.choices li:hover > ul li {    
  color: #fff;
  text-align: justify;
  min-height: 200px;
  padding-left: 10px;  
}

/* and some link styles */
ul.choices li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
ul.choices li a:hover, ul.choices li a.CSStoHighLink { color: #000; }
ul.choices li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */
</style>
<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.choices li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url( IEmen.htc );
}
ul.choices ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 2px; left: 78px;
}
</style>
<![endif]><![endif]-->
