@charset "utf-8";
/* debug */
#debug{z-index: 9999; display: block; background: #fff; position: absolute; top: 200px; left: 0; border: 1px solid #ddd; width: 300px; height: 300px; overflow: auto; padding: 5px 10px 5px 20px; margin: 0;}
#debug li{border-bottom: 1px solid #ddd;}

body{ background: #fff url(../images/layout/body-bg.png) repeat-x top; font: normal 11px Tahoma, Verdana, Arial, sans-serif; color: #444}

h1{font-size: 18px; padding:0; margin:18px 0 4px 0;}
h1.mainheader {color: #005088; margin:0px 0 4px 0;}
h2{font-size: 16px; padding:0; margin:24px 0 8px 0;}
h3{font-size: 14px; padding:0; margin:18px 0 4px 0;}
h4{font-size: 12px; padding:0; margin:18px 0 2px 0;}
h5{font-size: 11px; padding:0; margin:18px 0 2px 0;}

/* header */
#header, #help-nav { padding: 10px 0 20px 0;}
#logo { display: block; width: 430px; height: 63px; border: 0; background: url(../images/layout/site-logo.png); }
#logo img { display: none; border:0;}
#help-nav ul.user-nav{ float: right; margin: 0; padding: 0; display: inline; clear: both;}
#help-nav ul.user-nav li{ list-style: none; float: left; display: inline; border: 1px solid #888; border-width: 0 1px 0 0; padding: 0 4px;}
#help-nav ul.user-nav li.last{ border: 0; padding-right: 0;}
#help-nav ul.user-nav li a,
#help-nav ul.user-nav li a:visited{ font-size: 10px; color: #777; text-decoration: none; background: none}
#help-nav ul.user-nav li a:active{ background: #777; color: #fff;}
#help-nav ul.user-nav li a:hover{ text-decoration: underline; color: #555;}


#ajaxSearch_form{display: block; margin-top: 10px; padding-top:10px;}
#ajaxSearch_form fieldset {border:none;}
#ajaxSearch_form  #ajaxSearch_input{border: 0; background: url(../images/layout/search-input-bg.png) no-repeat top left; height: 18px; width: 240px; font-size: 10px; color: #777; padding: 3px 0 0 5px; margin-bottom:5px; display:block; float:left; position:relative;}
#ajaxSearch_form  #ajaxSearch_submit{ border: 0; background: url(../images/layout/search-submit-bg.png) no-repeat top left; height: 21px; width: 40px; margin: 0; padding: 0; font-size: 0px; text-indent: -9999px; overflow: hidden; display:block; float:left; position:absolute; margin-left:240px;}
#ajaxSearch_form  #ajaxSearch_submit:hover { background: url(../images/layout/search-submit-bg.png) no-repeat 0px -21px;}


/*#ajaxSearch_form {float: right; display: inline; padding-top: 10px; width: 278px}
#top-search #search-input { border: 0; background: url(../images/layout/search-input-bg.png) no-repeat top left; height: 18px; width: 232px; float: left; font-size: 10px; color: #777; line-height: 15px; padding: 3px 0 0 5px; }
#top-search #search-submit { border: 0; background: url(../images/layout/search-submit-bg.png) no-repeat top left; height: 21px; width: 40px; margin: 0; padding: 0; font-size: 0px; text-indent: -9999px; overflow: hidden; line-height: 0; float: left;}
#top-search #search-submit:hover { background: url(../images/layout/search-submit-bg.png) no-repeat 0px -21px;}*/

#companies-nav{ width: 280px; float: right; clear: both; margin-top: 5px; height: 14px;}
#companies-nav span.current{ padding: 0; text-align: right; float: right}
#companies-nav span.current a.name{font-size: 11px; color: #665; text-decoration: underline; cursor: pointer; padding: 0 17px 2px 3px; line-height: 17px; background: transparent url(../images/layout/companies-trigger.png) no-repeat top right;}
#companies-nav span.current a.name:hover{ color: #fff; text-decoration: none; cursor: pointer; background: #4183b6 url(../images/layout/companies-trigger.png) no-repeat right -15px;}
#companies-nav #companies{ z-index: 999; display: block; float: left; position: relative; top: 0; left: -3px; width: 290px; background: url(../images/layout/companies-bubble-top-bg.png) no-repeat top left; padding: 0; height: 0; overflow: hidden;}
#companies-nav #companies ul{ padding: 0 5px 8px 6px; margin: 12px 0 0;  background: url(../images/layout/companies-bubble-body-bg.png) no-repeat bottom left; width: 279px; float: left}
#companies-nav #companies ul li { list-style: none; border-bottom: 1px solid #ddd; clear: both; float: left; margin: 0; padding: 0 5px; width: 269px; cursor: pointer; font-size: 10px; cursor: pointer;}
#companies-nav #companies ul li:hover{background: #f3f3f3;}
#companies-nav #companies ul li.last{clear: both; border-bottom: 0;}
#companies-nav #companies ul li a { background: url(../images/layout/companies-arrows.png) no-repeat bottom right; display: block; text-decoration: none}
#companies-nav #companies ul li a img{ border: 0; float: left;}
#companies-nav #companies ul li a span.name{ font-weight: bold; text-decoration: none; color: #444; display: block; padding-top: 3px;}
#companies-nav #companies ul li a span.description{color: #777;}

/* navigation */
#navigation{height: 24px; z-index: 997}
#navigation ul{padding: 0; margin: 0}
#navigation ul li{ list-style: none; padding: 0; display: block; float: left;z-index: 997; }
#navigation ul li a{ display: block;}
#navigation ul li a span{ display: none;}
#navigation ul li,
#navigation ul li a{ height: 24px;}
#navigation ul li#item2{ width: 103px;}
#navigation ul li#item2 a { background: url(../images/layout/nav.png) no-repeat 0px 0px; height: 24px; width: 103px;}
#navigation ul li#item2 a:hover,
#navigation ul li#item2.active a{ background: url(../images/layout/nav.png) no-repeat 0px -24px; }
#navigation ul li#item16{ width: 111px;}
#navigation ul li#item16 a { background: url(../images/layout/nav.png) no-repeat -103px 0px; height: 24px; width: 111px;}
#navigation ul li#item16 a:hover,
#navigation ul li#item16.active a{ background: url(../images/layout/nav.png) no-repeat -103px -24px; }
#navigation ul li#item23{ width: 176px;}
#navigation ul li#item23 a { background: url(../images/layout/nav.png) no-repeat -214px 0px; height: 24px; width: 176px;}
#navigation ul li#item23 a:hover,
#navigation ul li#item23.active a{ background: url(../images/layout/nav.png) no-repeat -214px -24px; }
#navigation ul li#item34{ width: 101px;}
#navigation ul li#item34 a { background: url(../images/layout/nav.png) no-repeat -390px 0px; height: 24px; width: 101px;}
#navigation ul li#item34 a:hover,
#navigation ul li#item34.active a{ background: url(../images/layout/nav.png) no-repeat -390px -24px; }
#navigation ul li#item44{ width: 122px;}
#navigation ul li#item44 a { background: url(../images/layout/nav.png) no-repeat -491px 0px; height: 24px; width: 122px;}
#navigation ul li#item44 a:hover,
#navigation ul li#item44.active a{ background: url(../images/layout/nav.png) no-repeat -491px -24px; }
#navigation ul li#item46{ width: 112px;}
#navigation ul li#item46 a { background: url(../images/layout/nav.png) no-repeat -613px 0px; height: 24px; width: 112px;}
#navigation ul li#item46 a:hover,
#navigation ul li#item46.active a{ background: url(../images/layout/nav.png) no-repeat -613px -24px; }
#navigation ul li#item50{ width: 110px;}
#navigation ul li#item50 a { background: url(../images/layout/nav.png) no-repeat -725px 0px; height: 24px; width: 110px;}
#navigation ul li#item50 a:hover,
#navigation ul li#item50.active a{ background: url(../images/layout/nav.png) no-repeat -725px -24px; }
#navigation ul li#item57{ width: 105px;}
#navigation ul li#item58 a { background: url(../images/layout/nav.png) no-repeat -835px 0px; height: 24px; width: 105px;}
#navigation ul li#item58 a:hover,
#navigation ul li#item58.active a{ background: url(../images/layout/nav.png) no-repeat -835px -24px; }
#navigation ul li ul{ z-index:998; display: block; float: left; position: relative; left: 0; top: 0; margin: 0; padding: 0; width: 180px; background: url(../images/layout/nav-sub-bg.png) no-repeat bottom left;}
#navigation ul li ul{height: 0; overflow: hidden}
#navigation ul li:hover ul{display: block;}
#navigation ul li ul li { float: left; clear: both; width: 168px; height: auto !important; padding: 2px 5px;}
#navigation ul li ul li.last{ margin-bottom: 5px !important;}
#navigation ul li ul li a { width: auto !important; height: auto !important; background: none !important; color: #444; text-decoration: none;}
#navigation ul li ul li:hover{ background: #ddd !important;}
#navigation ul li ul li a span{ display: block;}

/* front page slideshow */
#slideshow {height: 240px; margin-left: 10px; z-index: 996; padding-top: 10px; background: #ddd;}
div.front #navigation {position: relative; top: -252px; left: 0;}
div.secondary #navigation {position: relative; top: -130px; left: 0;}
#slides{ background: #789;}
#slides #front,
#slides #back,
#slides{ height: 240px; width: 940px; float: left; clear: both; display: block;} 
#slides #back{ float: left;}
#slides #front{ position: relative; top: -240px; left: 0; float: left;}
#triggers{display: block; padding: 0; float: left; height: 100px; margin: 0; width: 940px; position: relative; top: -105px; left: 0;}
#triggers li{display: block; list-style: none; float: left; cursor: pointer; height: 100px; margin-right: 5px;}
#triggers li.active{ height: 112px;}
#triggers li div.image-container{width: 112px; height: 69px; padding-top: 30px;}
#triggers li div.image-container img{border: 0; width: 103px; height: 60px; padding: 4px 0 4px 4px; z-index: 900}
#triggers li div.image-container div.image-border{ background: url(../images/layout/trigger-border.png) no-repeat; width: 112px; height: 69px;position: relative; top: -69px; left: 0;z-index: 901}
#energy-trigger{ background: url(../images/layout/trigger-energy-title.png) no-repeat bottom left;}
#construction-trigger{ background: url(../images/layout/trigger-construction-title.png) no-repeat bottom left;}
#oil-trigger{ background: url(../images/layout/trigger-oil-title.png) no-repeat bottom left;}
#metallurgy-trigger{ background: url(../images/layout/trigger-metallurgy-title.png) no-repeat bottom left;}
#chemistry-trigger{ background: url(../images/layout/trigger-chemistry-title.png) no-repeat bottom left;}
#triggers li#forward{ float: right; width: 40px;background: url(../images/layout/trigger-forward-backward.png) no-repeat -90px 10px; margin: 0;}
#triggers li#forward:hover{ background: url(../images/layout/trigger-forward-backward.png) no-repeat -130px 10px;}
#triggers li#backward{ float: left; width: 40px; background: url(../images/layout/trigger-forward-backward.png) no-repeat -10px 10px;}
#triggers li#backward:hover{ background: url(../images/layout/trigger-forward-backward.png) no-repeat -51px 10px;}

/* header bar for rubrics */
#header-bar{ height: 125px; margin-left: 10px; z-index: 996; margin-bottom: 0px;}
div.maps #header-bar,
div.projects #header-bar,
div.project #header-bar,
div.secondary #header-bar{ background: url(../images/layout/slide-oilgas3.jpg) no-repeat bottom left;}
div.energy #header-bar{background: url(../images/layout/slide-energy-2.jpg) no-repeat bottom left;}
div.construction #header-bar{background: url(../images/layout/slide-construction.jpg) no-repeat bottom left;}
div.chemistry #header-bar{background: url(../images/layout/slide-chemistry.jpg) no-repeat bottom left;}
div.other #header-bar{background: url(../images/layout/slide-other.jpg) no-repeat bottom left;}
div.metallurgy #header-bar{background: url(../images/layout/slide-metallurgy.jpg) no-repeat bottom left;}
#header-bar h1{  color: #ffffff !important; font-size: 24px; margin: 83px 0 10px 40px; padding: 4px 0 7px 0; line-height: 26px;}

/* maps */
div.maps div.chapter-header{  margin: 0; background: url(../images/layout/chapter-header.png) no-repeat top left; height: 31px;}
div.chapter-header h1{ font: bold 15px Tahoma, Verdana, Arial, sans-serif; color: #005088; padding: 5px 0 0 8px; margin: 0;}
div.chapter-header ul.view-select{ float: right; margin: 0; padding: 0;}
div.chapter-header ul.list-view {background: url(../images/layout/map-header-tabs.jpg) no-repeat 0px 0px;}
div.chapter-header ul.map-view {background: url(../images/layout/map-header-tabs.jpg) no-repeat 0px -31px;}
div.chapter-header ul.view-select li{ display: block; float: left; list-style: none;}
div.chapter-header ul.view-select li div{ display: block; width: 110px; height: 31px; cursor: pointer;}
#map{ width: 938px; height: 450px; border: 1px solid #ddd;}

/* map infowindow */
#map div.info-box{ min-width: 200px; max-height: 300px; float: left; display: block;}
#map div.info-box h2{ font-size: 13px; line-height: 14px; font-weight: bold; color: #005088; margin-bottom: 5px; float: left; clear: both; width: 100%;}
#map div.info-box h2 a{ color: #005088;}
#map div.info-box h2 a:hover{ text-decoration: underline;}
#map div.info-box div.details{ display: block; float: left; width: 100%; clear: both;}
#map div.info-box div.date { color: #777; font-size: 10px; float: left; margin-left: 8px;}
#map div.info-box div.place { color: #555; font-size: 10px; float: right; clear: both; margin: 0px 20px 0 0; max-width: 130px; display: block;}
#map div.info-box div.text{ margin-top: 10px;}
#map div.info-box div.text,
#map div.info-box div.clients { color: #444; font-size: 10px; margin: 4px 0 0 8px; width: 90%; max-width: 350px; float: left; clear: both; display: block;}
#map div.info-box h3,
#map div.info-box div.text,
#map div.info-box div.clients { float: left; clear: both;}
#map div.info-box h3 { font-size: 12px; margin: 6px 0 0 0;}
div.maps #project-info{display:none;}

/* overlays - nav */
div.view-tabs { height: 500px; overflow: hidden; margin-top: -10px;}
#overlays { display: block; margin-top: 0; background: url(../images/layout/branch-overlay-select-bg.png) no-repeat left bottom; width: 220px;}
div.view-tabs #overlays{ float: right; position: relative; top: -453px; right: 0px; }
#overlays ul { margin: 0 1px; padding: 0;}
#overlays ul li { margin: 0; padding: 7px 0; border-bottom: 1px solid #d2dadd; list-style: none;}
#overlays ul li:hover,
#overlays ul li.active { border-bottom: 1px solid #aaa;}
#overlays ul li a { padding-left: 18px; display:block; color: #787070; font-size: 11px; font-weight: 500; text-decoration: none;background: url(../images/layout/branch-overlay-item-arrow.png) no-repeat 4px top;}
#overlays ul li a.loading{ padding-right: 18px; background: url(../images/layout/ajax-loader.gif) no-repeat center right;}
#overlays div.toggler { height: 10px; display: block; width: 220px; cursor: pointer; background: url(../images/layout/branch-overlay-toggler-bg.png) no-repeat center -1px;}
#overlays div.toggle-in{ background: url(../images/layout/branch-overlay-toggler-bg.png) no-repeat center -8px;}

/* markers list */
div.view-tabs #list{ border: 1px solid #ddd; width: 0px; overflow: auto; height: 450px; position: relative; top: -452px; right: -220px; background: #fff; float: right; display: block;}
div.view-tabs #list ul.year-list { float: left; width: 260px; list-style: none; padding: 10px; margin: 0;}
div.view-tabs #list ul.year-list li { list-style: none;}
div.view-tabs #list ul.year-list li h2{ font-size: 14px; font-weight: bold;}
div.view-tabs #list ul.year-list ul { list-style: none; margin: 0; padding: 0;}
div.view-tabs #list ul.year-list ul li { list-style: none; margin: 0 0 5px 10px;}
div.view-tabs #list ul.year-list ul li a.project-link{ color: #005088; font-weight: bold; display: block;}
div.view-tabs #list ul.year-list ul li a.marker-trigger{ color: #777; text-decoration: none; display: block; background: url(../images/layout/marker-trigger-link-bg.jpg) no-repeat 0px 3px; padding-left: 8px;}
div.view-tabs #list ul.year-list ul li a.marker-trigger:hover{ color: #444; text-decoration: underline; }

/* blocks */
div.box div.content h1{ font-size: 14px; padding: 4px 0 8px 0; margin: 0;}
div.box {width: 220px;background: url(../images/layout/box-bottom.png) no-repeat bottom left; padding-bottom: 8px; float: left;}
div.box div.content{ background: url(../images/layout/grid-4-block-top-bg.png) repeat-y top left; float: left; width: 220px; font-size: 11px;}
div.box div.content ul { min-height: 100px}
div.box div.content ul li a{ color: #888; }

div.firstpagebox {width: 940px;background: url(../images/layout/box-bottom-fp.png) no-repeat bottom left; padding-bottom: 8px; float: left;}
div.firstpagebox div.content{ background: url(../images/layout/grid-4-block-top-bg.png) repeat-y top left; float: left; width: 920px; font-size: 1em; padding:10px;}
div.firstpagebox div.content a{ color:black;}

/* news-box */
/*#news-block div.content{min-height: 670px;}*/
#news-block div.content h1{padding: 8px 0}
#news-block div.content h1 a{ height: 20px; width: 220px; color: #30709d; background: url(../images/layout/news-block-h1.png) no-repeat 0px -20px; display: block;}
#news-block div.content h1 a:hover{background: url(../images/layout/news-block-h1.png) no-repeat 0px 0px;}
#news-block div.content h1 a span{ display: none;}
#news-block ul{margin: 0; padding: 0;}
#news-block ul li{ list-style: none; margin: 0; padding: 0 8px 4px 8px;}
#news-block ul li h2{ font-size: 11px; margin: 0 0 3px 0; padding: 0; line-height: 12px;display: block}
#news-block ul li h2 a{ text-decoration: none;}
#news-block ul li h2 a span.date{color: #30709d; padding-right: 4px;}
#news-block ul li h2 a span.title{color: #444; text-decoration: underline;}
#news-block ul li p{ margin: 0; font-size: 10px;}
/* projects-block */
#projects-block{ padding-bottom: 0;}
#projects-block div.content{ background: url(../images/layout/projects-block-top.jpg) no-repeat top; }
#projects-block div.content h1{ height: 35px; padding: 8px 0;}
#projects-block div.content h1 a{ height: 35px; width: 220px; display: block; background: url(../images/layout/projects-block-h1.png) no-repeat 0px -35px;}
#projects-block div.content h1 a:hover{ background: url(../images/layout/projects-block-h1.png) no-repeat 0px 0px;}
#projects-block div.content h1 a span{display: none}
#projects-block div.content ul{ padding: 0; margin: 0;min-height: 147px; border: 1px solid #c2c2c2;}
#projects-block div.content ul li{ padding: 5px 8px 5px 8px; margin: 0; list-style: none; border: 1px solid #999; border-width: 0 0 1px 0; background: #fff}
#projects-block div.content ul li:hover{ background: #f0f0f0}
#projects-block div.content ul li a:hover{text-decoration: underline}
#projects-block div.content ul li a{text-decoration: none}
#projects-block div.content ul li a span{ display: block; width: 204px;}
#projects-block div.content ul li a span.title { font-weight: bold; text-decoration: underline; color: #444;}
#projects-block div.content ul li a span.info{color: #888; }
#projects-block div.content ul li a span.description{ margin-top: 2px; color: #444; text-decoration: none;}
#projects-block div.content a.all,
#projects-block div.content a.map{ width: 110px; height: 48px; display: block; float: left;}
#projects-block div.content a.all span,
#projects-block div.content a.map span{ display: none;}
#projects-block div.content a.all{ background: url(../images/layout/project-block-bottom.jpg) no-repeat;}
#projects-block div.content a.all:hover{ background: url(../images/layout/project-block-bottom.jpg) no-repeat 0px -48px;}
#projects-block div.content a.map{ background: url(../images/layout/project-block-bottom.jpg) no-repeat -110px 0px;}
#projects-block div.content a.map:hover{ background: url(../images/layout/project-block-bottom.jpg) no-repeat -110px -48px;}

/* oil and gas */
#oil-and-gas div.content{ background: url(../images/layout/oilgas-block-top-bg.jpg) no-repeat top left;}
#oil-and-gas div.content h1{ height: 30px; padding: 8px 0;}
#oil-and-gas div.content h1 a{height: 35px; width: 220px; display: block; background: url(../images/layout/oilgas-block-h1.png) no-repeat top left;}
#oil-and-gas div.content h1 a span{ display: none;}

/* energy */
#energy-block {margin: 0 0 0 20px;}
#energy-block div.content{ background: url(../images/layout/energy-block-top-bg.jpg) no-repeat top left;}
#energy-block div.content h1{ height: 30px; padding: 8px 0;}
#energy-block div.content h1 a{height: 35px; width: 220px; display: block; background: url(../images/layout/energy-block-h1.png) no-repeat top left;}
#energy-block div.content h1 a span{ display: none;}
#energy-block.box div.content ul{ min-height: 555px;}

/* metallurgy */
#metallurgy-block {margin: 0 20px 0 0;}
#metallurgy-block div.content{ background: url(../images/layout/metallurgy-block-top-bg.jpg) no-repeat top left;}
#metallurgy-block div.content h1{ height: 30px; padding: 8px 0;}
#metallurgy-block div.content h1 a{height: 35px; width: 220px; display: block; background: url(../images/layout/metallurgy-block-h1.png) no-repeat top left;}
#metallurgy-block div.content h1 a span{ display: none;}

/* chemistry */
#chemistry-block {margin: 15px 20px 0 0;}
#chemistry-block div.content{ background: url(../images/layout/chemistry-block-top-bg.jpg) no-repeat top left;}
#chemistry-block div.content h1{ height: 30px; padding: 8px 0;}
#chemistry-block div.content h1 a{height: 35px; width: 220px; display: block; background: url(../images/layout/chemistry-block-h1.png) no-repeat top left;}
#chemistry-block div.content h1 a span{ display: none;}

/* construction */
#construction-block {margin: 15px 20px 0 0;}
#construction-block div.content{ background: url(../images/layout/construction-block-top-bg.jpg) no-repeat top left;}
#construction-block div.content h1{ height: 30px; padding: 8px 0;}
#construction-block div.content h1 a{height: 35px; width: 220px; display: block; background: url(../images/layout/construction-block-h1.png) no-repeat top left;}
#construction-block div.content h1 a span{ display: none;}

/* other branches */
#other-branches-block {margin: 15px 0 0;}
#other-branches-block div.content{ background: url(../images/layout/other-branches-block-top-bg.jpg) no-repeat top left;}
#other-branches-block div.content h1{ height: 30px; padding: 8px 0;}
#other-branches-block div.content h1 a{height: 35px; width: 220px; display: block; background: url(../images/layout/other-branches-block-h1.png) no-repeat top left;}
#other-branches-block div.content h1 a span{ display: none;}

/* key projects */
#key-projects-block { background: url(../images/layout/key-projects-box.jpg) no-repeat bottom left; padding-bottom: 0px; margin-bottom: 15px;}
#key-projects-block div.content{ background: url(../images/layout/key-projects-box.jpg) no-repeat top left;}
#key-projects-block div.content ul{ padding: 0; margin: 0; height: 450px;  overflow: hidden; border: 1px solid #ddd; border-width: 1px 1px 0 1px; background: #fff; float: left; width: 217px; clear: both;}
#key-projects-block div.content ul li { padding: 3px 5px; clear: both; float: left; width: 210px;}
#key-projects-block div.content ul li:hover{ background: #f0f0f0}
#key-projects-block div.content ul li a{ cursor: pointer; text-decoration: none;}
#key-projects-block div.content ul li a:hover{text-decoration: none}
#key-projects-block div.content ul li a span{ display: block; width: 204px; text-decoration: none;}
#key-projects-block div.content ul li a span.title { font-weight: bold; text-decoration: underline; color: #444;}
#key-projects-block div.content ul li a span.title,
#key-projects-block div.content ul li a span.info{ clear: both; width: 200px;}
#key-projects-block div.content ul li a span.info{color: #888;}
#key-projects-block div.content ul li a div.description{ margin-top: 2px; color: #444; text-decoration: none;}
#key-projects-block div.content ul li a img{ float: left; border: 1px solid #ddd; margin: 0 5px 5px 0;}
#key-projects-block div.content h1{ display: block; height: 30px; width: 170px; float: left; padding: 0; margin: 0;}
#key-projects-block div.content h1 a span{ display: none;}
#key-projects-prev,
#key-projects-next{ display: block; float: right; width: 41px; height: 30px;}
#key-projects-prev{ background: url(../images/layout/key-projects-scrollers.jpg) no-repeat top left;}
#key-projects-prev:active{ background: url(../images/layout/key-projects-scrollers.jpg) no-repeat 0px -30px;}
#key-projects-next{ background: url(../images/layout/key-projects-scrollers.jpg) no-repeat 0px -60px;}
#key-projects-next:active{ background: url(../images/layout/key-projects-scrollers.jpg) no-repeat 0px -90px;}

/* box overall */
div.columns div.box{ padding-bottom: 0;}
div.columns div.box div.content ul{ padding: 0; margin: 0; min-height: 450px; border: 1px solid #ddd; border-width: 1px 1px 0 1px;}
div.columns div.box div.content ul li{ padding: 5px 8px 5px 8px; margin: 0; list-style: none; background: #fff}
div.columns div.box div.content ul li:hover{ background: #f0f0f0}
div.columns div.box div.content ul li a{ cursor: pointer; text-decoration: none;}
div.columns div.box div.content ul li a:hover{text-decoration: underline}
div.columns div.box div.content ul li a span{ display: block; width: 204px;}
div.columns div.box div.content ul li a span.title { font-weight: bold; text-decoration: underline; color: #444;}
div.columns div.box div.content ul li a span.info{color: #888; text-decoration: none; }
div.columns div.box div.content ul li a span.description{ margin-top: 2px; color: #444; text-decoration: none;}
div.columns div.box div.content a.all,
div.columns div.box div.content a.map{ width: 110px; height: 29px; display: block; float: left; text-align: center; text-decoration: none; padding-top: 15px;}
div.columns div.box div.content a.all span {color: #005088; font-weight: normal; }
div.columns div.box div.content a.map span { color: #444; text-decoration: underline; background: url(../images/layout/to-projects-map-arrows.png) no-repeat center right; padding-right: 10px;}
div.columns div.box div.content a.all{ background: url(../images/layout/projects-block-bottom.jpg) no-repeat -110px 0px;}
div.columns div.box div.content a.all:hover{ background: url(../images/layout/projects-block-bottom.jpg) no-repeat -110px -44px;}
div.columns div.box div.content a.all:hover span{ color: #fff;}
div.columns div.box div.content a.map{ background: url(../images/layout/projects-block-bottom.jpg) no-repeat 0px 0px;}
div.columns div.box div.content a.map:hover{ background: url(../images/layout/projects-block-bottom.jpg) no-repeat 0px -44px;}
div.columns div.box div.content a.map:hover span{ text-decoration: underline; color: #fff;}

/* firstpage */
#firstpage-block { background: url(../images/layout/box-bottom-bg-fp.png) no-repeat bottom; padding-bottom: 6px;}
#firstpage-block div.content{ background: url(../images/layout/box-top-bg-fp.png) no-repeat top; min-height: 50px;}

#firstpage-banner>span{ margin-bottom: 15px; display: block; text-align:center}
#firstpage-banner img{ border: 0;}

/* copmpetences */
#competence-block { background: url(../images/layout/box-bottom-bg.png) no-repeat bottom; padding-bottom: 6px;}
#competence-block div.content{ background: url(../images/layout/box-top-bg.png) no-repeat top; min-height: 140px;}
#competence-block div.content h2{padding: 8px 0 3px 12px; color: #30709d; }
#competence-block div.content h2 a{ height: 20px; width: 220px; color: #30709d; display: block; text-decoration:none;}
#competence-block div.content h2 a:hover{}
/*
#competence-block div.content h1 a{ height: 20px; width: 220px; color: #30709d; background: url(../images/layout/competence-block-h1.png) no-repeat center left; display: block;}
#competence-block div.content h1 a:hover{background: url(../images/layout/competence-block-h1.png) no-repeat center left;}
*/
#competence-block div.content h2 a span{ display: none;}
#competence-block ul{margin: 0; padding: 0; list-style: square; border: 1px solid #c2c2c2; border-width: 0px 1px;}
#competence-block ul li{ color: #999; padding: 0 8px 4px 18px; list-style: none; background: url(../images/layout/competence-list-bullet.png) no-repeat 12px 5px;}
#competence-block ul li:hover { background-color: #f0f0f0;}
#competence-block ul li h2{ font-size: 11px; margin: 0 0 3px 0; padding: 0; line-height: 12px;}
#competence-block ul li h2 a{ text-decoration: none;}
#competence-block ul li h2 a span.title{color: #777; text-decoration: none;}
#competence-block ul li p{ margin: 0; font-size: 10px;}

#fastlink-block { background: url(../images/layout/box-bottom-bg.png) no-repeat bottom; padding-bottom: 6px; margin-bottom:10px;}
#fastlink-block div.content{ background: url(../images/layout/box-top-bg.png) no-repeat top; min-height: 140px;}
#fastlink-block div.content h2{padding: 0px 0 3px 12px; color: #30709d; }
#fastlink-block div.content h2 a{ height: 20px; width: 220px; color: #30709d; display: block; text-decoration:none;}
#fastlink-block div.content h2 a:hover{}
/*
#competence-block div.content h1 a{ height: 20px; width: 220px; color: #30709d; background: url(../images/layout/competence-block-h1.png) no-repeat center left; display: block;}
#competence-block div.content h1 a:hover{background: url(../images/layout/competence-block-h1.png) no-repeat center left;}
*/
#fastlink-block div.content h2 a span{ display: none;}
#fastlink-block ul{margin: 0; padding: 0; list-style: square; border: 1px solid #c2c2c2; border-width: 0px 1px;}
#fastlink-block ul li{ color: #999; padding: 0 8px 4px 18px; list-style: none; background: url(../images/layout/competence-list-bullet.png) no-repeat 12px 5px;}
#fastlink-block ul li:hover { background-color: #f0f0f0;}
#fastlink-block ul li h1{ font-size: 11px; margin: 0 0 3px 0; padding: 0; line-height: 12px;}
#fastlink-block ul li h1 a{ text-decoration: none;}
#fastlink-block ul li h1 a span.title{color: #777; text-decoration: none;}
#fastlink-block ul li p{ margin: 0; font-size: 10px;}

/* banners */
#three-d-banner{ width: 220px; height: 119px; display: block; background: url(../images/layout/3d-banner-idle.jpg); margin-bottom: 10px;}
#history-banner{ width: 220px; height: 119px; display: block; background: url(../images/layout/history-teaser.jpg);}
#teasers { width: 220px; float: left; margin: -10px 20px 0 0;}
#teasers a,
#teasers a img{ border: 0;}
#teasers a{ margin-top: 10px; display: block;}

/* project block */
.project-box { background: url(../images/layout/project-box-bg-bottom.jpg) no-repeat bottom; padding-bottom: 4px; margin-bottom: 15px;}
.project-box div.header{ background: url(../images/layout/project-box-header-bg.png) no-repeat top;}
.project-box div.header h2{ color: #005088; display: block; max-width: 550px; margin: 0; padding: 8px 7px 7px 10px; font-size: 14px; line-height: 17px}
.project-box div.header div.header-menu{ float: right; width: 50px; padding-top: 6px;}
.project-box div.header div.header-menu a#print{ background: url(../images/layout/printer.png); display: block; float: left; width: 16px; height: 16px; margin-right: 8px; }
.project-box div.header div.header-menu a#print span{ display: none;}
.project-box div.header div.header-menu a.next,
.project-box div.header div.header-menu a.prev{ display: inline; width: 8px; height: 16px; float: left; margin-top: 1px;}
.project-box div.header div.header-menu a.prev{ background: url(../images/layout/project-box-header-arrows.png) no-repeat 0px 0px;}
.project-box div.header div.header-menu a.prev:hover{ background: url(../images/layout/project-box-header-arrows.png) no-repeat 0px -16px;}
.project-box div.header div.header-menu a.next{ background: url(../images/layout/project-box-header-arrows.png) no-repeat -8px 0px;}
.project-box div.header div.header-menu a.next:hover{ background: url(../images/layout/project-box-header-arrows.png) no-repeat -8px -16px;}
.project-box div.details{ background: url(../images/layout/project-box-details-block-bg.jpg) repeat-y; width: 700px; float: left;}
.project-box div.details div.description{ float: left; width: 459px; padding-left: 1px;}
.project-box div.details div.description>*{padding:0 10px;}
.project-box div.details div.description h2{left:-10px; color: #005088; font-size: 14px; background: url(../images/layout/project-box-h3-delimiter.png) no-repeat bottom; padding: 6px 10px 15px 10px; margin: 0 0 -7px 0; border-top: 1px solid #ddd}
.project-box div.details div.description p{font-size: 11px; margin: 5px 0 5px 0;}
.project-box div.details div.links { padding: 10px; padding-top: 0px; width: 210px; float: left;}
.project-box div.details div.links p.date{ color: #444; font-size: 12px; font-weight: bold; margin-top: 6px; margin-bottom: 8px;}
.project-box div.details div.links h2{ font-size: 12px; color: #005088; border-bottom: 1px solid #005088; clear: both; margin: 7px 0; padding-bottom: 2px;}
.project-box div.details div.links a{ clear: both; float: left; color: #555; text-decoration: underline; width: 200px;}
.project-box div.details div.links a.map-link { background: url(../images/layout/map.png) no-repeat left; padding: 6px 0 4px 18px; width: 180px;}
.project-box div.details div.links p{ clear: both; margin: 0 0 6px 0; float: left; width: 200px;}
.project-box div.details div.links ul { margin: 8px 0; margin-top: 0; padding: 0; float: left; clear: both;}
.project-box div.details div.links ul li{ width: 200px; display: block; float: left; clear: both;}
.project-box div.images{ float: left; display:block; width: 700px; height: 62px; background: url(../images/layout/project-box-gallery-bg.png) no-repeat top;}

div.column #overlays{ float: left; margin-bottom: 15px;}
div.column #overlays ul { border-top: 1px solid #ddd;}
div.column #overlays ul li:hover,
div.column #overlays ul li.active { background: url(../images/layout/branch-overlay-selected-high.png) center top;}
div.column #overlays ul li.last{border: 0;}
div.column #overlays ul li.last:hover{ background-position: center bottom;}
.project-box div.images a.prev,
.project-box div.images a.next{ display: block; width: 32px; height: 60px; float: left; margin-top: 1px;}
.project-box div.images a.prev{ background: url(../images/layout/project-box-gallery-arrows.png) no-repeat 0px 0px;}
.project-box div.images a.prev:hover{ background: url(../images/layout/project-box-gallery-arrows.png) no-repeat 0px -60px;}
.project-box div.images a.next{ background: url(../images/layout/project-box-gallery-arrows.png) no-repeat -32px 0px;}
.project-box div.images a.next:hover{ background: url(../images/layout/project-box-gallery-arrows.png) no-repeat -32px -60px;}

/* keyproject table */
.keyproject-list{ width: 100%; border-collapse: collapse;}
.keyproject-list thead th.forward_sort span,
.keyproject-list thead th.reverse_sort span{ background-image: url(../images/layout/projects-list-sort-arrows.png); background-repeat: no-repeat; padding-right: 10px;}
.keyproject-list thead th.forward_sort span{ background-position: right top;}
.keyproject-list thead th.reverse_sort span{ background-position: right bottom;}
.keyproject-list thead th.tdfirst,
.keyproject-list thead th.tdbetween,
.keyproject-list thead th.tdlast,
.keyproject-list thead th.client,
.keyproject-list thead th.desc,
.keyproject-list thead th.place,
.keyproject-list thead th.date, .keyproject-list thead th.tdlast { background-image: url(../images/layout/project-box-header-bg.png); padding: 5px 3px; color: #005088; cursor: pointer;}
.cursordefault {cursor: default;}
.keyproject-list thead th.client, .keyproject-list thead th.tdfirst  { padding-left: 6px;}
.keyproject-list thead tr th.tdbetween,
.keyproject-list thead tr th.desc,
.keyproject-list thead tr th.place{ background-position: center top;}
.keyproject-list thead tr th.date,.keyproject-list thead tr th.tdlast{ background-position: right top; padding-right: 6px;}
.keyproject-list tbody tr{ border-top: 1px solid #ddd;}
.keyproject-list tbody tr.alt { background: #f0f0f0;}
.keyproject-list tbody tr td { padding: 9px 4px;}
.keyproject-list tbody tr td a{ color: #005088;}
.keyproject-list-paginator {margin: 10px 0; padding: 0;}
.keyproject-list-paginator li { display: block; float: left; list-style: none; margin-left: 3px;}
.keyproject-list-paginator li a{ display: block; border: 1px solid #999; width: 15px; height: 13px; padding-top: 2px; text-align: center; color: #555; text-decoration: none;}
.keyproject-list-paginator li a:hover{ border: 1px solid #444; color: #005088; background: #ddd;}
.keyproject-list-paginator li a.currentPage{ background: #005088; color: #fff; }

/* projects table */
#projects-list{ width: 100%; border-collapse: collapse;}
#projects-list thead th.forward_sort span,
#projects-list thead th.reverse_sort span{ background-image: url(../images/layout/projects-list-sort-arrows.png); background-repeat: no-repeat; padding-right: 10px;}
#projects-list thead th.forward_sort span{ background-position: right top;}
#projects-list thead th.reverse_sort span{ background-position: right bottom;}
#projects-list thead th.tdfirst,
#projects-list thead th.tdbetween,
#projects-list thead th.tdlast,
#projects-list thead th.client,
#projects-list thead th.desc,
#projects-list thead th.place,
#projects-list thead th.date, #projects-list thead th.tdlast { background-image: url(../images/layout/project-box-header-bg.png); padding: 5px 3px; color: #005088; cursor: pointer;}
.cursordefault {cursor: default;}
#projects-list thead th.client, #projects-list thead th.tdfirst  { padding-left: 6px;}
#projects-list thead tr th.tdbetween,
#projects-list thead tr th.desc,
#projects-list thead tr th.place{ background-position: center top;}
#projects-list thead tr th.date,#projects-list thead tr th.tdlast{ background-position: right top; padding-right: 6px;}
#projects-list tbody tr{ border-top: 1px solid #ddd;}
#projects-list tbody tr.alt { background: #f0f0f0;}
#projects-list tbody tr td { padding: 9px 4px;}
#projects-list tbody tr td a{ color: #005088;}
#projects-list-paginator {margin: 10px 0; padding: 0;}
#projects-list-paginator li { display: block; float: left; list-style: none; margin-left: 3px;}
#projects-list-paginator li a{ display: block; border: 1px solid #999; width: 15px; height: 13px; padding-top: 2px; text-align: center; color: #555; text-decoration: none;}
#projects-list-paginator li a:hover{ border: 1px solid #444; color: #005088; background: #ddd;}
#projects-list-paginator li a.currentPage{ background: #005088; color: #fff; }

/* timeline */
#timeline{ background: url(../images/layout/timeline-bg.png) no-repeat bottom center; padding-bottom: 5px; min-height: 500px}
#timeline div.header{ background: url(../images/layout/chapter-header.png) no-repeat top left; height: 22px; border-bottom: 1px solid #777}
#timeline-box { border-width: 0 1px; width: 940px; height: 250px; overflow: hidden; float: left; position: relative;}
#timeline-box ul{ width: 10000px; float: left; display: block; padding: 0; margin: 0; position: relative; background: #555;}
#timeline-box ul li{ list-style: none; display: block; float: left; width: 150px; height: 250px; cursor: pointer;}
#timeline-box ul li div.frame{ border-left: 1px solid #444; height: 250px; width: 150px; overflow: hidden;}
#timeline-box ul li div.frame img.loading{ width: 32px; height: 32px; padding: 109px 59px;}
#timeline-box ul li div.frame div.year{ color: #fff; height: 100px; position: relative; top: -102px; background: url(../images/layout/timeline-year-divisions.png) repeat-x bottom; text-align: center;}
#timeline-box ul li div.frame div.year span{ margin: 0 auto;line-height: 22px;color: #ffffff; font-size: 22px; width: 70px; font-weight: bold; background: url(../images/layout/timeline-year-arrow.png) no-repeat bottom center; display: block; height: 80px;}
#timeline-box ul li div.description { border: 1px solid #f00; float: left; display: block; position: relative; z-index: 999; width: 600px; display: none;}
#timeline-box a.controller{ height: 250px; background: url(../images/layout/timtline-controllers-bg.png); width: 38px; display: block; position: relative; top: -250px; cursor: pointer;}
#timeline-box #prev{ float: left;}
#timeline-box #next{ float: right;}
#timeline-box #prev span,
#timeline-box #next span{ display: block; height: 42px; width: 38px; margin-top: 100px; background-image: url(../images/layout/timeline-controllers.png);}
#timeline-box #prev span{ background-position: 4px 0px;}
#timeline-box a#prev:hover span{ background-position: 38px 0px;}
#timeline-box #next span{ background-position: 4px 43px;}
#timeline-box a#next:hover span{ background-position: 38px 43px;}
table.rounded-box{ padding: 0; border-collapse: collapse;}
table.rounded-box td.top-left,
table.rounded-box td.top-right,
table.rounded-box td.bottom-left,
table.rounded-box td.bottom-right{ width: 15px; height: 15px; background-image: url(../images/layout/rounded-corners.png);}
table.rounded-box td.top-left{ background-position: top left;}
table.rounded-box td.top-right{ background-position: top right;}
table.rounded-box td.bottom-left{ background-position: bottom left;}
table.rounded-box td.bottom-right{ background-position: bottom right;}
table.rounded-box td.top{ background: url(../images/layout/rounded-top.png) repeat-x top;}
table.rounded-box td.right{ background: url(../images/layout/rounded-right.png) repeat-y right;}
table.rounded-box td.left{ background: url(../images/layout/rounded-left.png) repeat-y left;}
table.rounded-box td.bottom{ background: url(../images/layout/rounded-bottom.png) repeat-x bottom;}
table.rounded-box td.content{ background: #fff; vertical-align: top;}
#widget-example table.rounded-box{ display: none;}
#timeline-content{ float: left; width: 938px; clear: both; padding-top: 10px;}
#timeline-content table.rounded-box{ margin: 0 auto;}
#timeline-content h1 { color: #005088; font-size: 19px; line-height: 21px;}
table.history tbody tr td{ padding: 2px 4px;}
#timeline-content table td a{ color: #005088;}
td.timeline-box-projects-table-trigger h2{ background-image:url(../images/layout/timeline-projects-table-trigger.png); background-repeat: no-repeat; cursor: pointer; background-position: 187px -13px; color: #005088; text-decoration: underline;}
td.timeline-box-projects-table-trigger h2.opened{ background-position: 187px 7px; color: #005088;}
table.folded{ overflow: hidden; height: 0; display: none;}

/* content */
div.main-content p{ margin-bottom:8px;}
div.main-content ol{ margin:6px 0 6px 42px; list-style:decimal; }
div.main-content ul{ margin:6px 0 6px 42px; list-style:disc; }
div.main-content ul li ul { margin-left:14px; list-style:circle;}
div.main-content ul li ul li ul{ margin-left:14px; list-style:square;}
div.main-content ul li ul li ul li ul{ margin-left:14px; list-style:disc;}
div.main-content li{ margin:0px 0 2px 0px;}
div.main-content a{ color: #005088;}
/*div.main-content a.auto {color:  #444; text-decoration: none; border-bottom:1px solid #BBB;}*/
div.main-content table.licences td.description{ padding-left: 15px;}
div.main-content ul.project-stages,
div.main-content ul.technologies{ margin: 0; padding: 0;}
div.main-content ul.project-stages li,
div.main-content ul.technologies li{ list-style:none; border: 1px solid #dfdfdf; padding-left: 10px; padding-top: 0; margin-bottom: 6px;}
div.main-content ul.project-stages li h2,
div.main-content ul.technologies li h2{ margin-top: 5px;}
div.main-content ul.project-stages li:hover,
div.main-content ul.technologies li:hover{ border: 1px solid #bbb; background: #dfdfdf;}
div.main-content ul.project-stages div.summary,
div.main-content ul.technologies div.summary{ font-size: 11px; font-weight: normal; display: none}

/* footer */
#footer {margin-top: 10px;}
#footer a{ color: #888; text-decoration: none;}
#footer a:hover{ text-decoration: underline;}
#footer div,
#footer ul{ display: block; margin: 0;}
#footer div.copyright{float: left;}
#footer ul li{ display: block; float: left; list-style: none; border-right: 1px solid #777; padding: 0 4px;}
#footer ul li a{ display: inline; float: left;}
#footer ul li a:hover{ text-decoration: underline;}
#footer ul li.last{ border-right: 0;}
#footer ul.bottom-nav{text-align:right; padding: 5px 0 0; margin: 0; float: right; clear: both; width: 242px; height:16px;}
#footer ul.companies{ float: right; }
a.ditto_page, span.ditto_currentpage{padding: 3px; color: #555; text-align: center; border: 1px solid #999;}
a.ditto_page:hover{border: 1px solid #444; color: #005088; background: #ddd;}
p.pagination{ padding-top: 5px; margin-top: 5px; border-top: 1px solid #888;}
span.ditto_currentpage{ background: #005088; color: #fff;}


/* sIFR */
.sIFR-flash{visibility:visible !important; margin:0}
.sIFR-replaced{visibility:visible !important}
span.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden}
.sIFR-flash+div[adblocktab=true]{ display:none !important}
.sIFR-hasFlash h1{visibility:hidden}
.sIFR-hasFlash h2{visibility:hidden; letter-spacing:-9px; font-size:55px}
.sIFR-hasFlash h3{visibility:hidden; letter-spacing:-6px; font-size:25px}
.sIFR-hasFlash h4{visibility:hidden; letter-spacing:-5px; font-size:21px}
.sIFR-hasFlash h5#pullquote{letter-spacing:-4px; visibility:hidden; font-size:24px}

.ajaxSearch_result{display:block; margin:16px auto; }
.ajaxSearch_resultLink{margin:0; padding:0; font-weight: bolder;}
.ajaxSearch_resultExtract{margin:2px 0 2px 30px; padding:0; }
.ajaxSearch_resultBreadcrumbs{ margin:0 0 0 30px; padding:0; }
.ajaxSearch_highlight, .ajaxSearch_highlight1 {background-color: #bbb;}

div.toc {padding:10px; background-color:#ecf4f7; color:#666;margin-bottom:10px;}
div.toc span.title{padding:0px; margin:0;}
div.toc ul{margin-top:0px; margin-bottom:0px;}
div.toc li{list-style:none;}
div.toc li a{list-style:none; color:#666;padding:0;}
div.toc li a:hover{color: #000;}
a.tocgoup{display: block; float:right; width:12px; height:12px; background:url(../images/layout/goup.png) no-repeat;}
a.tocgoup span{display:none;}

#counters {margin:0 auto; display:block; width:100%; text-align:center;}

.tagcloud {padding:10px;}
.tagcloud a {color: #30709d; text-decoration:none; padding-right:5px;}
.tagcloud .s1{font-size:0.9em}
.tagcloud .s2{font-size:1.0em}
.tagcloud .s3{font-size:1.1em}
.tagcloud .s4{font-size:1.2em}
.tagcloud .s5{font-size:1.3em}
.tagcloud a span.count{color: #30709d; text-decoration:none; font-size:.8em}

.thumbscontainer{margin:8px 0; padding:8px 0;border-top:1px #c3c4c4 solid;}
div.main-content ul.thumbs {display:block; padding:0; margin:0;clear:both;}
.thumbs li {display:block; list-style:none;padding:7px;float:left;width:160px;}
/*.thumbs li a{padding:1px; background:#fff; display:table-cell; border:1px #dad8d8 solid;position:relative;text-decoration:none;margin:0 auto;}
.thumbs li a span {margin:0 5%; display:none; padding:8px 5%; z-index:900;position:absolute;
text-align:center;background:#fff;opacity:.8; top:20px;width:80%;}
.thumbs li a:hover span {display:block;}
*/


.project-box div.images #gallery{width:634px;overflow:hidden;height:62px;margin:0; float: left;}
/*
.project-box div.images #gallery ul{}
.project-box div.images #gallery ul li{ list-style:none; padding:0; border:0; margin:8px 0 0 10px; background: #005088 url(../images/layout/ajax-loader.gif) no-repeat center;
float:left; height: 45px; border: 1px solid #ddd; display: block; min-width: 20px; overflow: hidden;}
.project-box div.images #gallery ul li a img{ border: 0;}
*/

#gallery .thumbscontainer{margin:0; padding:0;}
#gallery ul.thumbs {display:block;  padding:0; margin:0; clear:both; width:5000px; border:0; height: 62px;}
#gallery ul.thumbs li {display:block; list-style:none;padding:0px;float:left;margin:8px 0 0 10px;border: 1px solid #ddd;width:auto; min-width: 20px; overflow: hidden;}
/*#gallery .thumbs li a{padding:1px; background:#fff; display:table-cell; border:1px #dad8d8 solid;position:relative;text-decoration:none;margin:0 auto;}
#gallery .thumbs li a span {margin:0 5%; display:none; padding:8px 5%; z-index:900;position:absolute;
text-align:center;background:#fff;opacity:.8; top:20px;width:80%;}
#gallery .thumbs li a:hover span {display:block;}
*/