@import url("global.css");
#globalNav {
background-color:transparent;
height:53px;
}
#gnHome a {
background:none;
position:static;
height:53px;
width:193px;
margin:0 auto;
}
#gnHome a:active {
background-position:0 0;
}
#gnSearchForm {
position:relative;
padding:0 12px;
}
#gnSearchInput {
height:27px;
width:100%;
padding-right:32px;
border-width:0 1px;
-webkit-border-image:url(../i/bg_gnSearch.png) 0 8 0 8;
}
#gnSearch a {
top:-7px;
right:5px;
}
.feat {
padding:0;
border:none;
-webkit-border-image:none;
}
.feat ul {
list-style:none;
width:300px;
margin:0 auto;
display:table;
table-layout:fixed;
}
.feat li {
background:transparent center left no-repeat;
display:table-cell;
vertical-align:top;
}
.feat a {
display:block;
height:55px;
}
.feat img {
height:100%;
}
.feat span {
display:block;
text-align:center;
font-size:13px;
font-weight:bold;
margin-top:-8px;
-webkit-text-stroke-width:.01em;
}
#carousel {
margin:-10px auto 10px;
/* margin:0 auto 10px;  use for when we DO NOT have polls */
width:309px;
}
#carousel li {
list-style:none;
}
#carousel .ads {
position:relative;
left:0;
height:90px;
overflow:hidden;
}
#carousel .ads li {
height:100%;
position:relative;
top:-180px;
}
#carousel .nav  {
margin-top:5px;
position:relative;
list-style:none;
padding:0 40px;
height:60px;
width:100%;
-webkit-box-sizing:border-box;
}
#carousel .button {
position:absolute;
top:0;
background:transparent 0 0 no-repeat;
display:block;
text-indent:-9999em;
height:60px;
width:44px;
}
#carousel .button:first-of-type {
left:0;
}
#carousel .button:last-of-type {
right:0;
background-position:0 -60px;
}
#carousel .nav > li:nth-of-type(2) {
background:transparent 0 7px repeat-x;
position:absolute;
top:-13px;
width:230px;
height:70px;
overflow:hidden;
}
#carousel .sections {
display:block;
position:absolute;
top:0;
left:-1px;
height:70px;
}
#carousel .sections li {
background:transparent 0 22px no-repeat;
position:absolute;
width:46px;
height:70px;
top:0;
left:-47px;
-webkit-transition:left 100ms linear;
}
#carousel .sections li:nth-of-type(2) {
left:-1px;
}
#carousel .sections li:nth-of-type(3) {
left:45px;
}
#carousel .sections li:nth-of-type(4) {
left:91px;
}
#carousel .sections li:nth-of-type(5) {
left:137px;
}
#carousel .sections li:nth-of-type(6) {
left:183px;
}
#carousel .sections li:nth-of-type(n+7) {
left:230px;
}
#carousel .nav a {
position:relative;
display:block;
height:70px;
width:100%;
}
#carousel .nav img {
position:absolute;
top:35%;
left:4px;
width:85%;
-webkit-transition-type:width;
-webkit-transition-duration:200ms;
}
#carousel .nav .active img {
top:100;
/* top:30%; */
left:0;
width:100%;
}
#carousel .nav span {
display:block;
font-size:10px;
font-weight:bold;
line-height:.8em;
width:230px;
position:absolute;
left:-91px;
bottom:-30px;
visibility:hidden;
-webkit-text-stroke-width:.01em;
-webkit-transition:bottom 200ms linear;
}
#carousel .nav .active span {
visibility:visible;
bottom:5px;
}
#irisContainer {
width: 320px;
height: 132px;
}
#irisContainer div {
position: absolute;
-webkit-transition: opacity 4s ease-in-out;
}