/* global */
body {margin: 0px; padding: 0px; background: url('../images/bgSC.jpg') top repeat-x #c9c9c9; font: 13px/20px Arial, Verdana, Helvetica; color: #6f6f6f;}
p {margin: 0px 0px 15px 0px;}
p.caption {font: italic 11px/18px Arial, Verdana, Helvetica; color: #6f6f6f; margin: 0px 0px 0px 0px;}
sup {font-size: 9px;}

a {color: #6f6f6f; text-decoration: underline; white-space: nowrap;}
a:hover {text-decoration: none;}

ul {list-style-type:square}
li {margin: 0px 0px 5px 0px;}
ul.padded li {margin: 0px 0px 15px 0px;}

/* primary navigation */
#containerNav {width: 788px; height: 60px; margin: 7px auto 0px auto;}
#navSCTitle, #navSCHome, #navSCAbout, #navSCProjects, #navSCServices, #navSCContact {height: 60px; float: left;}
#navSCTitle {width: 346px;}
#navSCTitle img {width: 346px; height: 60px; border: 0px;}
#navSCHome {width: 74px;}
#navSCHome img {width: 74px; height: 60px; border: 0px;}
#navSCAbout {width: 86px;}
#navSCAbout img {width: 86px; height: 60px; border: 0px;}
#navSCProjects {width: 82px;}
#navSCProjects img {width: 82px; height: 60px; border: 0px;}
#navSCServices {width: 86px;}
#navSCServices img {width: 86px; height: 60px; border: 0px;}
#navSCContact {width: 114px;}
#navSCContact img {width: 114px; height: 60px; border: 0px;}

/* upper banner */
#containerBanner {width: 752px; height: 306px; background: #fff; margin: 0px auto 0px auto; padding: 5px 5px 0px 5px;}
#imageBanner {width: 752px; height: 301px;}
#imageBanner img {width: 752px; height: 301px; border: 0px;}


/* lower content */
#containerContent {width: 752px; height: auto; border: 1px solid #b2b2b2; border-bottom: 0px; border-top: 0px; background: url('bgContent.jpg') top repeat-x #fff; margin: 0px auto 0px auto; padding: 8px 5px 0px 5px;}

#containerContentHomeLeft, #containerContentHomeLeftBorder, #containerContentHomeRight {height: 90px; font: bold 11px Arial, Verdana, Helvetica; color: #6f6f6f; padding: 10px 0px 0px 180px;}
#containerContentHomeLeftBorder {width: 200px; border-right: 1px dotted #ccc; float: left; background: url('../images/thumbHomeLeft.jpg') top left no-repeat #fff;}
#containerContentHomeLeft {width: 200px; float: left; background: url('../images/thumbHomeLeft.jpg') top left no-repeat #fff;}
#containerContentHomeRight {width: 185px; float: right; background: url('../images/thumbHomeRight.jpg') top left no-repeat #fff;}
#containerContentHomeLeft p, #containerContentHomeLeftBorder p, #containerContentHomeRight p {font-size: 10px; font-weight: normal; margin: 5px 0px 0px 0px;}

/* interior pages */
#containerContentInterior {height: auto; font: 12px/18px Arial, Verdana, Helvetica; color: #444; padding: 0px 10px 20px 10px;}
#titleInterior {padding: 5px 0px 8px 0px; border-bottom: 1px dotted #ccc; height: 25px; margin: 0px 0px 15px 0px;}
blockquote {margin: 10px 20px 0px 20px;}
.subtitleInterior {padding: 10px 0px 5px 25px;}

/* interior page: "about" thumbnails */
table.galleryAbout {width: 150px; margin: 0px 0px 0px 20px; padding: 0px; float: right;}
table.galleryAbout td.caption {font: italic 11px/18px Arial, Verdana, Helvetica; color: #6f6f6f;}
table.galleryAbout td.thumb {width: 150px;}
table.galleryAbout td.thumb img {width: 150px; height: 100px; border: 0px;}
table.galleryAbout td.pad {height: 15px;}

/* interior page: "project" thumbnails */
table.galleryProjects {width: 700px; margin: 10px auto 20px auto; padding: 0px;}
table.galleryProjects td.subtitle {padding: 10px 0px 10px 0px;}
table.galleryProjects td.thumb {width: 120px;}
table.galleryProjects td.thumb img {width: 120px; height: 120px; border: 0px;}
table.galleryProjects td.pad {width: 30px;}

/* interior page: contact info */
.containerContact150 {width: 150px; float: left; padding: 10px 0px 20px 25px;}
.containerContact150 a {font-size: 11px;}
.containerContact210 {width: 210px; float: left; padding: 10px 0px 20px 25px;}

/* interior page: affiliates */
div.affiliateLink {float: left; font-size: 11px; height: 20px; padding: 0px 8px 0px 20px; margin-top: 8px;}
div.affiliateButton {float: left; height: 20px; margin-top: 8px;}
div.affiliateButton img {width: 12px; height: 20px; border: 0px;}


/* lightbox */
#lbOverlay {position: absolute; left: 0; width: 100%; background: #888; cursor: pointer;}
#lbCenter {position: absolute; left: 50%; overflow: hidden; background: #fff;}
#lbBottomContainer {position: absolute; left: 50%; overflow: hidden; background: #fff;}
.lbLoading {background: url('../images/iconLoader.gif') no-repeat center #fff;}
#lbImage {border: 10px solid #fff;}
.photos {padding: 3px; border: 1px solid #fff;}
a:hover .photos {border: 1px solid #fff;}
.lightboxDesc a {color: #fff; text-decoration: none;}
.lightboxDesc a:hover {color: #fff; text-decoration: none;}
a.lightBox {text-decoration: none;}

/* load all images in slideshow but keep them hidden */
div.photoStage {display: none;}

/* styles for next & previous buttons as part of footer */
#lbControls {height: 16px; border-bottom: 2px solid #71a0b9; margin-bottom: 0px; padding: 0px 0px 5px 0px; display: block;}
#lbPrevLink, #lbNextLink {width: 75px; height: 12px; outline: none; display: block;}
#lbPrevLink {background: transparent url('../images/iconPrevious.gif') no-repeat left; float: left;}
#lbNextLink {background: transparent url('../images/iconNext.gif') no-repeat right; float: right;}
#lbBottom {font: 10px/14px Arial, Verdana, Helvetica, sans-serif; color: #fff; text-align: left; border: 10px solid #fff; border-top-style: none;}

#lbCloseLink {width: 100px; height: 11px; padding: 2px 0px 2px 0px; background: transparent url('../images/iconCloseLightbox.gif') no-repeat bottom; clear: both; display: block; float: right;}
#lbDescription, #lbNumber {margin-right: 161px;}
#lbCaption {font-weight: bold; color: #000; font-size: 11px; border-top: 1px solid #4d7e9e; padding: 5px 0px 0px 0px;}
#lbDescription {padding-bottom: 0px 0px 4px 0px; color: #6f6f6f; font-size: 11px;}
#lbNumber {color: #6f6f6f;}
.lightboxDesc {height: auto; margin: 0px; padding: 0px; line-height: 16px; display: none;}

/* footers */
#containerFooter1 {width: 746px; height: 25px; border: 1px solid #b2b2b2; border-top: 0px; background: url('../images/bgFooter1.gif') top repeat-x #fff; margin: 0px auto 0px auto; font-size: 11px; padding: 9px 8px 3px 8px;}
#containerFooter1Text {width: 360px; float: left;}
#containerFooter1Button {width: 152px; float: right;}
#containerFooter2 {text-align: right; width: 757px; height: 25px; background: url('../images/bgFooter2.jpg') top repeat-x #c9c9c9; margin: 0px auto 0px auto; font-size: 10px; padding: 3px 5px 0px 0px;}

#containerFooter1 a {color: #6f6f6f; text-decoration: none; white-space: nowrap;}
#containerFooter1 a:hover {text-decoration: underline;}