/* ================== Hearer Icons ==================== */
.headerText { width:225px; float:left; }
.headerIconContainer { width:500px; float:left; padding-top:15px; }
.headerIconContainer a { width:119px; height:118px; float:left; display:block; background:url(../images/icons/photo.gif) no-repeat bottom left; margin-right:6px;}
.headerIconContainer a.panoramic { background-image:url(../images/icons/panoramic.gif); }
.headerIconContainer a.virtual { background-image:url(../images/icons/virtual-tours.gif); }
.headerIconContainer a.highRes { background-image:url(../images/icons/360.gif); }
.headerIconContainer a:hover, .headerIconContainer a.activeIcon { background-position: top left; }

/* ====================================== */

.pageTitle { float:left; margin-top:15px; }
/* Paging */
*+html .topPagingContainer { font-size:0px; line-height:0px; height:0px; margin-top:-2px; }
.topPagingContainer { float:right; text-align:right; }
/*.topPagingContainer li { display:inline; }
.topPagingContainer li span { float:left; }*/
.topPagingContainer span { height:0px; line-height:0px; font-size:0px; !display:inline-block; }
.topPagingContainer span a, .topPagingContainer span.activePaging { font-size:12px; width:21px; height:31px; line-height:31px; text-align:center;  display:block; float:left; font-weight:bold; }
.topPagingContainer li a:hover, .topPagingContainer li a.activePaging, 
.topPagingContainer span a:hover, .topPagingContainer span.activePaging 
 { background:url(../images/portfolio/paging-bg-top.gif) no-repeat top left; }
.BottomPagingContainer span a:hover, .BottomPagingContainer span span.activePaging { background-image:url(../images/portfolio/paging-bg-bottom.gif); }
a.pagingButtonStyle { padding:0px 3px; cursor:pointer; }
a:hover.pagingButtonStyle { background-image:none !important; color:#666 !important;}
*+html .BottomPagingContainer { clear:both; margin-top:-33px; font-size:0px; height:0px; line-height:0px; }


/* =========== Photo Items =============*/
.photoItemsContainer, .panoramicItems { padding:20px 0px; }
.photoItemsContainer li { width:287px; height:148px; float:left; margin-right:25px; padding:10px; margin-bottom:10px; _margin-bottom:0px; cursor:pointer;  }
.activeItem,  .photoItemsContainer li:hover { background:url(../images/portfolio/photo-item-bg.gif) no-repeat top left; color:#fff; }
.photoItemDescription { height:118px; overflow:hidden; }
.photoItemsContainer li img { border:#999999 1px solid; float:left; margin-right:5px; }
.photoItemsContainer li h2 { font-size:17px; font-weight:bold; padding-bottom:5px; height:15px; overflow:hidden; }
.photoItemsContainer li a { margin-top:-15px; position:relative; font-weight:bold; float:right; }
/* Panoramic photography */
.panoramicItems li { width:648px; display:block; margin:0px auto 10px auto; float:none;  }
.activeItemWide, .panoramicItems li:hover { background-image:url(../images/portfolio/photo-item-bg-panoramic.gif); background-repeat:no-repeat; }
.activeItem p, .activeItemWide p, .activeItem h2, .activeItemWide h2 { color:#999;}
li:hover.activeItem p, li:hover.activeItemWide p, li:hover.activeItem h2, li:hover.activeItemWide h2 { color:#fff; }