/* -------------------------------------------------------------- 

  Screen Styles
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Site
-------------------------------------------------------------- */
  
body { background: #adbfd6; }

#navigation {
  width: 653px;
  margin: 0 auto;
}

ul#nav    { list-style: none; text-align: right; }
ul#nav li { display: inline; padding: 0 10px; border-right: 1px solid #fff; text-transform: uppercase; letter-spacing: 1px; }
ul#nav li.last { border: none; }


a.active { color: #154b8e; }


.container {
  position: relative;
  width: 653px;
  height: 428px;
  border: 12px solid #fff;
  margin: 0 auto;
}

.content {
  position: absolute;
}

.expandContainer 
{
  position: relative;
  width: 653px;
  border: 12px solid #fff;
  margin: 0 auto;
}

.expandContent {
  position: relative;
}

#home .container  {  }
#home h1   {width: 653px; height: 428px; margin:0; padding: 0;
background: url('images/bg-container.jpg') left top no-repeat; text-indent: -9999px;}


#about .container { background: #c0cddf; }
#about .content   { padding: 40px; }
#about .content p { color: #154b8e; line-height: 2em;}

#contact .container { background: #c0cddf; }
#contact .content   { padding: 44px; }
#contact .left      { float: left; width: 267px; padding: 0 15px 0 0; text-align: center; text-transform: uppercase; }
#contact .right     { float: right; width: 267px; padding: 0 0 0 15px; border-left: 1px solid #fff; }

.blue { color: #154b8e; }

#legal {
  width: 653px;
  margin: 0 auto;
  color: #8095b0;
text-align: left;
}

#legal p {
  font-size: 12px;
  margin-bottom: 0;
}

#legal a {
 text-decoration: underline;
}

p.copy { margin-top: 1.5em; text-align: center; color: #fff; }