/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2008/12/04
 * @link	http://www.agenceici.com/
 *
 */


html, body { width: 100%; height: 100%; font-size: 12px; font-family: Arial, sans-serif; margin: 0; padding: 0; background: url(../images/interface/background.gif); cursor: default; }

a { color: #fff; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

img { border: 0 none; }

.clear { clear: both; }



.container { position: relative; width: 1000px; margin: 0 auto; }

.head { width: 100%; height: 160px; }
.head img { display: block; width: 1000px; height: 160px; background: url(../images/interface/head.png); }


.logo { position: absolute; left: 0; top: 0; width: 1000px; height: 110px; }
.logo span { display: none; }

.menu { position: absolute; left: 0; top: 115px; z-index: 32; }
.menu ul { margin: 0; padding: 0; }
.menu li { margin: 0; padding: 0; list-style: none; }
.menu ul.menu { position: absolute; left: 0; top: 0; width: 1000px; }
.menu ul.menu li { float: left; }
.menu ul.menu li a { display: block; color: #fff; font-size: 13px; padding: 2px 15px 2px 15px; border-left: 1px solid #fff; cursor: pointer; }
.menu ul.menu li.first a { border-left: 0 none; }
.menu ul.menu li.first ul.smenu li a { padding: 5px 20px 5px 10px; } /* fix */
.menu ul.smenu { display: none; position: absolute; top: 25px; margin-left: 10px; background: #ff6500 url(../images/interface/menu-background.gif) repeat-x; }
.menu ul.smenu li { position: relative; float: none; border: 1px solid #fff; border-top: 0 none; padding: 0; }
.menu ul.smenu li a { display: block; position: relative; font-size: 12px; padding: 5px 20px 5px 10px; border: 0 none; white-space: nowrap; }
.menu ul.smenu li a:hover { text-decoration: underline; }
.menu ul.smenu li.first a { padding: 5px 20px 5px 10px; }
.menu a.active { text-decoration: underline; }


table.content { width: 100%; background: #212121 url(../images/interface/content-background.gif) repeat-x; }
table.content tr.thead td,
table.content tr.tfoot td { font-size: 0; }
table.content tr.thead td.corner-top-left,
table.content tr.thead td.corner-top-right,
table.content tr.tfoot td.corner-bottom-left,
table.content tr.tfoot td.corner-bottom-right { display: block; width: 8px; height: 8px; padding: 0; }
table.content tr.tbody td.border-left,
table.content tr.tbody td.border-right { width: 8px; padding: 0; }
table.content tr.thead td.border-top,
table.content tr.tfoot td.border-bottom { width: auto; }
table.content td.content-center div.content { position: relative; color: #fff; }
table.content div.corner-top-left { position: relative; width: 8px; height: 8px; left: 0; top: 0; font-size: 0; background: url(../images/interface/corner-top-left.png); z-index: 32; }
table.content div.corner-top-right { position: relative; width: 8px; height: 8px; right: 0; top: 0; font-size: 0; background: url(../images/interface/corner-top-right.png); z-index: 32; }
table.content div.corner-bottom-left { position: relative; width: 8px; height: 8px; left: 0; bottom: 0; font-size: 0; background: url(../images/interface/corner-bottom-left.png); z-index: 32; }
table.content div.corner-bottom-right { position: relative; width: 8px; height: 8px; right: 0; bottom: 0; font-size: 0; background: url(../images/interface/corner-bottom-right.png); z-index: 32; }


.images-bottom { width: 100%; height: 142px; padding-top: 30px; }
.images-bottom img { display: block; position: absolute; }
.images-bottom a.block { position: relative; display: block; width: 221px; height: 142px; margin-left: 38px; float: left; color: #000; }
.images-bottom a.first { margin-left: 0; }
.images-bottom a:hover { color: #fff; text-decoration: none; }
.images-bottom img.head { width: 221px; height: 34px; left: 0; top: 0; }
.images-bottom img.image { width: 221px; height: 108px; left: 0; top: 34px; }
.images-bottom span.head { position: absolute; left: 0; top: 0; width: 221px; padding-top: 8px; height: 25px; text-align: center; letter-spacing: 2px; font-size: 13px; background: #464646; }
.images-bottom span.corner-top-left { display: block; position: absolute; width: 8px; height: 8px; left: 0; top: 0; font-size: 0; background: url(../images/interface/corner-top-left.png); z-index: 32; }
.images-bottom span.corner-top-right { display: block; position: absolute; width: 8px; height: 8px; left: 213px; top: 0; font-size: 0; background: url(../images/interface/corner-top-right.png); z-index: 32; }
.images-bottom span.corner-bottom-left { display: block; position: absolute; width: 8px; height: 8px; left: 0; bottom: 0; font-size: 0; background: url(../images/interface/corner-bottom-left.png); z-index: 32; }
.images-bottom span.corner-bottom-right { display: block; position: absolute; width: 8px; height: 8px; left: 213px; bottom: 0; font-size: 0; background: url(../images/interface/corner-bottom-right.png); z-index: 32; }


.copy { display: none; }



#page-html { }

#page-index table.content { height: 355px; }
#page-index table.content tr.tbody td.content-center { }
#page-index table.content tr.tbody td.content-center div.content { height: 355px; }
#page-index table.content tr.tbody td.content-center div.scroll-me { margin-left: 540px; height: 355px; overflow: hidden; overflow-y: auto; }

#page-index #images-index { position: absolute; left: -8px; top: -8px; }
#page-index #images-index span { position: absolute; left: 0; top: 0; width: 542px; height: 371px; background: #ff6500 url(../images/interface/content-background.gif) repeat-x; }
#page-index #images-index img { display: block; }

.display-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(null.gif); z-index: 32000; }
.display-image div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; }
.display-image img { position: absolute; display: block; left: 50%; top: 50%; background: #fff; }