/* PORTFOLIO */
.PortfolioItem-Container {margin: 0px;padding: 0px;}

.PortfolioItem:hover a {text-decoration: underline;}
.PortfolioItem {width: 224px;height: 155px;margin: 0px 2px 20px 2px;background: url(/images/portfolio-common/portfolio-bg.png) no-repeat center center;float: left;}
.PortfolioItem th {vertical-align: top;padding: 8px 0px;}
.PortfolioItem th a {text-decoration: none;}
.PortfolioItem th a img {width: 184px;height: 100px;}
.PortfolioItem td {height: 39px;text-align: center;vertical-align: middle;padding: 0px 20px 0px 20px;}
.PortfolioItem td a {color: #000000;line-height: 1.0;position: relative;top: -9px;text-decoration: none;}
.PortfolioItem td a:hover {text-decoration: underline;}

.PortfolioItem-Link {margin: 0px 15px;background: transparent url(/images/portfolio-common/link.png) no-repeat left center;padding: 5px 30px;}
.PortfolioItem-Link a{text-decoration: none;font-weight: bold;color: #3f8f47;}

.PortfolioItem-Logo {width: 100%;}
.PortfolioItem-Images {width: 100%;}
.PortfolioItem-Images th {background: transparent url(/images/portfolio-common/img-border.png) no-repeat center bottom;}

.Shadow {background: transparent url(/images/portfolio-common/img-border-top.png) no-repeat center top;margin-top: -5px;width: 610px;height: 10px;}
#SlideShow {margin-top: -6px;//margin-top: -21px;}
#SlideShow {}
.NextBtm {background: transparent url(/images/portfolio-common/next.png) no-repeat center center;width: 50%;cursor: pointer;}
.NextBtm:hover {background-image: url(/images/portfolio-common/next-hover.png);}
.PrevBtm {background: transparent url(/images/portfolio-common/prev.png) no-repeat center center;width: 50%;cursor: pointer;}
.PrevBtm:hover {background-image: url(/images/portfolio-common/prev-hover.png);}

#navLogo {margin: 0px 15px;padding: 10px;height: auto;background: transparent url(/images/portfolio-common/arrow.gif) no-repeat right center;}
#navLogo a {display: block;float: left;text-decoration: none; margin: 0px 25px;width: 16px;height: 12px;position: relative;top: -6px; background: #ffffff url(/images/portfolio-common/navlogo.gif) no-repeat center center;font-size: 0px;color: #D4D8D9;}
#navLogo a.activeSlide { background: #ffffff url(/images/portfolio-common/navlogo-active.gif) no-repeat center center;color: #C1E4ED; }
#navLogo a:focus { outline: none; }
#navLogo a:hover { background: #ffffff url(/images/portfolio-common/navlogo-hover.gif) no-repeat center center;color: #D4D8D9; }


.PageLister {clear: both;}
.PageLister a {display: block;width: 24px;height: 24px;float: left;background: transparent url(/images/portfolio-common/btm.png) no-repeat center center;}
.PageLister a:hover {background-image: url(/images/portfolio-common/btm-hover.png);}
.PageLister a.active {background-image: url(/images/portfolio-common/btm-active.png);}


#navList {margin: 0px 15px;padding: 10px;height: auto;}
#navList a {display: block;float: left;text-decoration: none; margin: 2px 5px;width: 16px;height: 12px;position: relative;top: -6px; background: #ffffff url(/images/portfolio-common/navlogo.gif) no-repeat center center;font-size: 0px;color: #D4D8D9;}
#navList a.activeSlide { background: #ffffff url(/images/portfolio-common/navlogo-active.gif) no-repeat center center;color: #C1E4ED; }
#navList a:focus { outline: none; }
#navList a:hover { background: #ffffff url(/images/portfolio-common/navlogo-hover.gif) no-repeat center center;color: #D4D8D9; }


@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0)
{
  #navList a {top: 0px;}
  #navLogo a {top: 0px;}
}


* html #navLogo {padding: 10px 0px !important;}
.nondisplay {display:none;}