/* GENERAL ELEMENTS */

html, body {
  height: 100%;
}

body {
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  font-size: .9em ;
  background-color: #eee ;
  min-width: 940px ;
}

a {
  color: #990000 ;
}

a:hover {
}

a:active {
}

a:visited {
  color: #990066 ;
}

p {
  margin: 1em 0 ;
  line-height: 1.3em ;
}

strong {
  font-weight: bold ;
}

h2 {
  font-family: Georgia, Times, "Times New Roman", serif ;
  font-size: 1.7em ;
  margin: 0 0 .7em 0 ;
}

th {
  text-decoration: none ;
}

/* LAYOUT ELEMENTS */

body.normal div#container {
  background: #eee url(../images/body_background.gif) repeat-y ;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

body.normal div#container div#container-content {
  margin-bottom: 2em ;
  min-height: 41em ;
}

body.homepage {
  background: black ;
  min-width: 800px ;
}

body.homepage div#homecontainer {
  background: #112 /*url(../images/nlba_home_bg.jpg) no-repeat center */ ;
  position: relative;
  margin-top: 10%  ;
  height: 360px ;
}  

body.homepage div#bgbg {
  position: absolute ;
  background: url(../images/nlba_home_bg.jpg) no-repeat center ;
  z-index: 0 ;
  height: 360px ;
  width: 100% ;
}

body.homepage div.bg {
  position: absolute ;
  /* background: url(../images/nlba_home_bg.jpg) no-repeat center ; */
  z-index: 0 ;
  height: 360px ;
  width: 100% ;
}


body.homepage div#homecontent {
  position: relative ;
  z-index: 1 ;
  width: 760px ;
  margin: auto ;
}

body.homepage div#homecontent p#title {
  color: #a00 ;
  font-size: 2.2em ;
  text-align: right ;
  float: left ;
  height: 50px ;
  margin-top: 25px ;
  margin-left: 20px ;
  padding-top: 4px ;
  padding-left: 60px ;
  background: url(../images/NLBA_Logo-small.gif) no-repeat 0 0  ;
}

body.homepage div#homecontent p#addrs {
  text-align: right;
  font-size: 0.8em ;
  color: #a00 ;
  float: right ;
  margin-top: 20px ;
  margin-right: 10px ;
}

body.homepage div#homecontent p#addrs a {
  color: #a00 ;
}

body.homepage div#homecontent p#links {
  color: #eea ;
  font-size: 1.0em ;
  text-align: right ;
  margin-top: 220px ;
  margin-right: 10px ;
  float: right;
  width: 100% ;
}

body.homepage div#homecontent a {
  color: #eee ;
  /*text-decoration: none ;*/
}

body.homepage div#homecontent a:hover {
  color: #caa ;
}

div#header {
  height: 75px ;
  background: url(../images/header_background.gif) repeat-x ;
    border-bottom: 5px solid #442244 ;
}

div#header div#logo {
  height: 50px ;
  width: 100% ;
  margin-top: 12px ;
  padding-left: 20px ;
  padding-top: 10px ;
  float: left ;
  background: url(../images/NLBA_Logo-small.gif) no-repeat 30px 0  ;
}

div#header h1 span {
  font-family: Helvetica, sans-serif ;
  font-size: 30px ;
  margin-left: 72px ;
  text-align: right ;
  color: #a00 ;
}

body.slideshow {
  height: auto ;
  min-width: 0 ;
  background: #99a ;
}

body.slideshow div#header {
  height: 30px ;
}

body.slideshow div#header h1 {
  padding-top: 10px ;  
  margin-left: 10px ;
}

body.slideshow div#header h1 span {
  font-size: 20px ;     
  margin-left: 0px ;
}

body.slideshow div#header div#logo {
  display: none ;
}

div#navigation {
  background: url(../images/nav_background.gif) repeat-x 0px 256px ;
  width: 175px ;
  float: left ;
  text-align: center ;
  font-family: Helvetica, sans-serif ;
  margin-right: .2em ;
  font-size: 16px ;
}

div#navigation span {
  color: #dbdadf ;
}

div#navigation ul {
  padding-top: 1em ;
}

div#navigation ul li {
  padding: .2em ;
}

div#navigation ul li a {
  color: #552200 ;
  text-decoration: none ;
}

div#navigation ul li.selected {
  background-color: #eee ;
}

div#navigation ul li:hover {
  background-color: #ddd ;
}

div#nav_thumb {
  height: 256px ;
  background: url(../images/nav_thumb.jpg) no-repeat ;
}

div#content {
  padding: 2em 2em 4em 2em ;
  margin-left: 175px ;
  min-width: 690px ;
}

div#content h2 {
 font-family: Helvetica, sans-serif ;
}

body.slideshow div#content {
  background: none ;
  margin: 0 ;
  min-width: 0 ;
  text-align: center ;
}

div#footer {
  height: 2em ;
  background: #99a ;
  color: #446;
  position: absolute ;
  width: 100% ;
  bottom: 0 !important;
  bottom: -1px;
  height: 40px;
  font-size: .85em ;
  text-align: center ;
  border-top: 4px solid #450;
  clear: both;
}

div#footer div#location1,
div#footer div#location2,
div#footer div#links {
  padding: .6em ;
}

div#footer div#location1 {
  float: left ;
  text-align: left ;
}

div#footer div#location2 {
  float: right ;
  text-align: right ;
}

div#footer div#links a {
  color: #446 ;
}

/* MODULE-SPECIFIC ELEMENTS... */
/* PROJECT: */

div#projectTypeSummary {
  float: right ;
  width: 250px ;
}

div#projectList {
  margin-right: 280px ;
}

div#projectList ul {
    border-top: 1px dotted #ccc ;
    border-left: 1px dotted #ccc ;
}

div#projectList h3 {
  font-family: Georgia, Times, "Times New Roman", serif ;
  font-size: 1.4em ;
  margin: 0 0 .7em 0 ;
}

div#projectList li {
  padding: 0 0 1em 0 ;
  float:left ;
  width: 10em ;
  border-bottom: 1px dotted #ccc ;
}

div#projectList li a {
  display: block ;
  padding-top: 8px ;
}

div#projectList li img.previewSpacer {
  width: 50px ;
  height: 50px ;
}

div#projectList li.featured {
  padding: 20px ;
  min-height: 100px ;
  width: auto ;
  float: none ;
}

div#projectList li.featured img.previewSpacer {
  width: 100px ;
  height: 100px ;
}

div#projectList li.featured a {
  font-size: 1.3em ;
}

div.projectDetails {
}

div.projectDetails div.client {
  font-weight: bold ;
  padding-right: 1em ;
}

div.projectDetails div.office {
}

div.projectDetails div.location {
}

div.projectDetails div.description {
  font-size: .9em ;
  margin-top: .5em ;
}

div#projectList li.unfeatured {
  height: 100px ;
  width: 100px ;
  padding: 12px ;
  border-right: 1px dotted #ccc ;
  border-bottom: 1px dotted #ccc ;
}

div#projectList div.projectListThumbnail {
  width: 50px ;
  height: 50px ;
  background-color: #eee;
  background-repeat: no-repeat ;
  background-position: center center ;
  float: left ;
  margin-right: 1em ;
}

div#projectList li.unfeatured div.projectListThumbnail {
  float: none ;
  width: auto ;
  text-align: center ;
}

div#projectList li.featured div.projectListThumbnail {
  width: 100px ;
  height: 100px ;
}

div#projectGallery {
}

div#projectGallery div#projectGalleryHeading {
  display: none ;
  margin-bottom: 1em ;
}

div#projectGallery h2 {
  display: none ;
  margin-bottom: .4em ;
}


div#projectGallery div#galleryNav {
  height: 1em ;
  margin-bottom: 1em ;
}

div#projectGallery div#galleryNav ul {
  list-style: none;
  margin: 0 ;
  padding: 0 ;
  text-align: center ;
}

div#projectGallery div#galleryNav ul li {
  display: inline ;
  padding: .3em ;
}

div#projectGallery div#galleryNav ul li a {
  
}

div#projectGallery div#galleryNav ul li.selected {
  background-color: #aaa ;
}

div#projectGallery div#galleryBody {
  clear: both ;
  margin-top: 1em ;
}

div#projectGallery div#galleryBody img {
  border: 4px solid #111 ;
}

div#projectPreview p {
  background-repeat: no-repeat ;
  background-position: top center ;
  height: 300px ;
  width: 100px ;
  float: left ;
  margin: 0 2em 2em 0;
  text-align: left ;
}