/*
* ======================
* Global
* ======================
*/

body {
  background: #193754;
  margin: 0 auto 0 auto;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  color: #575757;
}

#header {
  background-color: #FFF;
  margin: 0 auto 0 auto;
  text-align: center;
  height: 208px;
  padding: 0px;
  width: 828px;
}

img {
  border: 0px;
}

#wrapper {
  background: #FFF;
  width: 835px;
  margin: 0 auto 0 auto;
  text-align: center;
}

#wrapper2 {
  background: #FFF;
  width: 835px;
  margin: 0 auto 0 auto;
  text-align: center;
}

#container {
  margin: 0 auto 0 auto;
  width: 950px;
  text-align: center;
  background-image: url(images/background_tile.gif);
  background-repeat: repeat-y;
  background-position: center center;
}

/*
* ======================
* Navigation
* ======================
*/

#navigation {
  margin: 0 auto;
  text-align: center;
  height: 42px;
  padding: 0px;
}

#navigation ul {
  margin: 0 auto;
  text-align: center;
  width: 835px;
  height: 42px;
  overflow: hidden;
  padding: 0;
}

#navigation ul li, 
#navigation ul li a {
  display: block;
  float: left;
  height: 42px;
  background-position: left top;
  overflow: hidden;
}

#navigation ul li a:hover {
  background-position: left bottom;
}

#navigation ul li a span {
  display: block;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

#nav_home a {
  background: url(images/nav_home.gif);
  width: 165px;
}

#nav_aboutus a {
  background: url(images/nav_aboutus.gif);
  width: 169px;
}

#nav_services a {
  background: url(images/nav_services.gif);
  width: 165px;
}

#nav_projects a {
  background: url(images/nav_projects.gif);
  width: 165px;
}

#nav_contactus a {
  background: url(images/nav_contactus.gif);
  width: 171px;
}

/*
* ======================
* Content
* ======================
*/

.container {
  background: transparent;
  margin: 0 auto 0 auto;
  text-align: center;
  width: 800px;
}

.contentleft {
  background: transparent;
  width: 384px;
  padding: 0;
  text-align: left;
  margin-left: 4px;
  float: left;
}

.contentleftbox {
  background: #FFF;
  width: 384px;
}

.contentleftbox p {
  padding: 10px;
  padding-top: 0px;
  text-align: left;
  line-height: 150%;
  margin: 0;
}

.contentright {
  background: transparent;
  width: 439px;
  padding: 0;
  line-height: 150%;
  margin-right: 4px;
  float: right;
}

.contentrightbox {
  background: #FFF;
  width: 439px;
}

.contentrightbox p {
  text-align: center;
  line-height: 150%;
  margin: 0;
}

.clear { 
  clear: both;
}

.emergencybox {
  background: transparent;
  height: 99px;
  margin: 0 auto 0 auto;
  text-align: center;
  clear: both;
}


/*
* ======================
* Footer
* ======================
*/

#footer {
  background: #f4f4f4;
  color: #6f6f6f;
  margin: 5px auto 0 auto;
  text-align: center;
  padding: 10px;
}

#footer p {
  padding: 5px;
}

#footer a:link,
#footer a:visited,
#footer a:active {
  font-family: Arial;
  font-size: 12px;
  color: #6f6f6f;
  text-decoration: none;
  font-weight: normal;
}

#footer a:hover {
  font-family: Arial;
  font-size: 12px;
  color: #3069a3;
  text-decoration: none;
  font-weight: normal;
}