/* GENERAL ELEMENTS */

html, body {
  height: 100%;
  margin: 0 ;
  padding: 0 ;
  color: #aaa ;
}

body {
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  font-size: 14px ;
  min-width: 1024px ;
  background: #bbc ;
  height: 100% ;
}

a {
  color: #dbdadf ;
}

a:hover {
}

a:active {
}

a:visited {
  color: #aac ;
}

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

strong {
  font-weight: bold ;
}

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

th {
  text-decoration: none ;
}

/* LAYOUT ELEMENTS */

body.normal div#container {
  background: #222 ;
  position: relative;
  margin-top: 0 ;
  margin-bottom: 0 ;
  margin-left: auto ;
  margin-right: auto ;
  width: 1024px ;
  min-height: 100%  ;
}

body.homepage div#homecontainer {
  background: #222 ;
  position: relative;
  margin-top: 0 ;
  margin-bottom: 0 ;
  margin-left: auto ;
  margin-right: auto ;
  width: 1024px ;
  min-height: 100%  ;
}  

div#header {
  border-bottom: 6px solid #422 ;
  background: url(../images/NLBA_Logo-medium-3.gif) no-repeat 55px 40px ;
  height: 160px ;
}

div#header a div#logolink {
  position: absolute ;
  top: 32px ;
  left: 48px ;
  width: 100px ;
  height: 100px ;
}

div#homeheader {
  background: url(../images/NLBA_Logo-medium-3.gif) no-repeat 55px 40px  ;
  height: 160px ;
  border-bottom: 6px solid #422 ;
}

div#header p#title {
  margin: 0px ;
  padding-left: 168px ;
  padding-top: 75px ;
}

div#header p#title a {
  font-size: 220% ;
  text-decoration: none ;
  color: #D21010 ;
}

div#homeheader p#title {
  margin: 0px ;
  padding-left: 168px ;
  padding-top: 75px ;
}

div#homeheader p#title a {
  font-size: 220% ;
  text-decoration: none ;
  color: #D21010 ;
}

div#header ul,
div#homeheader ul {
  position: absolute ;
  top: 132px ;
  right: 16px ;
  color: #999 ;
}

div#header li ,
div#homeheader li {
  display: inline ;
  font-size: 100% ;
  /* font-weight: bold ; */
  font-style: italic ;
  padding: .5em ;
}

div#header li {
  color: #777 ;
}

div#content {
  margin-left: 256px ;
  min-height: 512px ;
  border-top: solid white 1px ;
  border-bottom: solid white 1px ;
}

div#pagecontent {
  margin: 0 ;
  padding: 20px ;
  font-size: 100% ;
  border-left: solid white 1px ;
}

div#homecontent {
  position: relative ;
  min-height: 512px ;
  height: 512px ;
  border-top: solid white 1px ;
  border-bottom: solid white 1px ;
}

body.homepage div#homecontent div#slides {
  position: absolute ;
  height: 512px ;
  width: 512px ;
  float: left ;
  overflow: hidden ;
}

body.homepage div#homecontent div#slides div {
  position: absolute ;
  top: 0 ;
  left: 0 ;
  height: 512px ;
  width: 512px ;
  padding: 0 ;
}

div#homeblurb {
  margin-left: 512px ;
  margin-top: 40px ;
  color: #eee ;
  width: 468px ;
  height: 512px ;
  padding-left: 20px ;
  font-size: 14px ;
  text-align: justify ;
}

div#homeblurb p {
  line-height: 185% ;
}

div#homefooter {
  /* background: url(/images/footbg.gif) repeat-x bottom ;  */
  position: relative ;
  height: 96px ;
  border-top: solid #422 4px ;
}

div#footer {
  background: url(/images/footbg.gif) repeat-x bottom ; 
  position: relative ;
  height: 96px ;
  border-top: solid #322 4px ;
}

body.homepage div#homefooter div#links {
  font-size: 120% ;
  text-align: center ;
  margin-right: 20px ;
  margin-top: 10px ;
  line-height: 150% ;
}

body.homepage div#homefooter a {
  color: #eee ;
  font-style: italic ;
  /*text-decoration: none ;*/
}

body.homepage div#homefooter p a {
  color: #aaa ;
  font-style: normal ;
}

body.homepage div#homefooter a:hover {
  color: #ccc ;
}

div#homefooter p.fine {
  font-size: 80% ;
  text-align: center ;
}

div#header div#logo {
  display: none ;
  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 {
  width: 256px ;
  height: 512px ;
  float: left ;
  text-align: left ;
  font-family: Helvetica, sans-serif ;
  font-size: 16px ;
  color: #dbdadf ;
  margin: 0px ;
  border-top: solid white 1px ;
  border-bottom: solid white 1px ;
}

div#navigation span {
  padding-left: 1em ;
}

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

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

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

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

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

div#addrs {
  position: absolute ;
  top: 512px ;
  margin-top: 3em ;
  margin-left: 20px ;
  font-size: 85% ;
  z-index: 10 ;
}

div#ssnav {
  position: absolute ;
  top: 628px ;
  right: 776px ;
}

div#homessnav {
  position: absolute ;
  top: -60px ;
  left: 522px ;
}

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

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

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

div#footer div#location1,
div#footer div#location2 {
  padding: .6em ;
  margin-top: 8px ;
} 

div#footer div#links {
  padding: .6em ;
  margin-top: 8px ;
  text-align: center ;
}

div#footer div#links a {
  color: #dbdadf ;
  text-decoration: none ;
}

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

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

div#slides {
  position: relative ;
  height: 512px ;
  width: 512px ;
  margin: 0 ;
  border: 0 ;
}

div#slides div.pic {
  position: absolute ;
  top: 0 ;
  left: 0 ;
  height: 512px ;
  width: 512px ;
}

div#slides div.info {
  position: absolute ;
  bottom: 0 ;
  right: -256px ;
  width: 246px ;
  height: 512px ;
  background: #222 ;
}

div#slides div.info div {
  position: absolute ;
  bottom: 0 ;
  width: 220px ;
  font-style: italic ;
  margin: 10px 10px ;
  background: #222 ;
}

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 ;
}