@import url("reset.css");
@import url("horizontal-styled.css");


body {
  background: #262626 url(../images/core/body-background.png) repeat-x;
  font-size: 0.750em;
}

#container {
  width: 850px;
  margin: 0 auto;
  padding: 15px;
  padding-bottom: 0;
  background: url(../images/core/container-background.png) repeat-y;
}

hr {
  border: none;
  border-top: 1px solid #000;
  border-bottom: 1px solid #323232;
  clear: both;
  margin: 5px 0;
}

strong {
  font-weight: bold;
}

#header {
  background: #666 url(../images/core/header-background.png) repeat-x;
  border: 3px solid #666;
  height: 62px;
}

#header img.logo {
  margin: 12px 0 0 18px;
  float: left;
}

#header img.phone {
  margin: 27px 22px 0 0;
  float: right;
}

dl.team-member {
  display: block;
  clear: both;
}

dl.team-member dt {
  margin: 20px 0 0 112px;
  font-weight: bold;
}

dl.team-member dd.title {
  color: #88906e;
}

dl.team-member dd.image {
  float: left;
  margin: -25px 17px 0 0;
}

dl.team-member dd.image img {border: 3px solid #323232;}

form.form {
  margin: 20px 0;
}

form.form label {
  float: left;
}

form.form em {
  color: #ff0000;
}

form.form legend {
  color: #fff000;
  font-weight: bold;
  font-size: 1.083em;
  line-height: 1.417em;
}


/*  NAVIGATION
*****************************************/
#navigation {
  background: url(../images/nav/nav-background.png) repeat-x;
  border-bottom: 1px solid #5b5b5b;
  border-top: 1px solid #424242;
}

ul#nav {
  padding-top: 2px;
  height: 28px;
}

#nav li {
  display: inline;
}

#nav li a {
  height: 27px;
}

li#nav-home {width:63px; margin-left: 18px;}
li#nav-home a {background: url(../images/nav/nav-home.png) no-repeat 0 0; width: 63px;}
li#nav-profile {width:83px;}
li#nav-profile a {background: url(../images/nav/nav-profile.png) no-repeat 0 0; width: 83px;}
li#nav-projects {width:97px;}
li#nav-projects a {background: url(../images/nav/nav-projects.png) no-repeat 0 0; width: 97px;}
li#nav-services {width:90px;}
li#nav-services a {background: url(../images/nav/nav-services.png) no-repeat 0 0; width: 90px;}
li#nav-team {width:131px;}
li#nav-team a {background: url(../images/nav/nav-team.png) no-repeat 0 0; width: 131px;}
li#nav-contact {width:91px;}
li#nav-contact a {background: url(../images/nav/nav-contact.png) no-repeat 0 0; width: 91px;}

/*  FLASH
*****************************************/
#flash {
  margin: 8px 0 0 0;
  width: 840px;
  display: block;
}

#flash img {
  border: 5px solid #313131;
}



/*  CTA IMAGES
*****************************************/
#cta-boxes {
}

#cta-services,
#cta-projects,
#cta-contractors {
  margin: 8px 0 0 0;
  border: 5px solid #313131;
  float: left;
  display: inline;
  width: 270px;
  height: 110px;
}

#cta-projects,
#cta-contractors {
  margin-left: 5px;
}

/*  CONTENT
*****************************************/
#content-top {
  background: url(../images/core/content_top-background.png) top center repeat-x;
  display: block;
  height: 8px;
  margin: 17px 0 0 0;
}

#content-container {
  clear: both;
  background: url(../images/core/content-background.png) repeat-y;
  font: 1em/1.417em Arial, Verdana, sans-serif;
  color: #cacaca;
  padding: 20px 0 0 0;
  border-bottom: 1px solid #5b5b5b;
}

#content-container a {color: #EFD900; text-decoration: none;}
#content-container a:hover {text-decoration: underline;}

#content-primary {
  width: 603px;
  padding: 0 28px;
  float: left;
  display: inline;
}

#content-primary h1, #content-primary h2,
#content-primary h3, #content-primary h4,
#content-primary h5 {
  font-size: 1.167em;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding-bottom: 10px;
  background: url(../images/core/hr.png) bottom center repeat-x;
}

#content-primary h1 {
  font-size: 2em;
}

#index #content-primary h1 {
  font-size: 1.167em;
  text-transform: none;
  padding-bottom: 5px;
}

#content-primary p {
  margin: 14px 0 7px 0;
}

#content-primary ul {
  margin: 0 0 20px 20px;
  list-style: square;
}

#content-secondary {
  width: 141px;
  padding: 0 25px;
  float: left;
  display: inline;
}

#content-secondary h2 {
  font-size: 1.167em;
  color: #fff;
  font-weight: bold;
  padding-bottom: 4px;
  border-bottom: 1px solid #1a1a1a;
  text-transform: uppercase;
}

#content-secondary p {
  margin: 14px 0; 
}

div.gallery {
  width: 500px;
  margin: 0 auto;
}

div.gallery img {
  float: left;
  padding: 5px;  
}

/*  FOOTER
*****************************************/
#footer {
  height: 46px;
  clear: both;
  margin: 0 auto;
  width: 880px;
  font: 0.917em/1.167em Verdana, Arial, sans-serif;
  color: #a9a9a9;
  background: #424242 url(../images/core/footer-background.png) bottom center no-repeat;
}

#footer p {
  float: left;
  display: inline;
  padding: 10px 0 0 15px;
}

#footer a {color: #a9a9a9; text-decoration: none; font-weight: bold;}
#footer a:hover {text-decoration: underline;}

img#webfirm {
  float: right;
  display: inline;
  padding: 6px 16px 0 0;
}