body {
  margin           : 0px;
  padding          : 0px;  
  font-family      : Verdana, Arial, Helvetica;
  font-size        : 12px;
  color            : #000000;
  height           : 100%;
  width            : 100%;
  background-color : #FFFFFF;
}

#content {
  display             : block;
  /* centering content
     IE do not know the
     margin : auto */
  position            : absolute;
  margin              : auto;
  left                : 50%;
	margin-right        : 0px;
	margin-left         : -450px;
	width               : 900px;
  height              : 100%;
  background-image    : url( ../images/main_bg.jpg );
  background-position : 0px 0px;
  background-repeat   : no-repeat;
  border-right        : 3px solid #6F7D8E;
  border-left         : 3px solid #6F7D8E;
  text-align          : center;
}

#contentBox {
  display    : block;
  width      : 700px;
  margin     : auto;
  clear      : both;
  text-align : left;
}

#contentBox #roof {
  display             : block;
  height              : 16px;
  width               : 700px;
  background-image    : url( ../images/top_content_700.gif );
  background-position : 0px 0px;
  background-repeat   : no-repeat;
}

#contentBox #contentArea {
  display             : block;
  clear               : both;
  width               : 700px;
  height              : 357px;
  background-image    : url( ../images/content_bg_700.jpg );

  background-repeat   : repeat-y;
  overflow            : hidden;
  
}

#contentBox #ground {
  display             : block;
  clear               : both;
  width               : 700px;
  height              : 17px;
  background-image    : url( ../images/bottom_content_700.gif );
  background-position : 0px 0px;
  background-repeat   : no-repeat;
  margin-bottom       : 20px;
}

#logo h1 {
  margin              : 0px;
  display             : block;
  height              : 113px;
  width               : 900px;
  clear               : both;
  background-image    : url( ../images/head_new.jpg );
  background-repeat   : no-repeat;
  background-position : 0px 0px;
}

#logo h1 span {
  display : none;
}

#navi {
  height      : 46px;
  display     : block;
  margin-left : 2px;
}

#navi ul {
  list-style-type : none;
  height          : 36px;
  margin          : 0px;
  padding         : 0px;
  display         : block;
}

#navi ul li {
  margin-right        : 0px;
  margin-left         : 1px;
  margin-top          : 0px;
  margin-bottom       : 0px;
  padding             : 0px;
  width               : 131px;
  text-align          : center;
  vertical-align      : middle;
  line-height         : 26px;
  float               : left;
  font-weight         : bold;
  display             : block;
}

#navi ul li a {
  background-repeat   : no-repeat;
  background-image    : url( ../images/button_blue_new.gif );
  
  background-position : 0px -10px;
  
  width               : 131px;
  height              : 46px;
  display             : block;
  vertical-align      : middle;
  margin              : 0px;
  padding             : 0px;
  text-decoration     : none;
  color               : #000000;
  float               : left;

}

#navi ul li a:hover {
  background-position : 0px 0px;
  line-height         : 46px;
  font-size           : 12px;
  color               : #FFFFFF;
}

#navi ul li a.actual {
  background-position : 0px 0px;
  background-image    : url( ../images/button_green_new.gif );
  line-height         : 46px;
  font-size           : 12px;
  color               : #FFFFFF;
}

.spacer {
  width   : 10px;
  height  : 20px;
  display : block;
  clear   : both;
}

#contentArea h1 {
  margin        : 0px;
  margin-left   : 4%;
  clear         : both;
  color         : #385274;
  font-size     : 18px;
  width         : 90%;
  border-bottom : 1px solid #C8CACD;
  padding       : 5px;
}

* html #contentArea h1 {
  width         : 96%;
}

#contentArea p {
  margin        : 0px;
  margin-left   : 4%;
  margin-top    : 20px;
  clear         : both;
  display       : block;
  width         : 90%;
  text-align    : justify;
}

.reference_content {
  display  : block;
  width    : 48%;
  height   : 357px;
  float    : left;
  overflow : hidden;
}

.reference_content div {
  border-bottom : 1px solid #C8CACD;
  width         : 95%;
  height        : 90px;
  display       : block;
  clear         : both;
  margin-left   : 10px;
  text-align    : right;
}

.reference_content div img {
  float  : left;
  width  : 100px;
  height : 70px;
  border : 1px solid black;
  margin : 8px;
}

.reference_picture {
  display    : block;
  width      : 48%;
  height     : 357px;
  float      : left;
  text-align : center;
  overflow   : hidden;
}

.reference_picture a {
  float   : left;
  display : block;
  width   : 33px;
  height  : 30px;
}

.reference_picture a.up {
  background-image : url( ../images/up.gif );
}

.reference_picture a.down {
  background-image : url( ../images/down.gif );
}


.reference_picture a span {
  display : none;
}

.reference_picture img {
  border         : 1px solid black;
  width          : 300px;
  height         : 225px;
  display        : block;
  vertical-align : middle;
  margin         : auto;
  margin-top     : 34px;
}

form {
  margin        : 0px;
  margin-left   : 4%;
  margin-top    : 20px;
  clear         : both;
  display       : block;
  width         : 90%;
  text-align    : justify;
}

form fieldset {
  border : 0px;
}

form label {
  margin         : 8px;
  margin-top     : 4px;
  width          : 100px;
  height         : 15px;
  line-height    : 15px;
  vertical-align : middle;
  font-size      : 10px;
  font-weight    : bold;
  display        : block;
  float          : left;
  text-align     : right;
}

form input {
  width            : 200px;
  height           : 15px;
  font-size        : 10px;
  float            : left;
  display          : block;
  border           : 0px;
  border           : 1px solid #3A5577;
  background-color : transparent;
}

form textarea {
  margin           : 8px;
  width            : 308px;
  height           : 50px;
  padding          : 0px;
  display          : block;
  border           : 1px solid #3A5577;
  background-color : transparent;
}

.fspacer {
  width   : 10px;
  height  : 2px;
  display : block;
  clear   : both;
}

#submit,
#reset {
  width            : 150px;
  margin           : 6px;
  height           : 25px;
  background-color : #FFFFFF;
  border           : 1px solid #3A5577;
}

* html form { display: block; margin-top : 0px;}
* html label { display: inline; margin : 2px; margin-bottom:0px; }
* html input { display: inline; margin : 2px; height : 18px;}
* html textarea { display: block; margin : 0px;}
* html #submit,  
* html #reset { display: inline; margin : 0px; margin-right : 8px; margin-top: 4px;}
* html .fspacer { margin : 0px; clear : left; width : 1px; height: 1px; }

.references {
  overflow : hidden;
  height   : 357px;
}

#referenceScrolling {
  width    : 650px;
  display  : block;
  float    : left;
}

#scroller {
  float    : left;
  width    : 33px;
  height   : 350px;
  display  : block;
  position : relative;
  top      : 0px;
  left     : 0px;
}

#scroller a {
  display : block;
  width   : 33px;
  height  : 30px;
}

#scroller a span {
  display : none;
}

#scroller a.up {
  background-image : url( ../images/up.gif );
  margin-bottom : 290px;
  visibility    : hidden;
}

#scroller a.down {
  background-image : url( ../images/down.gif );
}