#gallery { width: 100%; margin: 0; }

    #gallery div.title { display: block; width: 90%; margin: 0 auto 30px auto; border-bottom: 1px solid #ffffff; border-left: 20px solid transparent; border-right: 20px solid transparent; }
        #gallery div.title h1 { font-size: 14px; line-height: 50px; height: 50px; color: #000000; text-shadow: 0 0 3px #ffffff; font-weight: bold; border-bottom: 1px solid #c4c4c4; border-left: 10px solid transparent; border-right: 10px solid transparent; }

	#gallery .item { width: 21%; margin: 0 2% 20px 2%; float: left; position: relative; border: none; overflow: hidden; }
        #gallery .item div.border { display: block; width: 96%; height: 96%; min-height: 100px; margin: 0 auto; border: 1px solid transparent; overflow: hidden; }
        #gallery .item div.border:hover { border: 1px solid #000000; }
            #gallery .item div.border div.img { position: absolute; top: 5%; left: 5%; width: 90%; height: 70%; min-height: 100px; overflow: hidden; display: none; }
            #gallery .item div.border div.img:first-child { display: block; }
                #gallery .item div.border div.img img { position: absolute; top: 0; left: 0; width: 100%; }
            #gallery .item div.border p { position: absolute; top: 75%; left: 5%; width: 90%; max-height: 20%; line-height: 20px; color: #000000; text-align: center; overflow: hidden; }

	#gallery .left { width: 35%; float: right; }
        #gallery .left div.highslide-gallery { float: right; overflow: hidden; width: 90%; margin: 0 10% 0 0; position: relative; }
            #gallery .left div.highslide-gallery img { width: 100%; }
            #gallery .left div.highslide-gallery .slidecompp_btns { position: absolute; top: 0; left: 0; display: block; height: 30px; }
                #gallery .left div.highslide-gallery .slidecompp_btns img { cursor: pointer; margin: 7px 0 7px 3px; width: 16px; height: 16px; }