@charset "utf-8";
/* CSS Document */

html, body {
  margin: 0; padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #1E2433;
  line-height: normal;
  background-image: url(../images/right-background.jpg);
  background-position: 697px 100px;
  background-repeat: repeat-x;
}

a:link, a:visited { color: #24405B; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; font-weight: normal; clear: both; line-height: normal; padding-left: 10px; margin-top: 10px; margin-bottom: 0; }
h2 { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #DF2F1D; line-height: normal; margin-top: 35px; padding-left: 10px; margin-bottom: 0; }

p { padding-left: 10px; padding-right: 14px; clear: both; }

.spacer {
  width: 900px;
  margin-left: 12px;
  height: 1px;
  background-color: #CCCCCC;
  clear: both;
  margin-top: 10px;
}

#top {
  width: 100%;
  height: 100px;
  background-color: #231F19;
}

#left-bg {
  width: 697px;
  height: 273px;
  background-image: url(../images/left-background.jpg);
  float: left;
}

.top-right-box { float: left; margin-left: 77px; width: 205px; height: 52px; }

.logo-egg { margin-left: 10px; margin-top: 10px; }

#container { margin: 0; width: 990px; }

#main { width: 990px; clear: both; position: relative; padding-bottom: 78px; }

.pics {
  margin-top: 0;
  margin-left: 10px;
}

#box {
  width: 204px;
  background-color: #EBE6DE;
  overflow: hidden;
  margin-top: 19px;
  margin-left: 10px;
  float: left;
}

#box p { margin-top: 10px; margin-bottom: 0; }

.box-top {
  width: 204px;
  height: 3px;
  background-image: url(../images/box-top.jpg);
}

.box-bottom {
  width: 204px;
  height: 13px;
  background-image: url(../images/box-bottom.jpg);
  clear: both;
}

.pics img { float: left; padding-right: 10px; }

.left { float: left; margin: 0; }

.right {
 position: absolute;
 margin-left: 710px;
 margin-top: -20px;
 width: 269px;
 background-color: #231F19;
 float: left;
 color: #E5E5E5;
 font-size: 11px;
 line-height: 16px;
 font-family: Arial, Helvetica, sans-serif;
}

.right p { margin-bottom: 20px; margin-top: 10px; }

#nav-bg {
  position: fixed;
  clear: both;
  float: left;
  width: 100%;
  height: 100px;
  background-image: url(../images/nav-bg.jpg);
  top: 0;
}

.nav-container {
  margin-left: 68px;
  float: left;
  height: 91px;
  width: 518px;
}

.logo-egg-bottom {
  margin-top: 32px;
  margin-left: 14px;
  float: left;
}

#large-box {
  width: 652px;
  background-color: #DDE7EC;
  overflow: hidden;
  margin-top: 19px;
  margin-left: 10px;
  float: left;
}

.large-top {
  width: 652px;
  height: 3px;
  background-image: url(../images/large-top.jpg);
}

.large-bottom {
  width: 652px;
  height: 13px;
  background-image: url(../images/large-bottom.jpg);
  clear: both;
}

.left-large {
  margin-top: 5px;
  float: left;
  width: 200px;
  display: inline;
}

.right-side {
  float: left;
  display: inline;
  width: 500px;
  margin-left: 68px;
}

#left-column {
  margin-top: 22px;
  margin-left: 9px;
  width: 188px;
}

.left-header {
  width: 188px;
  height: 26px;
  background-image: url(../images/left-header.jpg);
}

/* NAV Classes */

#nav a:link, #nav a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
}

#nav li a:hover {
  list-style: none;
  background-position: 0 -91px;
  display: block;
	height: 91px;
}

#nav li a {
  list-style: none;
  display: block;
    height: 91px;
}

#nav {
  margin: 0 0 0 0; padding: 0;
  list-style: none;
  text-indent: -5000px;
}

#nav li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  float: left;
  list-style: none;
  padding-left: 2px;
}

#nav li #home {
  background-image: url(../images/buttons/home.jpg);
  width: 83px;
}

#nav li #services {
  background-image: url(../images/buttons/services.jpg);
	width: 96px;
}

#nav li #portfolio {
    background-image: url(../images/buttons/portfolio.jpg);
	width: 94px;
}

#nav li #testimonials {
    background-image: url(../images/buttons/testimonials.jpg);
	width: 117px;
}

#nav li #contact {
    background-image: url(../images/buttons/contact.jpg);
	width: 118px;
}
