/* CSS */ body { font-size:11px; color:#000; font-family:"Square Sans Pro Regular", Calibri, 'Trebuchet MS', sans-serif; font-size-adjust:0.495; font-weight:normal; font-style:normal; } img{ border:none; outline:none; } a:link {color:#fff; text-decoration: none;} a:visited {color:#fff; text-decoration: none;} a:active {color:#fff; text-decoration: none;} a:hover {color:#000; text-decoration: none;} a:focus {outline:none; text-decoration: none;} #map_overlay{ margin:0; padding:0; position:absolute; z-index:2; } #map_canvas{ width:100%; height:100%; position:absolute; z-index:1; } #map_logo{ position:fixed; right:50px; top:50px; } #map_pictos{ position:absolute; left:50px; top:50px; width:144px; } #picto1{ position:relative; top:0px; } #picto2{ position:relative; top:44px; margin-top:-45px; } #picto3{ position:relative; top:90px; margin-top:-45px; } #picto4{ position:relative; top:148px; margin-top:-45px; } #picto5{ position:relative; top:188px; margin-top:-45px; } #picto6{ position:relative; top:236px; margin-top:-45px; } #picto7{ position:relative; top:271px; margin-top:-45px; } #picto8{ position:relative; top:326px; margin-top:-45px; } #picto9{ position:relative; top:370px; margin-top:-45px; } #picto10{ position:relative; top:422px; margin-top:-45px; } #map_age_bar{ width:100%; height:20px; bottom:80px; position:fixed; text-align:center; float:left; } #age1{ display:inline-block; width:710px; } #age_nav{ float:left; position:relative; font-size:13px; color:#fff; } #bar1{ float:left; } #age_nav1{ position:absolute; top:11px; left:45px; float:left; } #age_nav2{ position:absolute; top:11px; left:155px; width:120px; float:left; } #age_nav3{ position:absolute; top:11px; left:305px; float:left; } #age_nav4{ position:absolute; top:11px; left:440px; float:left; } #age_nav5{ position:absolute; top:11px; left:580px; float:left; } .nav{ list-style:none; margin:0 0 1.5em 0; font-size:13px; color:#fff; } .nav li{ display:inline; padding-right:20px; } .nav a{ display:inline-block; } .transparent{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";       filter: alpha(opacity=70);    -moz-opacity:0.7;  -khtml-opacity: 0.7;      opacity: 0.7; zoom: 1; } #tooltip1{ display:none; top:-330px; left:10px; position:absolute; width:140px; height:350px; text-align:center; background:#3A4031; z-index:-9999; } #tooltip1_text{ padding:20px; width:60px; height:100px; text-align:left; vertical-align:top; } #footer{ min-width:980px; } #bottom_bar{ width:100%; height:40px; position:fixed; left:0px; bottom:0px; background-color:#E8E9E7; text-align: center; } #bottom_content{ position:relative; left:50%; width:950px; margin-left:-509px; } .bottom_menu{ position:relative; width:947px; height:20px; font-size:14px; color:#fff; text-align:center; vertical-align:middle; } #logo_sm{ position:relative; left:40px; top:8px; float:left; } .bottom_divs{ position:absolute; vertical-align:middle; left:110px; top:-6px; } #bottom_div1{ position:relative; left:0px: top:10px; float:left; } #bottom_div2{ position:relative; left:100px: top:10px; float:left; } #bottom_div3{ position:relative; left:200px: top:10px; float:left; } #bottom_div4{ position:relative; left:300px: top:10px; float:left; } #bottom_div5{ position:relative; left:400px: top:10px; float:left; } #bottom_div6{ position:relative; left:500px: top:10px; float:left; } #bottom_fb{ position:absolute; left:930px; top:12px; } #bottom_tw{ position:absolute; left:960px; top:12px; } a.mybottom_menu:link{ color:#fff; } a.mybottom_menu:hover{ color:#000; } a.mybottom_menu:visited{ color:#000; } a.mybottom_menu:active{ color:#fff; }     .bottom_links{ position:absolute; vertical-align:middle; left:0px; top:5px; } #bottom_menu1{ position:relative; top:14px; left:77px; width:100px; float:left; } #bottom_menu2{ position:relative; top:14px; left:110px; width:100px; float:left; } #bottom_menu3{ position:relative; top:14px; left:143px; width:100px; float:left; } #bottom_menu4{ position:relative; top:14px; left:176px; width:100px; float:left; } #bottom_menu5{ position:relative; top:10px; left:210px; width:100px; line-height:95%; float:left; } #bottom_menu6{ position:relative; top:14px; left:243px; width:100px; float:left; } #map_in{ top:0px; left:0px; width:100%; height:100%; z-index:30; position:absolute; display:none; background-image: url('../img/map_in_bg.jpg'); background-position: top left; background-repeat:repeat-x; overflow-y:scroll; } #map_in_in{ display:inline-block; position:relative; width:800px; top:100px; left:50%; margin-left:-400px; z-index:40; } #x_btn_map{ float:left; top:20px; left:20px; padding-right:5px; } #dotted_line1{ float:left; position:relative; width:3px; height:495px; padding-right:10px; } #dotted_line2{ position:absolute; left:488px; width:3px; height:495px; padding-left:10px; } #dotted_line3{ position:absolute; left:770px; width:3px; height:495px; padding-left:10px; } #xl_picture{ float:left; position:relative; width:450px; height:auto; padding-bottom:5px; } #text_boxes{ position:relative; float:left; width: 450px; height:auto; font-size:13px; padding-top:5px; padding-bottom:5px; } #photogallery{ float:left; position:relative; width:450px; height:auto; padding-top:5px; padding-bottom:5px; left:0px; margin-left:-1.5px; } #map_main_text{ position:absolute; left:510px; top:80px; font-size:14px; width:260px; text-align:left; } #text_photo{ float:left; position:relative; width:450px; padding-bottom:5px; } #text_type{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } #text_location{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } #text_year{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } #text_sponsor{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } #text_engineer{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } #text_history{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } #text_use{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } #text_blank{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } .sm_photo{ padding:1.5px; float:left; } #comments{ float:left; position:relative; width:450px; padding-top:5px; padding-bottom:5px; } #commentum_user{ position:relative; float:left; width:450px; font-weight:bold; padding-top:5px; padding-bottom:5px; margin-left:40px; } #commentum{ position:relative; float:left; width:450px; font-style:italic; padding-top:5px; padding-bottom:5px; margin-left:40px; } #comments_header{ position:relative; float:left; width:450px; height:auto; font-size:14px; font-weight:bold; padding-top:5px; padding-bottom:5px; margin-left:40px; } #comments_div{ position:relative; float:left; margin-top:4px; margin-bottom:4px; padding-top:5px; padding-bottom:5px; height:3px; background-image: url('../img/comments_div.png'); background-position: top left; background-repeat:none; } #texts_div{ position:relative; float:left; padding-top:1px; padding-bottom:1px; width:450px; background-image: url('../img/comments_div.png'); background-position: top left; background-repeat:none; height:1px; } input[type=text] { border: 1px dotted #cccccc; width:450px; } #comment_name{ float:left; position:relative; margin-left:40px; width:450px; height:12px; padding-top:5px; padding-bottom:5px; } #comment_email{ float:left; position:relative; margin-top:15px; margin-left:40px; width:450px; height:12px; padding-top:5px; padding-bottom:5px; } #comment_msgbox{ position:relative; float:left; width:450px; padding-top:5px; padding-bottom:5px; margin-left:40px; margin-top:15px; } #comment_textarea{ float:left; position:relative; width:450px; } #comment_info{ float:left; width:450px; position:relative; padding-top:5px; padding-bottom:5px; margin-left:40px; } textarea{ border: 1px dotted #cccccc; width:450px; height:100px; overflow:auto; float:left; position:relative; } #submit_comment{ position:relative; width:450px; padding-top:5px; padding-bottom:5px; float:left; margin-left:437px; } .comment_button { border: none; background-color:#E4E4E0; color:#000; } #header_text1{ position:absolute; left:510px; top:0px; font-size:26px; width:240px; line-height:99%; } .text_box_pad{ /*padding-left:5px;*/ } /*///////////// MAIN /////////////////*/ #mega_menu{ top:0px; left:0px; width:100%; height:100%; position:absolute; background-color:#F7F7F3; text-align:center; } #mega_menu_in{ display:inline-block; position:relative; width:800px; height:600px; top:50%; margin-top:-300px; text-align:center; } #menu_menu{ position:absolute; top:100px; left:0px; } #mega_intro{ top:0px; left:0px; width:100%; height:100%; position:absolute; overflow-y:hidden; background-color:#000; text-align:center; } #intro_menu_in{ display:inline-block; position:relative; width:1024px; height:600px; top:50%; margin-top:-400px; text-align:center; } #intro_slogan{ display:inline-block; position:relative; width:700px; height:600px; top:50%; text-align:center; } .clear{ display: block; } #intro_logo{ position:absolute; top:4%; left:4%; } .par1{ display:block; position:fixed; top:50%; left:50%; margin-top:-291.5px; margin-left:-252.5px; z-index:3; } .par2{ display:block; position:fixed; top:50%; left:50%; margin-top:-147px; margin-left:-326px; z-index:2; } .par3{ display:block; position:fixed; top:50%; left:50%; margin-top:-180.5px; margin-left:-406px; z-index:1; } .menu_div{ padding-left:15px; padding-right:15px; } #monument_img{ position:fixed; left:50%; bottom:20px; width:196px; height:170px; margin-left:-98px; } .menu_rotate{ font-size:26px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #menu_div1{ position:absolute; top:0; left:0px; } #menu1_menu{ position:absolute; margin-top:-43px; left:90px; } #menu_div2{ position:absolute; top:0; left:265px; } #menu2_menu{ position:absolute; margin-top:-10px; left:300px; } #menu_div3{ position:absolute; top:0; left:370px; } #menu3_menu{ position:absolute; margin-top:-10px; left:403px; } #menu_div4{ position:absolute; top:0; left:475px; } #menu4_menu{ position:absolute; margin-top:-10px; left:510px; } #menu4_menu_text{ position:absolute; top:100px; left:507px; } #menu_div5{ position:absolute; top:0; left:580px; } #menu5_menu{ position:absolute; margin-top:-10px; left:612px; } #menu_div6{ position:absolute; top:0; left:685px; } #menu6_menu{ position:absolute; margin-top:-10px; left:717px; } #menu_div7{ position:absolute; top:0; left:790px; } #birdy{ position:fixed; bottom:42px; left:-250px; } .popup_maps{ position:absolute; width:100%; height:100%; top:0; left:0; } #popup_map1{ width:700px; height:500px; color:#fff; background-color:#b20028; margin-top:-550px; margin-left:10px; text-align:left; position:relative; z-index:10; filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; opacity: 0.8; } #popup_map2{ display:none; width:700px; height:500px; color:#fff; background-color:#604282; margin-top:-550px; margin-left:10px; text-align:left; position:relative; z-index:10; filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; opacity: 0.8; } #popup_map3{ display:none; width:700px; height:500px; color:#fff; background-color:#467c9c; margin-top:-550px; margin-left:10px; text-align:left; position:relative; z-index:10; filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; opacity: 0.8; } #popup_map4{ display:none; width:700px; height:500px; color:#000; background-color:#eacc68; margin-top:-550px; margin-left:10px; text-align:left; position:relative; z-index:10; filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; opacity: 0.8; } #popup_map5{ display:none; width:700px; height:500px; color:#fff; background-color:#cc5f4a; margin-top:-550px; margin-left:10px; text-align:left; position:relative; z-index:10; filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; opacity: 0.8; } #popup_map6{ display:none; width:700px; height:500px; color:#fff; background-color:#55976e; margin-top:-550px; margin-left:10px; text-align:left; position:relative; z-index:10; filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; opacity: 0.8; } .popup_text{ padding-top:5px; padding-left:25px; padding-right:25px; padding-bottoms:25px; font-size:14px; } .popup_close{ position:absolute; top:15px; right:15px; font-size:16px; } #bottom_index_bar{ position:fixed; bottom:0; left:0; width:100%; height:45px; color:#2b2b2b; background-color:#e8e8e8; text-align:center; display: table; } #bottom_index_bar_in{ position:relative; left:50%; width:720px; height:45px; margin-left:-300px; } .lang_index_in{ position:absolute; display:table-cell; vertical-align:middle; top:50%; text-align:center; left:50%; margin-left:-5px; margin-top:-5px; font-size:13px; } a.lang_index_l:link{ color:#000; } a.lang_index_l:hover{ color:#8c8c8c; } a.lang_index_l:active{ color:#000; } a.lang_index_l:visited{ color:#000; } #lang_index1{ position:relative; float:left; left:0px; width:120px; height:45px; background-color:#f7f7f7; } #lang_index2{ position:relative; float:left; width:120px; height:45px; } #lang_index3{ position:relative; float:left; width:120px; height:45px; background-color:#f7f7f7; } #lang_index4{ position:relative; float:left; width:120px; height:45px; } #lang_index5{ position:relative; float:left; width:120px; height:45px; background-color:#f7f7f7; } #lang_index6{ position:relative; float:left; width:120px; height:45px; }