/* basic reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{  
  margin:0;
  padding:0;
} 
table{
  border-collapse:collapse;
  border-spacing:0;
} 
fieldset,img{
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
  font-style:normal;
  font-weight:normal;
}
ol,ul, dl, dt, dd{
  list-style:none;
}
caption,th{
  text-align:left;
} 
h1,h2,h3,h4,h5,h6{
  font-size:100%;
  font-weight:normal;
}
q:before,q:after{
  content:'';
} 
abbr,acronym{
  border:0;
}

/* common styles */

html{
  margin:     0;
  padding:    0;
  border:     0;
  height:     100%;
}

body{
  color:      #000;
  text-align: left;
  font-family:DIN, "Lucida Grande", Helvetica, Verdana, sans-serif;
  background: #eae8dc;
  font-size:  14px;
  line-height:140%;
  quotes:     "\201E" "\201C" "\201A" "\2018";
  width:      100%;
}

ol{
  list-style-position:inside;
}

h1, h2, h3, h4, h5, h6{
  font-weight:bold;
}
  
a{
  text-decoration:none;
  outline:        0;
  color:          #000;
  cursor:         pointer;
  border-bottom:  1px solid #ccc;
  background:     #fff;
  padding:        4px;
}

a:hover{
  background:     #efeecb;
  text-decoration:none;
  border-bottom:  1px solid #000;
}

a:active{
  text-decoration:none;
  border-bottom:  1px solid #362c81;
}

.clear_both{
  clear:both;
}

.nodisplay{
  display:none;
}

.center{
  text-align:center;
}

#header{
  width:  260px;
  height: 300px;
  margin: 10% auto;
}

h1{
  font-size:  1.1em;
  padding:    20px 4px 7px;
  color:      #222;
}

h2{
  display: none;
}

h3{
  font-size: 2em;
}

ul{
  padding: 4px;
}

li{
  line-height:  170%;
  clear:        both;
}

li span{
  display:block;
  float:  left;
  width:  60px;
}

p{
  padding-top:  8px;
  font-size:    10px;
  line-height:  13px;
  color:        #666;
}

.situation, .services{
  display: none;
}

.situation, .services{
  width: 400px;
}

.situation p, .services p{
  padding-bottom:  12px;
  font-size:       13px;
  line-height:     17px;
}