/* @group CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* @end */

body { background: #FFF; font-family: Verdana, Arial; color: #000; text-align: center; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-family: "Times New Roman", Georgia; font-weight: normal; font-style: italic; }
h2 a,
h2 { font-family: "Times New Roman", Georgia; font-weight: normal; font-style: italic; }
h2 a { margin: 0; }
p { font-size: 0.6875em; line-height: 1.55em; margin: 0 0 1.45em 0; }
p.main { padding: 0 0 26px 0; }
p em { font-style: italic; }

#wrapper { margin: 32px auto; padding: 0; width: 811px; text-align: left; position: relative; }

/* header */
#header { width: 811px; height: 123px; position: absolute; z-index: 2; top: 0; left: 0; }
#logo { position: absolute; top: 44px; left: 21px; }
#logo a { display: block; width: 318px; height: 88px; text-indent: -5000px; background: url("../img/ice-logo.png") top left no-repeat; }

#navigation { right: 0; top: 0; text-align: right; }
#navigation li { display: inline; margin: 0 6px 0 0; }
#navigation li a { border-right: 1px solid black; padding: 0 6px 0 0; letter-spacing: 0.75px; font-size: 0.6857em; }
#navigation li a#menu_default { border: none; padding: 0; margin: 0 -6px 0 0; }
#navigation li a.active { color: #009ee0; text-decoration: underline; }

.language-switcher { position: absolute; right: 0; top: 80px; height: 9px; }
.language-switcher li { display: inline; width: 21px; height: 27px; font-size: 0.6875em; }
.language-switcher li span { float: left; display: block; width: 21px; height: 21px; background: url('../img/sprite-lng-switcher.gif') left top no-repeat; text-indent: -5000px; }
.language-switcher li a:hover span,
.language-switcher li.l10n_current span { height: 27px; }
.language-switcher li.fr span { background-position: left top; }
.language-switcher li.sv span { background-position: -21px top; }
.language-switcher li.en span { background-position: -42px top; }

/* content */
#content  { position: absolute; z-index: 1; top: 123px; }
#left-column { float: left; width: 640px; margin: 0 10px 0 0; overflow: hidden; }
#one-column-full { float: left; width: 812px; margin: 0 10px 0 0; overflow: hidden; }
#right-column { float: right; width: 157px; }

/* article */
.article { margin: 3px 0 40px 0; overflow: hidden; }
#article-ice { margin: 1em 0 0 0; }
.article img { margin: 0 0 5px 0; }
.article h1 { font-size: 2.25em; margin: 0 0 0.6em 0; }
.article h1 a { color: #000; text-decoration: none; }
.article h1 a:hover { text-decoration: underline; }
.article h1 span { color: #939393; }
.article h2 { color: #939393; margin: -0.75em 0 0.7em 0; font-size: 1.1875em; line-height: 1.2em; }
.article h2.inside { margin: 0.75em 0 0.7em 0; }
.article h2.inside-right { margin: 0.75em 0 0.7em 0; text-align: right; }
.article h3 { color: #000; font-weight: bold; margin: 0 0 6px 0; font-size: 0.6875em; line-height: 1.55em; }
.article p { font-size: 11px; color: #000; text-align: justify; }
.article p.separator { margin-bottom: 2em; padding-bottom: 2em; background: url("../img/separator.gif") bottom left no-repeat; }
.article p.signature { margin-top: -1em; text-align: right; font-style: italic; }
.article p.mentions { margin-top: 1em; font-size: 0.625em; color: #666; font-style: italic; }
.article p strong { font-weight: bold; }
.article p.first { margin-top: 25px; }

.article ul { color: #000; font-size: 0.6875em; line-height: 16px; margin: 0 0 20px 0; list-style: disc outside; padding: 0 0 0 14px; }
.article ul li { margin: 0 0 3px 0; }
.article ul.image-list { overflow: hidden; color: #000; font-size: 0.6875em; line-height: 16px; margin: 0 0 20px 0; padding: 0 0 15px; list-style: none; background: url("../img/separator.gif") bottom left no-repeat; }
.article ul.image-list li { float: left; margin: 0 9px 10px 0; padding: 0; }
.article ul.image-list li .image-with-legend { clear: left; }
.article ul.image-list li .image-with-legend .legend { clear: left; width: 108px; text-align: left; font-size: 1em; }
.article div.modified { font-size: 0.625em; margin: -1em 0 0 0; padding: 4px; background-color: #ffed00; float: left; }
.article a { color: #009ee1; text-decoration: underline; }
.article a:hover { text-decoration: none; }

.article img.ice { float: left; margin: 1.4em 1.6em 1em 0; }
.article div.image-with-legend { float: left; overflow: hidden; position: relative; margin-bottom: 1em; }
.article div.image-with-legend img { overflow: hidden; }
.article div.image-with-legend .legend { margin-top: -0.25em; font-size: 0.625em; font-style: italic; line-height: 1.5em; text-align: right; color: #666; }

.article-image { width: 207px; margin: 0 20px 0 0; float: left; }
.article-image .article-side-image { margin: 0 0 10px 0; }
.article-image .article-side-image p { background: #000; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; text-align: center; color: #FFF; line-height: 12px; margin-top: -18px; color: #FFF; padding: 3px 0; }
.article-image .article-side-image p a { color: #FFF; }
.article-image ul.sub-menu { margin-top: 0.1em; font-size: 0.6875em; }
.article-image ul.sub-menu li { margin-bottom: 0.7em; }
.article-image ul.sub-menu .title { margin-bottom: 0.5em; font-family: "Times New Roman", Georgia; font-size: 1.5em; }
.article-image ul.sub-menu li a { text-decoration: underline; }
.article-image ul.sub-menu li a.current { color: #e2007a; text-decoration: underline; }

/* Article navigation */
#article-navigation { border-top: 1px solid #CCC; width: 644px; text-align: right; padding: 6px 0 0 0; font-size: 0.6875em; width: 100%; }
#article-navigation li { }
#article-navigation li a { color: #666; }
#article-navigation li.older { float: left; width: 50%; text-align: left; }
#article-navigation li.newer { float: right; width: 50%; text-align: right; }
#article-navigation li.older a { padding: 0 0 0 10px; }
#article-navigation li.newer a { padding: 0 10px 0 0; }

/* Content for Home */
#main-bloc { width: 811px; height: 357px; margin: 0 0 11px 0; position: relative; }
#main-bloc img { position: absolute; top: 0; left: 0; z-index: 1; }
#main-bloc div { position: absolute; z-index: 2; padding: 7px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background-color: #CCC; }
#main-bloc div.left { width: 300px; bottom: 20px; left: 20px; }
#main-bloc div.right { width: 300px; bottom: 20px; right: 20px; }
#main-bloc div h2 { color: #000; margin: 0 0 10px 0; font-size: 2.25em; font-family: "Times New Roman", Georgia; font-size: 2.25em; font-weight: normal; font-style: italic; margin-bottom: 0.375em; }
#main-bloc div h2 a { text-decoration: none; color: #000; }
#main-bloc div p { color: #000; margin: 0 0 10px 0; }
#main-bloc div a.more { color: #000; text-decoration: none; font-size: 0.6875em; }
#main-bloc div a.more:hover { text-decoration: underline; }
#main-bloc div a span { color: #000; }
/*#main-bloc div a span { color: #ffed00; }*/

#home-slideshow { float: left; margin: 0 10px 0 0; width: 378px; height: 242px; overflow: hidden; }
#home-slideshow img { padding: 0px; width: 378px; height: 242px; top: 0; left: 0; } 

#news-list { float: left; margin: 0 10px 10px 0; width: 256px; height:auto ; background-color: #000; overflow: hidden; }
#news-list h3 { margin: 10px 14px 11px 13px; font-family: "Times New Roman", Georgia; font-size: 1.5625em; font-weight: normal; font-style: italic; letter-spacing: 0.05em; }
#news-list h3 a { color: #FFF; }
#news-list ul { margin: 0 13px 10px 13px; font-size: 0.6875em; }
#news-list ul li { margin: 0 0 5px 0; padding: 0 0 10px 0; background: url("../img/bg-news-list.gif") bottom left repeat-x; line-height: 15px; color: #FFF; overflow: hidden; }
#news-list ul li.last { margin: 0; padding: 0; background: none; }
#news-list ul li span { float: left; display: block; background: url("../img/news-list-sep.gif") right 2px no-repeat; padding: 0 12px 0 0; margin: 0 3px 0 0; color: #FFF; width: 34px; }
#news-list ul li a { float: left; color: #FFF; width: 177px; }

#introduction { float: left; width: 811px; margin: 10px 0 0 0; }
#introduction h2 { color: #d5d5d5; margin: 0 0 20px 0; font-family: "Times New Roman", Georgia; font-size: 2.25em; font-weight: normal; font-style: italic; }
#introduction div { float: left; width: 255px; margin: 0 12px 0 0; padding: 0 10px 0 0; border-right: 1px solid #d5d5d5; }
#introduction div.last { margin: 0; padding: 0; border: none; }
#introduction div p { color: #5f6062; margin-bottom: 10px; }

/**********************************************/
/* Content for ICE Presente                   */
/* List page                                  */
#left-column.ice-presente { width: 654px; margin-right: 0px; }
.projects-artists { float: left; position: relative; margin: 0; }
.projects-artists a { width: 122px; height: 122px; margin: 0 10px 10px 0; float: left; }
#left-column.ice-presente .projects-artists a { width: 208px; height: 208px; margin: 0 10px 10px 0; float: left; }
.projects-artists h2 { font-family: Verdana, Arial; font-size: 10px; font-style: normal; position: absolute; left: 0; bottom: 12px; margin: 0; padding: 5px 6px; background: #000; width: 110px; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; text-align: center; color: #FFF; line-height: 12px; }
#left-column.ice-presente .projects-artists h2 { width: 196px; bottom: 10px; }

#projects-artists-sticky { position: relative; width: 644px; height: 353px; margin: 0 10px 10px 0; }
#projects-artists-sticky img { position: absolute; top: 0; left: 0; z-index: 1; }
#projects-artists-sticky .excerpt { left: 0; z-index: 2; position: absolute; }
#projects-artists-sticky .excerpt h2 { font-size: 2.25em; margin: 0 0 0.5em 0; color: #000; }
#projects-artists-sticky .excerpt h2 a { color: #FFF; }
#projects-artists-sticky .excerpt p { color: #FFF; }
#projects-artists-sticky .excerpt a.know-more { color: #FFF; text-decoration: underline; float: left; font-size: 0.6875em; }
/*#projects-artists-sticky .excerpt a.know-more span { color: #e3007a; }*/

#projects-artists-sticky.short .excerpt { width: 180px; }
#projects-artists-sticky.medium .excerpt { width: 230px; }
#projects-artists-sticky.large .excerpt { width: 300px; }
#projects-artists-sticky.right .excerpt { left: 306px; top: 30px; }
#projects-artists-sticky.left .excerpt { left: 15px; bottom: 30px; }
/*
#projects-artists-sticky.white .excerpt { color: #FFF; }
#projects-artists-sticky.black .excerpt { color: #333; }
#projects-artists-sticky.white .excerpt h2 a { color: #FFF; }
#projects-artists-sticky.black .excerpt h2 a { color: #333; }
#projects-artists-sticky.black .excerpt a.know-more { color: #000; }
#projects-artists-sticky.white .excerpt a.know-more { color: #FFF; }

*//* Detail page                                */

/* Press page                                 */
.press-line { width: 650px; overflow: hidden; }
.press-line .copyright { clear:left; font-style: italic; font-size: 0.625em; }
.press-line h1 { margin: 20px 0 8px 0; font-size: 25px; color: #00aee9; }

/* Partner page                               */
.partner-gallery li { float: left; margin: 0 5px 5px 0; }
.partner-item { overflow: hidden; margin-bottom: 10px; }
.partner-item img { float: left; margin-right: 10px; }
.partner-item div { float: left; width: 496px; padding-top: 2px; }
.partner-item div p { line-height: 1.125em; color: #666666; }
.partner-item div p strong { font-weight: bold; }
.partner-item div p a { color: #666666; }

/**********************************************/
/* Right columns blocks                       */
.block { float: left; width: 157px; margin: 0 0 10px 0; }
.block h3 { font-family: "Times New Roman", Georgia; font-size: 1.5625em; font-weight: normal; font-style: italic; color: #FFF; margin: 10px 11px 6px 11px; letter-spacing: 0.05em; }
.block p { color: #FFF; margin-top: 7px; padding: 0 10px 0 10px; }

#block-ice-presents { background-color: #B2B2B2; }

#block-newsletter { background-color: #999; }
#block-newsletter p { margin-bottom: 5px; }
#block-newsletter form { padding: 0 10px; }
#block-newsletter form label { color: #FFF; font-weight: bold; margin: 0 0 -8px 0; display: block; font-size: 0.6785em; }
#block-newsletter form input { width: 130px; margin: 0 0 7px 0; }
#block-newsletter form input.zemSubmit { width: auto;  }

#block-contact { height: 148px; background-color: #009ee1; }
#default #block-contact { height: 110px; }
#block-contact p { color: #FFF; margin-top: 7px; padding: 0 10px 0 10px; }
#block-contact a { color: #ffed00; }

/*#block-ice-consulting { height: 84px; background-color: #e3007a; }*/
#block-ice-consulting { background-color: #e3007a; }
#block-ice-consulting h3 { margin-top: 7px; }
#block-ice-consulting p { color: #FFF; padding: 0 10px 0 10px; line-height: 15px; }
#block-ice-consulting p a { color: #FFF; }

/**********************************************/
/* Footer                                     */
#footer { float: right; margin: 30px 0 25px 0; width: 811px; text-align: right; }
#footer ul li { display: inline; border-right: 1px solid #333; padding-right: 8px; margin-right: 3px; line-height: 9px; font-size: 9px; }
#footer ul li.legals { border-right: none; }
#footer ul li.design { margin-left: 20px; border-right: none; }
#footer a strong { font-weight: bold; }