/* force vertical scrollbar */
html { overflow-y: scroll; }
html, body { height: 100%; margin: 0 0 1px; padding: 0; }

body { line-height: 1.4em; margin: 0; padding: 0; font-family: arial,helvetica,clean,sans-serif; }
.yui-t7 { padding: 0 1em; }

h1 { font-weight: 500; font-size: 240%; color: #000; margin: 1.2em 0 0.8em 0;}
h2 { font-weight: 600; font-size: 155%; margin: 0em 0 0.2em 0; line-height: 1.2em;}
h3 { font-weight: bold; font-size: 120%; margin: 0; padding:  0.3em 0 0.3em 0; }
h3 a, a.image { border: none !important; }
a.image { background: none !important; }
a.image:hover img { border: 1px solid #1a6a97; }
p { margin-top: 1em; }
p.first { margin-top: 0; }
#hd { background: #fff; padding-bottom: 0.8em; border-bottom: 1px dotted #dadada;  }
#bd { padding-left: 3px; margin-top: 18px;}
#logo {color: #fff; font-size: 100%; padding-top: 1em; margin-bottom: 0.3em}
#site-links { float:right; padding: 0.5em 1em; }
#site-links a {color: #abffc2; text-decoration: none}
#site-links a:hover {color: #fff;}

a, a:link,a:visited,a:active { color: #1a6a97; text-decoration: none; }
a:hover { color: #000; background:#a5cbff;}

h1 a, h2 a, h3 a, #next-nav a  { color: #000 !important; border-bottom: 1px dotted #bbb;}

a:active, a:focus { outline: none !important; -moz-outline: none !important}

div.logo { margin-top:15px;margin-bottom:0;font-family: arial,helvetica,clean,sans-serif; font-size: 2em; float: left;}
div.logo a { color: black !important; background: none !important; }
div.logo a:hover { color: #1a6a97 !important; }

#top-nav { text-transform: uppercase; margin: 19px 0 0 0; padding: 0; font-size: 110%; float: left;  }
#top-nav ul { margin: 0; padding: 0; list-style-type: none; padding-left: 1em;}
#top-nav li { margin: 0; padding: 0; float: left; list-style: none; white-space: nowrap; text-align: left; _width: 10px;}
#top-nav a { font-weight: bold; display: block; color: #000; background-color: #fff; width: 100%; height: 20px; text-decoration: none; padding: 0 0.4em; border: 1px solid #ccc; border-width: 0 0px; }
#top-nav a.page-nav-item { border-left: none !important; display: none}
#top-nav a:hover { color: #1a6a97; }
#top-nav a.current-area { background:  #fff; color: black; }
#top-nav a:hover.current-area { color: #1a6a97; }
#top-nav a.current { color: #000; background: #fff }
#top-nav a.last { width: auto }

#next-nav { float:right; font-size: 140%; font-weight: bold; padding-right: 1em }

#content-nav { text-transform: uppercase; width: 100%; font-size: 90%; margin: 0; padding: 0; }
#content-nav ul { margin: 0; padding: 0; list-style-type: none; }
#content-nav li { margin: 0; padding: 0; float: left; list-style: none; }
#content-nav li { padding-right: 0.5em; }
#content-nav  a { display: block; text-decoration: none; color: #000; border: 1px solid #bbb; padding: 0 3px}
#content-nav  a:hover { background-color: #000; color: #fff; }


.block { margin-top: 20px; }
.block.first-block { margin-top: 0px; }
.more { text-align: right; }
#yui-main { padding-top: 5px; clear: both;}
.yui-g { margin-bottom: 1em; } /*1 */
#sidebar { margin-top: 10px}
img { border: 1px solid #ccc; } /*#ccc */

.portfolio-section-title { 
background: #f3f3f3;
background: -moz-linear-gradient(left, #f3f3f3 0%, #f3f3f3 25%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3f3f3), color-stop(25%,#f3f3f3), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left, #f3f3f3 0%,#f3f3f3 25%,#ffffff 100%);
background: -o-linear-gradient(left, #f3f3f3 0%,#f3f3f3 25%,#ffffff 100%);
background: -ms-linear-gradient(left, #f3f3f3 0%,#f3f3f3 25%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 );
background: linear-gradient(left, #f3f3f3 0%,#f3f3f3 25%,#ffffff 100%);
    
    padding: 7px 7px; font-weight: bold; font-size: 1.4em; 
}

.keywords { color: #666; font-style: italic; }
.attribution { }
.big {font-size: 120%; line-height: 1.3em; }

/* float fixer */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfixLeft:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html .clearfixLeft {height: 1%;}
/* End hide from IE-mac */
/* end float fixer */


/* begin carousel */
#carousel-container { padding-bottom: 1em; position: relative; z-index: 1 }
#carousel-container.loading { width: 469px; height: 311px; *height: 300px; overflow: hidden !important; }
#carousel-container.loading ol, #carousel-container.loading li { margin:0; padding:0; list-style: none; }
#carousel-list { height: 314px; }

.yui-skin-sam .yui-carousel { border: none;   }
.yui-carousel-content { border: 1px solid #ccc; height: 311px; width: 469px; }
.yui-carousel-content ol { margin: 0 !important }
.yui-carousel-content ol li { margin: 0 !important }
.yui-carousel-content img { border: none }
.yui-carousel * { outline: 0 }

.yui-skin-sam .yui-carousel-nav { background: #f9f9f9; border: 1px solid #ccc; border-width: 0 1px 1px 1px;}
#main-image-title { float: left; font-size: 90%; color: #666; margin-top: 0px; padding-left: 4px; *margin-top: 2px; }

.yui-carousel .yui-carousel-item-selected  { border: none}

.yui-carousel li { border: none; }

.yui-carousel-element { margin-bottom: 0;}

.yui-skin-sam .yui-carousel-first-button { background-position: 0 -450px !important; }
.yui-skin-sam .yui-carousel-next-button { background-position: 0 -500px !important;  }

.yui-skin-sam .yui-carousel-button { height: 15px !important; margin: 0px !important; width: 25px !important; }
.yui-skin-sam .yui-carousel-button input, .yui-skin-sam .yui-carousel-button button { margin: -2px 0 0 -2px !important; padding: 0 0 0 35px !important; }
.yui-skin-sam span.yui-carousel-first-button { margin-top: 2px !important; margin-left: -100px !important; margin-right: 30px !important; *margin: 5px 5px 5px -55px !important; }
.yui-skin-sam span.yui-carousel-next-button { margin-top: 2px !important; *margin: 5px 0px 5px 0px !important; margin-right: 2px !important; }


.yui-skin-sam .yui-carousel-nav ul  { margin: 0 !important; margin-right: 35px !important; }
.yui-skin-sam .yui-carousel-nav ul li { margin-top: 5px !important; *margin-top: 8px !important; }

.carousel-in-image-nav-button { position:absolute; display:block; z-index:50 !important; top:0; width:150px; height:311px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; border: none; background: none;} 
.carousel-in-image-nav-button:hover { background: transparent url(/images/in-image-arrows.png) no-repeat; }
.carousel-in-image-nav-button-prev { left: 0 }
.carousel-in-image-nav-button-next { right : 0;  }
.carousel-in-image-nav-button-next:hover { background-position: -148px 0px; }

/* end carousel */

/* lightbox and videos */
.play-all-button * { vertical-align: middle; }

.play-all-button {
    display: block; 
    width: 115px;
    height: 22px;
    margin-top: 15px;
    border:1px solid #D2D5D8;
    color: #4F5051;
    vertical-align: middle;
    cursor: pointer;
    padding: 6px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    background: #f6f8f9; /* old browsers */ 
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* firefox */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* webkit */ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* ie */
    line-height: 18px;
}

.play-all-button .play-icon {
    display: block;
    float: left;
    background: url(/images/sprite.png) 0 -14px no-repeat; 
    height: 15px; 
    width: 18px; 
    margin-top: 3px;
    margin-left: 2px;
}
.play-all-button .play-label {
    margin-left: 4px;
    font-size: 13px;
}
/* end lightbox and videos */


.play-button-link {
    padding-left: 22px;
    position: relative;
}

.video-link:hover,
.play-button-link:hover {
    color: #1A6A97 !important;
    text-decoration: underline;
    background: none !important;
}

.play-button {
    background-image: url("/images/sprite.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    left: 0;
    top: 7%;
    height: 14px;
    width: 18px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: absolute;
}