a.demo {
  font-size: 14pt;
  color: #134281; }

#servicesintro {
  position: absolute;
  top: 20px;
  left: 30px;
  text-align: left;
  width: 880px;
  background: url("/images/servicesmainpanel.jpg") no-repeat bottom right;
  height: 355px; }

#servicesintro h1 {
  position: absolute;
  top: 0px;
  left: 0px; }

#servicesintro h2 {
  position: absolute;
  top: 340px;
  left: 50px;
  font-size: 21pt; }

#servicesintro h3 {
  font-family: Arial;
  font-size: 13pt;
  margin-bottom: 20px;
  font-weight: bold; }

div#servicesintrotext {
  position: absolute;
  top: 87px;
  left: 0px;
  width: 280px; }

.services_layer {
  position: absolute;
  cursor: pointer; }

.services_layer img {
  opacity: 0.8;
  display: none; }

.services_layer_ready:hover img {
  opacity: 0.6;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in; }

.services_layer_ready img {
  opacity: 0.0;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in; }

.layer_text h1 {
  position: relative !important;
  font-size: 16pt;
  margin: 0px;
  padding-bottom: 10px; }

.layer_text p {
  margin-top: 10px;
  margin-bottom: 10px; }

.services_layer .layer_text {
  opacity: 0;
  position: absolute;
  background-color: white;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #fba208;
  -moz-box-shadow: #222222 0 0px 18px;
  -webkit-box-shadow: #222222 0 0px 18px;
  -khtml-box-shadow: #222222 0 0px 18px;
  box-shadow: #222222 0 0px 18px;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  top: 70%;
  z-index: 0;
  width: 0px;
  height: 0px;
  padding: 10px;
  display: none;
  line-height: 16px; }

.services_layer_ready:hover .layer_text {
  display: block;
  opacity: 1;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: 300px;
  height: auto;
  z-index: 3; }

#walkingtour_layer {
  top: 83px;
  left: 298px; }

#walkingtour_layer .layer_text {
  top: 20px; }

#facebook_layer {
  top: 238px;
  left: 349px; }

#facebook_layer .layer_text {
  left: -50px;
  top: 50px; }

#mobile_layer {
  top: 126px;
  left: 609px; }

hr#servicesfullwidth {
  position: absolute;
  left: 0px;
  top: 422px;
  width: 935px;
  margin: 0 0 0 0; }

div#servicessidebar {
  position: absolute;
  background: url("/images/servicessidebar.png") no-repeat;
  width: 228px;
  height: 642px;
  top: 423px;
  left: 0px;
  text-align: left; }

div#servicessidebar a {
  text-decoration: none;
  color: #000000;
  font-size: 16px; }

div#servicessidebar ul {
  color: #000000;
  position: absolute;
  left: 17px;
  top: 35px;
  list-style-type: none;
  line-height: 36px;
  font-size: 16px;
  margin: 0;
  text-indent: 23px;
  width: 211px; }

div#servicessidebar li.selected {
  background: url("/images/selectedtab.png") no-repeat;
  line-height: 53px; }

div#servicessidebar li.selected a {
  color: #134281; }

.servicesmodules {
  position: absolute;
  top: 423px;
  left: 229px;
  text-align: left;
  display: block;
  padding-top: 10px; }

.servicesmodules hr {
  margin-top: 20px;
  margin-left: 20px; }

.servicesmodules iframe {
  padding-left: 30px;
  margin-top: -20px; }

.module {
  display: table;
  padding: 20px 20px 0 20px; }

.reversed {
  padding-right: 0px !important;
  padding-top: 40px; }

.withimage > img {
  display: table-cell;
  width: 298px;
  padding-top: 10px; }

.image_bottom > img {
  display: block;
  padding-top: 40px;
  margin: auto; }

.module h4 {
  font-weight: normal;
  font-size: 21pt;
  margin-bottom: 10px; }

.module .module_body {
  vertical-align: top;
  display: table-cell; }

.image_bottom .module_body {
  vertical-align: top;
  display: block; }

.module_body h3 {
  font-size: 23pt; }

.reversed .module_body {
  width: 223px; }

.reversed > img {
  width: 475px; }

.withimage {
  padding-left: 0px; }

a.tryme {
  color: #F78C0E;
  font-size: 18pt;
  text-decoration: none;
  display: block;
  text-align: right;
  padding-top: 10px;
  font-family: Arial,sans-serif;
  font-weight: normal; }

#mobile a.tryme {
  text-align: left; }

.other_modules li {
  padding-top: 10px; }

/*# sourceMappingURL=services.css.map */