@charset "UTF-8";
/* CSS Document */

/* INTERACTIVE PAGE MARK */
#pageMark {width: 11px; height: 37px; background-image: url(../storage/images/interactive-mark.png); margin: 62px 0px 0px 34px; position: absolute;}

/* WORK NAV */
.verticalNavigationBar #sectionContent1755184 .caption {display: none;}
.verticalNavigationBar #sectionContent1755184 .section {width: 266px; height: 326px; //background-image: url(../storage/images/side-nav-placeholder.png); padding: 0px;}
.verticalNavigationBar #sectionContent1755184 .section ul li#Museum a {width: 266px; height: 51px; background-image: url(../storage/images/museum-but.png); display: block; text-indent: -9000px;}
.verticalNavigationBar #sectionContent1755184 .section ul li#Museum a:hover {background-position: 0px -51px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Interactive a {width: 266px; height: 35px; background-image: url(../storage/images/interactive-but-active.png); display: block; text-indent: -9000px; }
//.verticalNavigationBar #sectionContent1755184 .section ul li#Interactive a:hover {background-position: 0px -35px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Brand a {width: 266px; height: 59px; background-image: url(../storage/images/brand-but.png); display: block; text-indent: -9000px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Brand a:hover {background-position: 0px -59px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Environment a {width: 266px; height: 33px; background-image: url(../storage/images/environment-but.png); display: block; text-indent: -9000px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Environment a:hover {background-position: 0px -33px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Print a {width: 266px; height: 70px; background-image: url(../storage/images/print-but.png); display: block; text-indent: -9000px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Print a:hover {background-position: 0px -70px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Web a {width: 266px; height: 78px; background-image: url(../storage/images/web-but.png); display: block; text-indent: -9000px; }
.verticalNavigationBar #sectionContent1755184 .section ul li#Web a:hover {background-position: 0px -78px; }

/* SIDEBAR SECTION */

.verticalNavigationBar .section .caption {text-indent: -9000px; width: 223px; height: 14px; background-image: url(../storage/images/interactive-sidbar-proj-title.png); margin-top: 4px;}
.verticalNavigationBar .section .module a {font-size: 11px; color: #b5b7b4; font-weight: bold; }
.verticalNavigationBar .section .module a:hover {font-size: 11px; color: #cc4f00; font-weight: bold; }
.section .content-navigation li {list-style-image: url(../storage/images/li-bullets.png); margin: 0px 0px 0px 17px;}

/* PROJECT THUMBS */
#postThumbContainer a:hover {opacity: .85; }
#postThumbContainer img {width: 301px; height: 151px; }
#postTitleContainer {width: 301px; height: 72px; background-image: url(../storage/images/post-title-background.jpg);  margin-top: -19px; padding: 20px 0px 0px 0px;}
#postThumb1 {float: left; margin: 0px 0px 22px 0px;}
#postThumb1 ul li#postTitle {font-family: verdana, "arial", sans-serif; font-size: 14px; color: #a4a4a4; font-weight: bold; line-height: 15px;}
#postThumb1 ul {list-style: none; margin-left: -14px;}
#postThumb1 ul li#postDescription {font-family: verdana, "arial", sans-serif; font-size: 12px; color: #a4a4a4; font-weight: normal; letter-spacing: 1px; line-height: 20px;}
#postThumb2 {float: left; margin: 0px 0px 22px 22px;}
#postThumb2 ul {list-style: none; margin-left: -14px;}
#postThumb2 ul li#postTitle {font-family: verdana, "arial", sans-serif; font-size: 14px; color: #a4a4a4; font-weight: bold; line-height: 15px; }
#postThumb2 ul li#postDescription {font-family: verdana, "arial", sans-serif; font-size: 12px; color: #a4a4a4; font-weight: normal; letter-spacing: 1px; line-height: 20px; }

#latestProjects h4 {font-family: verdana, "arial", sans-serif; font-size: 14px; color: #a4a4a4; font-weight: bold; margin: -33px 0px 24px 48px;}
.bar { background: #343434 url('../storage/images/bar-tile.png') repeat-y top left; padding: 30px 30px 30px 100px; margin-bottom: 20px;  }
.bar h2 { color: #b7b7b7; font-family: Tahoma, Verdana, "Lucida Grande", Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 20px; }
//#content #slideshow { padding-bottom: 20px; }

//.bar { height: 142px; }
.bar {margin-top: 12px; }