@charset "iso-8859-1";
html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
font-family : Arial, Helvetica;
font-size: 8pt;
height: 100%;
}
input, textarea {
font-family : Arial, Helvetica;
font-size: 9pt;
}
img {
border: none;
}
a:link, a:visited {
text-decoration: underline;
color: #333;
}
a:hover {
text-decoration: none;
color: #c00;
}
ul {
margin: 0px;
padding: 0px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
li {
padding: 0px;
margin-top: 4px;
margin-left: 10px;
}
#supercontainer {
margin: 0px;
margin-top: -5px;
width: 100%;
height: 643px;
text-align: center;
}
#container {
margin: 0px auto;
width: 1000px;
height: 100%;
border: #fff 1px solid;
background: url('../images/bg_main.gif') no-repeat;
text-align: left;
}
#language, #language.language_english {
position: relative;
top: 23px;
left: 24px;
width: 95px;
height: 11px;
background: url('../images/language_en.gif') no-repeat;
cursor: pointer;
}
#language.language_french {
position: relative;
top: 23px;
left: 22px;
width: 95px;
height: 11px;
background: url('../images/language_fr.gif') no-repeat;
cursor: pointer;
}
#loader {
position: relative;
float: left;
left: 7px;
top: 59px;
width: 37px;
height: 37px;
background: url('../images/bg_loader.gif') no-repeat;
visibility: hidden;
}
#loader_indicator {
margin-left: 2px;
margin-top: 3px;
width: 32px;
height: 32px;
background: url('../images/loader_3.gif') no-repeat;
}
#marker {
display: none;
}
/*
#supercontainer {
position: absolute;
z-index: 1;
margin: 0px auto;
padding: 0px;
width: 1000px;
height: 658px;
left: 50%;
top: 0px;
margin: 0px 0px 0px -500px;
text-align: left;
background: url('../images/bg_main.gif') no-repeat;
overflow: hidden;
}
#container {
width: 100%;
height: 638px;
border: #fff 1px solid;
}
*/
#newsletter {
float: right;
width: 200px;
height: 15px;
margin-top: 48px;
}
#newsletter_title {
margin-top: 5px;
margin-bottom: 10px;
color: #c8c8c8;
font-weight: bold;
}
#newsletter input {
float: left;
width: 145px;
height: 11px;
font-size: 7pt;
border: none;
padding: 0px;
padding-top: -4px;
padding-left: 2px;
}
div#newsletter_button {
float: left;
margin-left: 3px;
width: 11px;
height: 11px;
background-color: #e1e1e1;
cursor: pointer;
}
input#newsletter_button {
margin-left: 3px;
width: 11px;
height: 11px;
background: url('../images/newsletter_button.gif');
cursor: pointer;
}
#main {
margin-top: 0px;
margin-left: 90px;
width: 910px;
height: 570px;
text-align: left;
}
#footer {
margin-top: -8px;
font-size: 8pt;
color: #ccc;
width: 98%;
text-align: center;
}
#footer a:link, #footer a:visited {
color: #ccc;
text-decoration: none;
}
#footer a:hover {
color: #cc0000;
text-decoration: none;
}
#selected_menu {
position: absolute;
z-index: 10;
top: 2px;
left: 70px;
width: 126px;
height: 74px;
background: url('../images/bg_menu.jpg') no-repeat;
}
#menu {
margin-top: 47px;
margin-left: 0px;
padding: 0px;
text-align: left;
width: 710px;
height: 15px;
z-index: 1000;
letter-spacing: 0.05em;
}
#menu a:link, #menu a:visited {
float: left;
font-weight: bold;
color: #fff;
margin-right: 15px;
text-decoration: none;
}
#menu a:hover {
float: left;
font-weight: bold;
color: #e50c27;
margin-right: 15px;
text-decoration: none;
}
#menu_cnt a.selected {
float: left;
font-weight: bold;
color: #e50c27;
margin-right: 15px;
text-decoration: none;
}
#m_fb {
margin-right: 10px !important;
}
#content {
width: 100%;
height: 515px;
}
#content_photos, #content_video {
margin-top: 22px;
width: 100%;
height: 462px;
text-align: left;
}
#content_contact {
margin-top: 42px;
width: 100%;
height: 462px;
text-align: left;
}
#content_projects {
margin-top: 40px;
margin-left: 30px;
width: 800px;
height: 462px;
text-align: left;
}
#content_projects div {
float: left;
margin: 25px;
width: 200px;
text-align: center;
}
#content_projects span {
padding: 5px;
font-size: 9pt;
font-weight: bold;
color: #666;
visibility: visible;
}
#content_projects a {
text-decoration: none;
}
#content_projects img {
border: #fff 1px solid;
margin-bottom: 7px;
}
#content_jr, #content_press {
margin-top: 42px;
width: 100%;
height: 435px;
text-align: left;
}
#content_jr {
margin-top: 0px;
}
#content_videos {
margin-top: 42px;
width: 100%;
height: 390px;
text-align: left;
}
div.nav_video {
float: left;
cursor: pointer;
border: #fff 1px solid;
margin-right: 3px;
width: 130px;
height: 88px;
background-color: #000;
text-align: center;
vertical-align: middle;
}
#content_jr {
color: #333;
}
#photo {
float: left;
width: 693px;
height: 462px;
text-align: center;
}
#video {
float: left;
width: 693px;
height: 262px;
text-align: center;
}
#photo_date, #video_date {
color: #97989a;
}
#photo_description, #video_description {
color: #333;
}
#main_photo_fade {
position: absolute;
/*
width: 693px;
height: 462px;
*/
z-index: 15;
display: none;
border: #fff 1px solid;
}
#desc {
float: left;
width: 180px;
overflow: hidden;
margin-left: 10px;
line-height: 15px;
}
#desc p {
margin-top: 0px;
margin-bottom: 8px;
font-weight: bold;
color: #e4001c;
}
#content_nav {
margin-top: 11px;
width: 780px;
height: 48px;
}
#content_nav_press {
position: relative;
margin-top: 11px;
margin-left: 30px;
width: 780px;
height: 48px;
}
#nav_link {
position: absolute;
top: 14px;
right: -71px;
font-size: 13px;
color: #333;
}
#submenu {
position: absolute;
z-index: 300;
left: 0px;
top: 0px;
width: 330px;
background: url('../images/menu_top_left.jpg') no-repeat;
background-color: #f6f6f6;
display: none;
overflow: hidden;
}
#submenu_top {
position: relative;
float: right;
right: -1px;
width: 100%;
height: 31px;
background: url('../images/menu_top_right.jpg') no-repeat;
background-position: right bottom;
}
#submenu_cnt {
float: left;
width: 100%;
padding-left: 15px;
color: #7f7f81;
}
#submenu_cnt p {
margin: 0px;
margin-bottom: 5px;
font-weight: bold;
white-space: nowrap;
}
#submenu_bottom {
float: left;
width: 100%;
height: 21px;
background: url('../images/menu_bottom.jpg') no-repeat;
}
div.submenu_cnt {
float: left;
margin-right: 40px;
}
p.subtitle {
color: #58585a;
font-weight: bold;
}
a.submenu_link:link, a.submenu_link:visited {
color: #7f7f81;
text-decoration: none;
}
a.submenu_link:hover {
color: #cc0000;
text-decoration: none;
}
div.subsubmenu { display: block; }
div.subsubmenu a.submenu_link { display: block; padding-left: 15px; line-height: 16px; width: 100%; }
#nav_left {
cursor: pointer;
float: left;
z-index: 3;
width: 14px;
height: 44px;
background: url('../images/nav_left.jpg') no-repeat;
background-position: 100% 3px;
}
#nav_right {
cursor: pointer;
float: left;
z-index: 3;
width: 14px;
height: 44px;
margin-left: 3px;
background: url('../images/nav_right.jpg') no-repeat;
background-position: 100% 3px;
}
div.nav_photo {
float: left;
cursor: pointer;
border: #fff 1px solid;
margin-right: 3px;
width: 65px;
height: 44px;
background-color: #000;
text-align: center;
vertical-align: middle;
}
div.nav_photo:hover {
float: left;
cursor: pointer;
border: #c00 1px solid;
margin-right: 3px;
width: 65px;
height: 44px;
background-color: #000;
text-align: center;
vertical-align: middle;
}
img.nav_photo {
cursor: pointer;
border: transparent 1px solid;
}
img.nav_photo:hover {
cursor: pointer;
border: #c00 1px solid;
}
#buzzimage {
cursor: pointer;
}
#nav_photos_container {
float: left;
overflow: hidden;
width: 697px;
height: 46px;
}
#nav_videos_container {
float: left;
overflow: hidden;
width: 697px;
height: 95px;
}
#nav_photos_jr_container {
float: left;
overflow: hidden;
width: 697px;
height: 65px;
}
#nav_press_container {
float: left;
overflow: hidden;
width: 627px;
height: 65px;
}
#nav_photos_content, #nav_videos_content {
position: relative;
left: 0px;
top: 0px;
width: 10000px;
}
/*
#event {
position: relative;
float: left;
left: 775px;
top: 277px;
width: 146px;
height: 62px;
display: none;
}
*/
#event {
position: absolute;
margin: 277px 0px 0px 810px;
width: 146px;
height: 62px;
}
#buzz {
position: absolute;
margin: 515px 0px 0px 875px;
width: 75px;
height: 60px;
color: #97989a;
}
/*
#buzz {
position: relative;
float: left;
left: 845px;
top: 515px;
width: 75px;
height: 60px;
color: #97989a;
}
*/
#main_photo, #main_video {
position: relative;
z-index: 10;
border: #fff 1px solid;
}
#contact_form span {
color: #999;
}
#contact_form div {
margin-top: 3px;
margin-bottom: 8px;
}
#contact_form input {
border: #ccc 1px solid;
height: 19px;
padding-left: 2px;
}
#contact_form textarea {
border: #ccc 1px solid;
width: 350px;
height: 150px;
}
#f_submit {
border: #999 1px solid;
background-color: #eee;
color: #cc0000;
-moz-border-radius: 5px;
height: 22px;
width: 70px;
font-size: 9pt;
font-weight: bold;
padding: 0px;
padding-bottom: 4px;
}
#jr_collapse {
float: left;
padding: 5px;
margin-left: 5px;
margin-top: 4px;
background: url('../images/arrow_down_grey.gif') no-repeat;
cursor: pointer;
display: none;
}
#jr_who_is {
font-size: 11px;
margin-top: 5px;
margin-bottom: 40px;
text-align: justify;
}
#jr_who_is p {
margin-bottom: 10px;
}
#jr_description {
margin-top: 15px;
display: none;
}
#jr_photo {
float: left;
width: 255px;
height: 410px;
margin-top: 30px;
}
#jr_photo img {
border: #fff 1px solid;
}
#jr_desc {
float: left;
width: 580px;
margin: 25px 0px 30px 10px;
height: 460px;
overflow: auto;
padding: 10px 20px 0px 0px;
}
#jr_date {
width: 100%;
height: 40px;
}
#jr_date div {
float: left;
}
#date_prev {
width: 17px;
height: 25px;
background: url('../images/nav_left.jpg') no-repeat;
background-position: 100% -10px;
margin-right: 5px;
cursor: pointer;
}
#date_next {
width: 17px;
height: 25px;
background: url('../images/nav_right.jpg') no-repeat;
background-position: 100% -10px;
margin-left: 5px;
cursor: pointer;
}
#last_date, #first_date {
display: none;
}
#exhi_details {
margin: -17px 0px 0px 0px;
}
#exhi_details li {
margin-left: 30px;
}
#content_press {
margin-top: 15px;
margin-left: 75px;
width: 800px;
height: 460px;
}
#nav_press_left {
cursor: pointer;
float: left;
z-index: 3;
width: 40px;
height: 432px;
background: url('../images/nav_press_left.jpg') no-repeat;
background-position: 100% 188px;
display: none;
}
#nav_press_right {
cursor: pointer;
float: left;
z-index: 3;
width: 40px;
height: 432px;
background: url('../images/nav_press_right.jpg') no-repeat;
background-position: 100% 188px;
display: none;
}
#content_press_container {
float: left;
overflow: hidden;
margin: 0px auto;
text-align: center;
width: 525px;
height: 460px;
}
#content_press_photos {
position: relative;
left: 0px;
top: 0px;
width: 3300px;
height: 460px;
}
#content_press div.release {
float: left;
width: 164px;
height: 216px;
margin: 5px;
}
#content_press img {
border: #fff 1px solid;
}
#content_press div.release span {
display: none;
}
#exhi_details a,
#exhi_details a:visited { color: #cc0000; text-decoration: none; }
#exhi_details a:hover { color: #cc0000; text-decoration: underline; }
#jr_date_desc { height: 300px; overflow: auto; padding-right: 10px; }