/* 
 Global CSS Declarations for ThielsenArchitects.com
 Copyright (C) Analogue Web Design, LLC. All rights reserved
 Version 2008
*/

@media screen, projection {

  /* GLOBAL RESET */
  html, body, address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p, pre, dl, dt, dd, ol, ul, li, table, caption, thead, tfoot, tbody, tr, td, th, form, fieldset, legend, label, a, img, object, q, span, abbr, acronym, del, dfn, em, ins, strong { background: transparent; border: none; font-size: 100%; margin: 0; outline: none; padding: 0; vertical-align: baseline; }
  a { outline: none; text-decoration: none; }
  abbr:hover, acronym:hover { border-bottom: 1px dotted #999; cursor: help; }
  address { font-style: normal; }
  blockquote, q { quotes: none; }
  h1, h2, h3, h4, h5, h6 { font-size: 1em; }
  hr { clear: both; height: 1.2em; visibility: hidden; }
  html { height: 100%; }
  fieldset, img { border: medium none; }
  input, button, select, textarea { font-family: Verdana, Geneva, sans-serif; font-size: 1em; }
  label { cursor: pointer; }
  ol, ul { list-style: none; }
  :focus { outline: none; }

  /* LAYOUT */
  body { background: #fff; color: #000; font: 10px/1.5 Verdana, Geneva, sans-serif; height: 100%; margin: 0 auto; padding-bottom: 1em; min-width: 962px; }
  #container { background: #fff url(/assets/img/content.jpg) repeat-y 225px 0%; border: 1px solid #369b93; color: #000; margin: 1em auto; min-height: 100%; position: relative; width: 960px; }

  /* HEADER */
  #header { background: #fff url(/assets/img/header.jpg) no-repeat; }
  #header h1 { float: left; }
  #header h1 a { background: url(/assets/img/logo.jpg) no-repeat 0% 0%; display: block; height: 51px; text-indent: -999em; width: 151px; }
  #header h1 a:hover { background-position: 0% 100%; }
  #header h2 { color: #396560; clear: both; font-size: 2.0em; font-weight: normal; padding: 9px 18px; text-align: right; width: 188px; }

  /* MENU */
  #menu { float: right; padding: 18px 0; }
  #menu li { display: inline; font-size: 1.2em; font-weight: bold; }
  #menu li a { background: url(/assets/img/menu.jpg) no-repeat 0% -18px; color: #fff; padding: 0 54px 0 18px; }
  #menu li a:hover { background-position: 0% 0%; color: #f00; }

  /* MENU-LOCATION */
  #portfolio li.portfolio a { background-position: 0% 0%; }
  #thefirm li.thefirm a, #recognition li.thefirm a { background-position: 0% 0%; }
  #sustainability li.sustainability a { background-position: 0% 0%; }
  #services li.services a { background-position: 0% 0%; }
  #contact li.contact a { background-position: 0% 0%; }

  /* CONTENT */
  #content { border-top: 1px solid #369b93; color: #396560; padding-bottom: 54px; }

  /* CONENT-MAIN */
  #content-main { float: right; padding: 0 18px; width: 698px; }
  #content-main a { color: #369b93; text-decoration: underline; }
  #content-main a:hover { color: #f00; }
  #content-main address { font-size: 1.1em; margin: 9px 0; }
  #content-main dl { font-size: 1.1em; margin-top: 9px; }
  #content-main dl dt { font-style: italic; }
  #content-main dl dd { margin-bottom: 9px; }
  #content-main h2 { font-size: 1.8em; margin: 9px 0; }
  #content-main h3 { font-size: 1.4em; }
  #content-main h4 { color: #369b93; font-size: 1.1em; font-style: italic; font-weight: normal; }
  #content-main p { font-size: 1.1em; margin: 9px 0; }
  #content-main ul { font-size: 1.1em; margin: 9px 0; }
  #content-main ul li { list-style: outside disc; margin-left: 18px; }
  #content-main ul ul { font-size: 1em; margin: 0; }
  #content-main ul ul li { list-style: outside circle; }

  /* CONTENT-SIDEBAR */
  #content-sidebar { float: left; padding: 9px 18px; width: 188px; }
  #content-sidebar ul { font-size: 1.3em; text-align: right; }
  #content-sidebar ul ul { display: none; font-size: 1em; }
  #content-sidebar ul ul ul { line-height: 1.2; }
  #content-sidebar ul li { margin-bottom: 6px; }
  #content-sidebar ul ul li { margin-bottom: 0; }
  #content-sidebar ul a { color: #396560; font-weight: bold; }
  #content-sidebar ul a:hover { color: #f00; }
  #content-sidebar ul ul a { color: #369b93; display: inline; font-size: 0.92307em; }
  #content-sidebar ul ul ul a { color: #666; font-weight: normal; font-size: 0.76923em; }
  #content-sidebar ul ul ul strong { font-size: 1.1em; }
  #content-sidebar h5 { font-size: 1.3em; margin-top: 24px; text-align: right; }
  #content-sidebar dl { text-align: right; }
  #content-sidebat dl dd { margin-bottom: 6px; }

  /* CONTENT-SIDEBAR-LOCATION */
  #admin #content-sidebar ul li.admin ul { display: block; }
  #contact #content-sidebar ul li.thefirm ul { display: block; }
  #contact #content-sidebar ul li.thefirm ul li.recognition { display: none; }
  #contact #content-sidebar ul li.thefirm ul li.show { display: block; }
  #home #content-sidebar ul li.thefirm ul { display: block; }
  #home #content-sidebar ul li.thefirm ul li.recognition { display: none; }
  #home #content-sidebar ul li.thefirm ul li.show { display: block; }
  #portfolio #content-sidebar ul li.portfolio ul { display: block; }
  #portfolio #content-sidebar ul li.thefirm ul { display: block; }
  #portfolio #content-sidebar ul li.thefirm ul li.recognition { display: none; }
  #portfolio #content-sidebar ul li.thefirm ul li.show { display: block; }
  #recognition #content-sidebar ul ul li.recognition ul { display: block; }
  #sustainability #content-sidebar ul li.thefirm ul { display: block; }
  #sustainability #content-sidebar ul li.thefirm ul li.recognition { display: none; }
  #sustainability #content-sidebar ul li.thefirm ul li.show { display: block; }
  #services #content-sidebar ul li.services ul { display: block; }
  #services #content-sidebar ul li.services ul { line-height: 1.2; }
  #services #content-sidebar ul li.services ul li { margin-bottom: 0; }
  #services #content-sidebar ul li.services ul li a { color: #666; font-weight: normal; font-size: 0.76923em; }
  #services #content-sidebar ul li.services ul li a:hover { color: #f00; }
  #services #content-sidebar ul li.thefirm ul { display: block; }
  #services #content-sidebar ul li.thefirm ul li.recognition { display: none; }
  #services #content-sidebar ul li.thefirm ul li.show { display: block; }
  #terms #content-sidebar ul li.thefirm ul { display: block; }
  #terms #content-sidebar ul li.thefirm ul li.recognition { display: none; }
  #terms #content-sidebar ul li.thefirm ul li.show { display: block; }
  #thefirm #content-sidebar ul li.thefirm ul, #recognition #content-sidebar ul li.thefirm ul { display: block; }
  #thefirm #content-sidebar ul ul li.recognition ul { display: none; }

  /* HOMEPAGE SLIDESHOW */
  #slideshow { float: left; margin: 15px 0; width: 418px; }
  #slideshow #slideshowImage { border: 1px solid #fff; float: left; margin-right: 1px; }
  #slideshow #slideshowThumbs { float: left; margin: 0; width: 204px; }
  #slideshow #slideshowThumbs a { border: 1px solid #fff; display: block; float: left; height: 137px; margin-right: 1px; width: 64px; }
  #slideshow #slideshowThumbs a:hover { border: 1px solid #f00; }
  
  /* GALLERY */
  #gallery { float: right; height: 420px; margin: 12px 0 0 18px; padding: 12px 0; text-align: center; width: 128px; }
  #gallery #wrapper { position: relative; height: 393px; overflow: hidden; width: 128px; }
  #gallery #scroller { position: absolute; left: 0; top: 0; width: 127px; }
  #gallery #scroller a { display: block; height: 93px; margin-bottom: 6px; }
  #gallery #scroller a img { border: 1px solid #666; }
  #gallery #scroller a:hover img { border: 1px solid #f00; }
  #gallery #scrollDown, #gallery #scrollUp { display: block; height: 10px; width: 128px; }
  #gallery #scrollDown { background: url(/assets/img/down.jpg) no-repeat 50% 100%; margin-top: 2px; }
  #gallery #scrollUp { background: url(/assets/img/up.jpg) no-repeat 50% 0%; margin-bottom: 2px; }
  #gallery #scrollUp:hover, #gallery #scrollDown:hover { background-position: 50% -10px; }
  
  /* LIGHTBOX */
  #overlay { background: #000; display: none; height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 90; }
  #lightbox { color: #fff; display: none; left: 0; position: absolute; text-align: center; top: 25px; width: 100%; z-index: 100; }
  #lightboxCloseLink { background: url(/assets/img/close.png) no-repeat 0% 0%; display: block; position: absolute; overflow: hidden; text-indent: -999em; top: 3px; height: 30px; width: 30px; z-index: 1000; right: 3px; }
  #lightboxFrame { background: transparent url(/assets/img/loading.gif) no-repeat 50% 50%; height: 480px; margin: 0 auto; position: relative; width: 640px; }
  #lightboxFrame #lightboxImage { display: none; } 
  .zoom-in { background: url(/assets/img/zoom-in.png) no-repeat 0% 0%; overflow: hidden; text-indent: -999em; height: 30px; width: 30px; }
  .zoom-out { background: url(/assets/img/zoom-out.png) no-repeat 0% 0%; overflow: hidden; text-indent: -999em; height: 30px; width: 30px; }
  .zoom-info { background: url(/assets/img/info.png) no-repeat 0% 0%; overflow: hidden; text-indent: -999em; height: 24px; width: 24px; }
  .zoom-close { background: url(/assets/img/close.png) no-repeat 0% 0%; overflow: hidden; text-indent: -999em; height: 30px; width: 30px; }
  .zoom-in:hover, .zoom-out:hover, .zoom-info:hover , .zoom-close:hover, .zoomhover { background-position: 0% 100%; }
  .pan-up { background: url(/assets/img/pan-up.png) no-repeat 0% 0%; overflow: hidden; text-indent: -999em; height: 30px; width: 30px; }
  .pan-down { background: url(/assets/img/pan-down.png) no-repeat 0% 0%; overflow: hidden; text-indent: -999em; height: 30px; width: 30px; }
  .pan-left { background: url(/assets/img/pan-left.png) no-repeat 0% 0%; overflow: hidden; text-indent: -999em; height: 30px; width: 30px; }
  .pan-right { background: url(/assets/img/pan-right.png) no-repeat 0% 0%; overflow: hidden; text-indent: -999em; height: 30px; width: 30px; }
  .pan-up:hover, .pan-down:hover, .pan-left:hover, .pan-right:hover  { background-position: 0% 100%; }

  /* GOOGLE MAPS */
  #map { background: #e8ecf8; border: 1px solid #979797; color: #000; font: 10px/1.25 Arial, sans-serif; height: 348px; margin: 18px 0; width: 696px; }
  #map a, #map a:hover { border-bottom: none; }
  #map span.gmap-title { font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
  #map span.gmap-address { display: block; font-size: 1.1em; font-style: normal; }
  #map span.gmap-directions { display: block; margin-top: -6px; font-size: 1.1em; font-weight: bold; }
  #map form label { color: #666; font-size: 1.1em; }
  #map form #saddr { width: 165px; margin-right: .6em; padding: 1px; }
  #map form .gmap-submit { padding: 1px; }
  
  /* ADMIN */
  #admin form { font-size: 1.1em; margin: 9px 0; }
  #admin form fieldset fieldset fieldset { margin-bottom: 3px; }
  #admin form fieldset fieldset fieldset input { border: 1px solid #369b93; padding: 2px;  }
  #admin form fieldset fieldset fieldset input:focus { border-color: #f00; }
  #admin form fieldset div { float: left; margin-right: 9px; width: 169px; }
  #admin form fieldset div input { width: 170px; }
  #admin form fieldset div select { padding: 1px 0; width: 174px; }
  #admin form input.input  { width: 348px; }
  #admin form input.button { width: 75px; }
  #admin form select { border: 1px solid #369b93; padding: 1px 0; width: 176px; }
  #admin form select:focus { border-color: #f00; }
  #admin form textarea { border: 1px solid #369b93; padding: 2px 0; height: 106px; width: 694px; }
  #admin form textarea:focus { border-color: #f00; }
  #admin form textarea.features { height: 53px; }
  #admin form label.isInvalid { font-weight: bold; }
  #admin form.image div.image { width: 125px; height: 94px; float: left; margin-right: 9px; text-align: center; }
  #admin form.image div.image img { border: 1px solid #666; }
  #admin form.image fieldset fieldset { float: left; margin-right: 9px; }

  /* FOOTER */
  #footer { background: #fff; bottom: 0; border-top: 1px solid #369b93; padding: 18px 0 9px; position: absolute; text-align: center; width: 960px; }
  #footer ul li { display: inline; padding: 6px; }
  #footer a { color: #369b93; }
  #footer a:hover { color: #f00; text-decoration: underline; }

  /* CLASSES */
  .clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

  /* MSIE 7.0 */
  *+html .clear { height: 1%; }
  *+html #slideshow { height: 1%; }
  *+html #admin form fieldset div select { margin-top: 1px; width: 176px; }

  /* MSIE 6.0 */
  * html .clear { height: 1%; }
  * html #slideshow { height: 1%; }
}