/* List items. */ #gallerybox {margin:0 auto 0 auto;} #gallerybox h2 { background:url(../images/galleryheader.png) no-repeat; text-indent:-9999px; width:711px; height:148px; margin: 300px auto 30px auto; } #column1 { width:126px; display:inline-block; padding: 0 0 40px 0;} #column2 { width:138px; display:inline-block; padding: 10px 0 0 0;} #column3 { width:135px; display:inline-block; padding: 0 0 40px 0;} #column4 { width:193px; display:inline-block; padding: 0;} #column5 { width:144px; display:inline-block; padding: 0 0 40px 0;} #column4_1 { width:auto; display:inline-block;} #column4_2 { width:auto; display:inline-block;} #column4_3 { width:auto; display:inline-block;} #column5_1 { width:auto; height:92px; display:block;} a{ margin:0px; border:none; display: block; text-decoration:none; border:none; } a:link { text-decoration: none } a:visited { text-decoration: none } a img {border:none} /** COLUMN ONE **/ a#button01 { background: url(../gallery/thumbs/gallery_thumbs_01.png) no-repeat 0 0; width:126px; height:140px; border:none;} a#button01:hover { background-position: 0 -139px; } a#button02 { background: url(../gallery/thumbs/gallery_thumbs_02.png) no-repeat 0 0; width:126px; height:194px; border:none;} a#button02:hover { background-position: 0 -195px; } a#button03 { background: url(../gallery/thumbs/gallery_thumbs_03.png) no-repeat 0 0; width:126px; height:143px; border:none;} a#button03:hover { background-position: 0 -143px; } a#button04 { background: url(../gallery/thumbs/gallery_thumbs_04.png) no-repeat 0 0; width:126px; height:140px; border:none;} a#button04:hover { background-position: 0 -140px; } a#button05 { background: url(../gallery/thumbs/gallery_thumbs_05a.png) no-repeat 0 0; width:126px; height:156px; border:none;} a#button05:hover { background-position: 0 -156px; } /** COLUMN TWO **/ a#button06 { background: url(../gallery/thumbs/gallery_thumbs_06.png) no-repeat 0 0; width:138px; height:114px; border:none;} a#button06:hover { background-position: 0 -114px; } a#button07 { background: url(../gallery/thumbs/gallery_thumbs_07.png) no-repeat 0 0; width:138px; height:110px; border:none;} a#button07:hover { background-position: 0 -109px; } a#button08 { background: url(../gallery/thumbs/gallery_thumbs_08.png) no-repeat 0 0; width:138px; height:173px; border:none;} a#button08:hover { background-position: 0 -170px; } a#button09 { background: url(../gallery/thumbs/gallery_thumbs_09a.png) no-repeat 0 0; width:138px; height:160px; border:none;} a#button09:hover { background-position: 0 -160px; } a#button10 { background: url(../gallery/thumbs/gallery_thumbs_10.png) no-repeat 0 0; width:138px; height:132px; border:none;} a#button10:hover { background-position: 0 -131px; } a#button11 { background: url(../gallery/thumbs/gallery_thumbs_11.png) no-repeat 0 0; width:138px; height:161px; border:none;} a#button11:hover { background-position: 0 -157px; } /** COLUMN THREE **/ a#button12 { background: url(../gallery/thumbs/gallery_thumbs_12.png) no-repeat 0 0; width:135px; height:159px; border:none;} a#button12:hover { background-position: 0 -159px; } a#button13 { background: url(../gallery/thumbs/gallery_thumbs_13.png) no-repeat 0 0; width:135px; height:164px; border:none;} a#button13:hover { background-position: 0 -166px; } a#button14 { background: url(../gallery/thumbs/gallery_thumbs_14.png) no-repeat 0 0; width:135px; height:140px; border:none;} a#button14:hover { background-position: 0 -140px; } a#button15 { background: url(../gallery/thumbs/gallery_thumbs_15.png) no-repeat 0 0; width:135px; height:171px; border:none;} a#button15:hover { background-position: 0 -171px; } a#button16 { background: url(../gallery/thumbs/gallery_thumbs_16.png) no-repeat 0 0; width:135px; height:152px; border:none;} a#button16:hover { background-position: 0 -152px; } /** COLUMN FOUR **/ a#button17 { background: url(../gallery/thumbs/gallery_thumbs_17.png) no-repeat 0 0; width:93px; height:108px; float:left; border:none;} a#button17:hover { background-position: 0 -108px; } a#button18 { background: url(../gallery/thumbs/gallery_thumbs_18.png) no-repeat 0 0; width:100px; height:108px; float:right; border:none;} a#button18:hover { background-position: 0 -108px; } a#button19 { background: url(../gallery/thumbs/gallery_thumbs_19.png) no-repeat 0 0; width:193px; height:172px; border:none;} a#button19:hover { background-position: 0 -172px; } a#button20 { background: url(../gallery/thumbs/gallery_thumbs_20.png) no-repeat 0 0; width:193px; height:232px; border:none;} a#button20:hover { background-position: 0 -231px; } a#button21 { background: url(../gallery/thumbs/gallery_thumbs_21a.png) no-repeat 0 0; width:93px; height:108px; float:left; border:none;} a#button21:hover { background-position: 0 -105px; } a#button22 { background: url(../gallery/thumbs/gallery_thumbs_22.png) no-repeat 0 0; width:93px; height:109px; float:right; border:none;} a#button22:hover { background-position: 0 -109px; } a#button23 { background: url(../gallery/thumbs/gallery_thumbs_23.png) no-repeat 0 0; width:193px; height:144px; border:none;} a#button23:hover { background-position: 0 -144px; } a#button24 { background: url(../gallery/thumbs/gallery_thumbs_24.png) no-repeat 0 0; width:93px; height:97px; float:left; border:none;} a#button24:hover { background-position: 0 -97px; } a#button25 { background: url(../gallery/thumbs/gallery_thumbs_25.png) no-repeat 0 0; width:100px; height:97px; float:right; border:none;} a#button25:hover { background-position: 0 -97px; } /** COLUMN FIVE **/ a#button26 { background: url(../gallery/thumbs/gallery_thumbs_26.png) no-repeat 0 0; width:144px; height:146px; border:none;} a#button26:hover { background-position: 0 -146px; } a#button27 { background: url(../gallery/thumbs/gallery_thumbs_27.png) no-repeat 0 0; width:144px; height:128px; border:none;} a#button27:hover { background-position: 0 -131px; } a#button28 { background: url(../gallery/thumbs/gallery_thumbs_28.png) no-repeat 0 0; width:144px; height:121px; border:none;} a#button28:hover { background-position: 0 -122px; } a#button29 { background: url(../gallery/thumbs/gallery_thumbs_29.png) no-repeat 0 0; width:69px; height:92px; float:left; border:none;} a#button29:hover { background-position: 0 -92px; } a#button30 { background: url(../gallery/thumbs/gallery_thumbs_30.png) no-repeat 0 0; width:74px; height:92px; float:right; border:none;} a#button30:hover { background-position: 0 -92px; } a#button31 { background: url(../gallery/thumbs/gallery_thumbs_31.png) no-repeat 0 0; width:144px; height:144px; border:none;} a#button31:hover { background-position: 0 -141px; } a#button32 { background: url(../gallery/thumbs/gallery_thumbs_32.png) no-repeat 0 0; width:144px; height:152px; border:none;} a#button32:hover { background-position: 0 -148px; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../images/body-bg.jpg) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../gallery/images/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(../gallery/images/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../gallery/images/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../gallery/images/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(../gallery/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../gallery/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../gallery/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../gallery/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../gallery/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../gallery/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../gallery/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../gallery/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../gallery/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(../gallery/images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../gallery/images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../gallery/images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../gallery/images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../gallery/images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../gallery/images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../gallery/images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../gallery/images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }