/* 2009 - www.marjorieLAZARO.com */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { background-color: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 35px; text-align: center }

h1 { display: none }
h2 { font-size: 19px }
h3 { font-size: 14px; color: #fff }
p, ul { text-align: left }

.ico { position: relative; top: 3px }

a img { border: 0 }
a:focus { border: 0 }
.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.sep { height: 15px }
.wrapper { width: 1000px; margin: 0 auto }


.header { width: 1000px; text-align: center; margin: 0 auto }
.header img { margin: 0 15px 0 0; position: relative; top: 10px }
.header a:link, .header a:visited, .header a:active { color: #abc7d8; text-decoration: none; margin-right: 15px }
.header ul li a:link { color: #abc7d8; text-decoration: none }
.header a:hover { color: #fff; background-color: #cf4266; text-decoration: none }

.col-01, .col-02, .col-03, .col-04 { float: left; width: 200px; height: 625px; padding: 0 24px; border-left: 1px dotted #fff }
/* hack IE6 */ 
*html .col-01 { width: 230px; padding: 0 15px }
*html .col-02 { width: 230px; padding: 0 15px }
*html .col-03 { width: 230px; padding: 0 15px }
*html .col-04 { width: 230px; padding: 0 15px }
/* hack IE7 */ 
*:first-child+html .col-01 { width: 230px; padding: 0 15px }
*:first-child+html .col-02 { width: 230px; padding: 0 15px }
*:first-child+html .col-03 { width: 230px; padding: 0 15px }
*:first-child+html .col-04 { width: 230px; padding: 0 15px }

.col-01 .downloads { clear: left; margin-top: 15px; border-top: 1px solid #414141; padding-top: 15px; float: left }
.col-01 .downloads img { margin-right: 10px }
.col-01 .downloads div { text-align: left; width: 80px; font-size: 9px }
.col-01 .downloads div a:link, .col-01 .downloads div a:visited, .col-01 .downloads div a:active { text-decoration: none; color: #fff }
.col-01 .downloads div a:hover { text-decoration: underline }

.col-02 .cinema { margin: 35px auto 20px }
.col-02 h2 a:link, .col-02 h2 a:visited, .col-02 h2 a:active { color: #fff; text-decoration: none }
.col-02 h2 a:hover { color: #b7d2e0; text-decoration: underline }
.col-02 .conferences { border-top: 1px solid #414141; margin-top: 15px; padding-top: 15px }
.col-02 .sites { border-top: 1px solid #414141; margin-top: 10px; padding-top: 15px; text-align: left }
.col-02 .sites img { margin-left: 15px }
.col-02 .sites a { float: left; display: block; width: 120px }

.col-03 .cellVideoArchive { border-top: 1px solid #414141; margin-top: 15px; padding-top: 15px }
.col-03 h4 { text-align: left }
.col-03 h2 { text-align: left; margin-top: 15px }
.col-03 h4 a:link, .col-03 h4 a:visited,.col-03 h4 a:active { color: #fff; text-decoration: none }
.col-03 p a:link, .col-03 p a:visited, .col-03 p a:active { color: #accced; text-decoration: none }
.col-03 h4 a:hover, .col-03 p a:hover { text-decoration: underline }
.col-03 p { margin-top: 5px }

.col-04 { border-right: 1px dotted #fff }
.col-04 .imagina { margin-top: 20px }
.col-04 h2, .col-04 h4 { text-align: left }
.col-04 h2 a:link, .col-04 h2 a:visited,.col-04 h2 a:active { color: #fff; text-decoration: none }
.col-04 h2 a:hover { text-decoration: underline }
.col-04 .imagina ul { padding: 10px 0 0 15px }