﻿.container { width: 509px; }
#slideshowGallery { height: 368px; margin-top:-10px; }
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; width: 100%; }
ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border-left: none; margin-bottom: -1px; /*background: #e0e0e0; 	overflow: hidden;*/ position: relative; }
ul.tabs li a, ul.tabs li a img { text-decoration: none; color: #000; display: block; padding: 0px; outline: none; position: relative; cursor: pointer; }

ul.tabs li a:hover img { opacity: 0; filter: alpha(opacity=0); }

.hoverBG, .hoverBG1, .hoverBG2, .hoverBG3, .hoverBG4 { background-position: top center; background-repeat: no-repeat; position: absolute; height: 39px; visibility: hidden; display: block; float: left; z-index: 1200; }
.hoverBG { background-image: url(/pi/images/homeGalleryButtons/btnHover.png); width: 130px; }
.hoverBG1 { background-image: url(/pi/images/homeGalleryButtons/btnHover_01.png); width: 130px; }
.hoverBG2 { background-image: url(/pi/images/homeGalleryButtons/btnHover_02.png); width: 115px; }
.hoverBG3 { background-image: url(/pi/images/homeGalleryButtons/btnHover_03.png); width: 115px; }
.hoverBG4 { background-image: url(/pi/images/homeGalleryButtons/btnHover_04.png); width: 149px; }

* html .hoverBG { z-index: 1000; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pi/images/homeGalleryButtons/btnHover.png', sizingMethod='scale'); }
* html .hoverBG1 { z-index: 1000; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pi/images/homeGalleryButtons/btnHover_01.png', sizingMethod='scale'); }
* html .hoverBG2 { z-index: 1000; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pi/images/homeGalleryButtons/btnHover_02.png', sizingMethod='scale'); }
* html .hoverBG3 { z-index: 1000; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pi/images/homeGalleryButtons/btnHover_03.png', sizingMethod='scale'); }
* html .hoverBG4 { z-index: 1000; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pi/images/homeGalleryButtons/btnHover_04.png', sizingMethod='scale'); }

html ul.tabs li.active a:hover img, html ul.tabs li.active a img { opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
html ul.tabs li.active div, html ul.tabs li.active div a:hover { visibility: visible; cursor: pointer; }

.showBack div { visibility: visible; }

.tab_container { border-top: none; clear: both; float: left; width: 100%; background: #fff; z-index: 1; }
.tab_content { padding: 1px; border: 1px solid #d8d8d8; text-align: left; background-color: #fff; font-family: Arial; position: absolute; z-index: 1; margin-top: -2px; }
* html .tab_content { padding: 1px; border: 1px solid #d8d8d8; text-align: left; width: 510px; background-color: #fff; font-family: Arial; margin-left: -506px; z-index: 1; margin-top: -2px; }
.innerContent { position: absolute; bottom: 8px; margin-left: 6px; width: 491px; z-index: 1; }
.tab_content h2 { padding: 0px; margin: 0px 0px 8px 0px; display: block; font-size: 26px; text-align: left; color: #fff; font-weight: normal; text-transform: uppercase; }
.innerContentCaption { background-color: #323333; opacity: 0.7; filter: alpha(opacity=70); width: 486px; padding: 4px; height: 30px; }
* html .innerContentCaption { background-color: #323333; opacity: 0.7; filter: alpha(opacity=70); width: 494px; padding: 4px; height: 30px; }
.innerContentPos { width: 490px; padding: 4px; height: 76px; position: absolute; margin-top: -32px; margin-left: 3px; }
* html .innerContentPos { width: 490px; padding: 4px; height: 76px; position: absolute; margin-top: -28px; margin-left: 3px; background-color: Transparent; }
.innerContentPos p { opacity: 1; filter: alpha(opacity=100); color: #fff; font-size: 11px; line-height: 17px; padding: 0px; margin: 0px; display: block; white-space: pre-wrap; padding-left: 1px; background-color: Transparent; }
.innerContentPos p a { color: #a9bed3; text-decoration: none; }
.setULtxt { opacity: 1; filter: alpha(opacity=100); color: #fff; font-size: 11px; line-height: 17px; padding: 0px; margin: 0px; display: block; white-space: pre-wrap; background-color: Transparent; }

.moreContent { width: 486px; padding-left: 1px; }
* html .moreContent { padding-top: 4px; padding-right: 12px; width: 486px; }
* html .shortContent { padding-top: 4px; }
.moreClick { position: absolute; width: 19px; height: 18px; width: 480px; margin-top: -15px; }
.moreClick img { float: right; }

#backContainer { position: relative; margin-right: 3px; z-index: 1; }
* html #backContainer { margin-left: -3px; z-index: 1; margin-top: -6px; position: absolute; width: 510px; }
#tab1 { background-image: url(/pi/images/homeGalleryImages/1.jpg); background-position: top center; background-repeat: no-repeat; height: 337px; }
#tab2 { background-image: url(/pi/images/homeGalleryImages/2.jpg); background-position: top center; background-repeat: no-repeat; height: 337px; }
#tab3 { background-image: url(/pi/images/homeGalleryImages/3.jpg); background-position: top center; background-repeat: no-repeat; height: 337px; }
#tab4 { background-image: url(/pi/images/homeGalleryImages/4.jpg); background-position: top center; background-repeat: no-repeat; height: 337px; }

* html #tab1 { background-image: url(/pi/images/homeGalleryImages/1.jpg); background-position: top center; background-repeat: no-repeat; height: 341px; }
* html #tab2 { background-image: url(/pi/images/homeGalleryImages/2.jpg); background-position: top center; background-repeat: no-repeat; height: 341px; }
* html #tab3 { background-image: url(/pi/images/homeGalleryImages/3.jpg); background-position: top center; background-repeat: no-repeat; height: 341px; }
* html #tab4 { background-image: url(/pi/images/homeGalleryImages/4.jpg); background-position: top center; background-repeat: no-repeat; height: 341px; }

* html .setTabContentWidth { padding: 1px; border: 1px solid #d8d8d8; text-align: left; width: 510px; }


.setTabContentWidth { width: 506px; }

.innerGraph {position:absolute; margin-left:384px; margin-top:15px; text-align:center; width:108px; height:40px; background-image:url(/pi/images/iconHomeGraph.gif); background-position:top left; background-repeat:no-repeat;opacity: 0.7; filter: alpha(opacity=70);}
.innerGraphAudio {position:absolute; margin-left:384px; margin-top:15px; text-align:center; width:108px; height:40px; background-image:url(/pi/images/iconHomeGraphAudio2.gif); background-position:top left; background-repeat:no-repeat;opacity: 0.9; filter: alpha(opacity=90);}

.innerGraphTxt {position:absolute; margin-left:384px; margin-top:15px; text-align:center; width:108px; height:40px; line-height:10px;padding-left:1px;}
.innerGraphTxt img {border:2px solid #222;}
.innerGraphTxt a {text-decoration:none; font-weight:bold; color:#fff; display:block; font-family:Verdana; font-size:9px; padding:9px 1px 0px 30px; }
.innerGraphTxt a:hover {text-decoration:none;}

