/* CSS */ body { background-color:#1F1E21; font-size:11px; color:#6a6a6a; 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;} a.red:link {color:#b20028; text-decoration: none;} a.red:visited {color:#b20028; text-decoration: none;} a.red:active {color:#b20028; text-decoration: none;} a.red:hover {color:#999; text-decoration: none;} a.red:focus {outline:none; text-decoration: none;} a.yellow:link {color:#ebce6d; text-decoration: none;} a.yellow:visited {color:#ebce6d; text-decoration: none;} a.yellow:active {color:#ebce6d; text-decoration: none;} a.yellow:hover {color:#999; text-decoration: none;} a.yellow:focus {outline:none; text-decoration: none;} a.blue:link {color:#447797; text-decoration: none;} a.blue:visited {color:#447797; text-decoration: none;} a.blue:active {color:#447797; text-decoration: none;} a.blue:hover {color:#999; text-decoration: none;} a.blue:focus {outline:none; text-decoration: none;} a.green:link {color:#009d74; text-decoration: none;} a.green:visited {color:#009d74; text-decoration: none;} a.green:active {color:#009d74; text-decoration: none;} a.green:hover {color:#999; text-decoration: none;} a.green: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:100px; } #map_pictos{ position:absolute; left:100px; top:100px; width:200px; } #picto1{ position:relative; top:0px; } #picto2{ position:relative; top:48px; margin-top:-40px; } #picto3{ position:relative; top:96px; margin-top:-40px; } #picto4{ position:relative; top:144px; margin-top:-40px; } #picto5{ position:relative; top:192px; margin-top:-40px; } #picto6{ position:relative; top:240px; margin-top:-40px; } #picto7{ position:relative; top:288px; margin-top:-40px; } #picto8{ position:relative; top:336px; margin-top:-40px; } #map_age_bar{ width:100%; height:20px; bottom:100px; position:fixed; text-align:center; float:left; } #age1{ display:inline-block; width:710px; } #age_nav{ float:left; position:relative; font-size:14px; color:#fff; } #bar1{ float:left; } #age_nav1{ position:absolute; top:11px; left:35px; 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:435px; float:left; } #age_nav5{ position:absolute; top:11px; left:580px; float:left; } .nav{ list-style:none; margin:0 0 1.5em 0; font-size:14px; 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; } #bottom_bar{ width:100%; height:40px; position:fixed; left:0px; bottom:0px; background-color:#E8E9E7; text-align: center; } #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; top:20px; left:20px; height:495px; padding-right:10px; } #dotted_line2{ float:left; top:20px; left:20px; padding-left:10px; } #dotted_line3{ float:left; margin-top:-495px; margin-left:770px; padding-left:10px; } #xl_picture{ float:left; top:20px; left:20px; } #text_boxes{ position:absolute; top:260px; left:18px; width: 450px; } #text_photo{ position:relative; top:20px; left:20px; width:450px; height:14px; background-color:#E4E4E0; } #text_type{ position:relative; top:30px; left:20px; height:14px; background-color:#E4E4E0; } #text_location{ position:relative; top:40px; left:20px; height:14px; background-color:#E4E4E0; } #text_year{ position:relative; top:50px; left:20px; height:14px; background-color:#E4E4E0; } #text_sponsor{ position:relative; top:60px; left:20px; height:14px; background-color:#E4E4E0; } #text_engineer{ position:relative; top:70px; left:20px; height:14px; background-color:#E4E4E0; } #text_history{ position:relative; top:80px; left:15px; height:13px; background-color:#E4E4E0; } #text_use{ position:relative; top:90px; left:15px; height:13px; background-color:#E4E4E0; } #text_blank{ position:relative; margin-top:10px; left:15px; width:450px; height:13px; background-color:#E4E4E0; } #photogallery{ position:absolute; width:450px; height:100px; top:447px; left:37px; } .sm_photo{ padding:1.5px; float:left; } #comments{ position:absolute; width:450px; top:500px; left:38px; padding-top:10px; } #commentum_user{ position:relative; top:10px; font-weight:bold; } #commentum{ position:relative; top:15px; font-style:italic; } #comments_div{ position:relative; margin-top:4px; margin-bottom:4px; top:25px; height:3px; background-image: url('../img/comments_div.png'); background-position: top left; background-repeat:none; } #comments_header{ position:relative; top:30px; font-size:14px; font-weight:bold; } input[type=text] { border: 1px dotted #cccccc; width:450px; } #comment_name{ position:relative; top:40px; width:450px; height:12px; } #comment_email{ position:relative; top:65px; width:450px; height:12px; } #comment_textarea{ top:80px; width:450px; } #comment_msgbox{ position:relative; top:90px; } #comment_info{ position:relative; padding-bottom:30px; top:107px; float:left; } textarea{ border: 1px dotted #cccccc; width:450px; height:100px; overflow:auto; } #submit_comment{ position:relative; top:100px; float:right; } .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%; } #map_main_text{ position:absolute; left:510px; top:80px; font-size:11px; width:260px; text-align:justify; } .text_box_pad{ /*padding-left:5px;*/ } /*///////////// MAIN /////////////////*/ #mega_menu{ top:0px; left:0px; width:100%; height:100%; position:absolute; overflow-y:scroll; background-color:#F7F7F3; } #mega_menu_in{ display:inline-block; position:relative; width:800px; height:600px; top:50%; left:50%; margin-left:-410px; margin-top:-300px; } #menu_menu{ position:absolute; top:100px; left:0px; } .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; } /* PROJECT */ #project_header{ position:absolute; top:0px; left:0px; width:100%; height:300px; } #project_arrow{ position:relative; left:7px; width:117px; height:115px; } #project_title{ position:relative; font-size:43px; top:-37px; float:right; right:-30px; width:265px; height:100px; } #teachers_title{ position:relative; font-size:43px; top:-77px; left:603px; width:200px; text-align:right; float:left; line-height:99%; } #project_main{ position:relative; float:left; width:800px; height:100%; left:50%; top:300px; margin-left:-400px; margin-top:-300px; padding-bottom:170px; margin-bottom:100px; } #video_main{ position:relative; float:left; width:800px; height:750px; left:50%; top:300px; margin-left:-400px; margin-top:-300px; padding-bottom:170px; margin-bottom:100px; } #project_about_main{ position:relative; float:left; width:800px; height:650px; left:50%; top:300px; margin-left:-400px; margin-top:-300px; padding-bottom:170px; margin-bottom:100px; } #project_dotted1{ position:absolute; width:3px; height:1300px; top:150px; left:0px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_dotted2{ position:absolute; width:3px; height:1300px; top:150px; left:133px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_dotted3{ position:absolute; width:3px; height:1300px; top:150px; left:398px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_dotted4{ position:absolute; width:3px; height:1300px; top:150px; left:665px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_dotted5{ position:absolute; width:3px; height:1300px; top:150px; left:797px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #invideo_dotted1{ position:absolute; width:3px; height:750px; top:150px; left:0px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #invideo_dotted2{ position:absolute; width:3px; height:750px; top:150px; left:133px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #invideo_dotted3{ position:absolute; width:3px; height:750px; top:150px; left:398px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #invideo_dotted4{ position:absolute; width:3px; height:750px; top:150px; left:665px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #invideo_dotted5{ position:absolute; width:3px; height:750px; top:150px; left:797px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #cv_dotted1{ position:absolute; width:3px; height:1600px; top:150px; left:0px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #cv_dotted2{ position:absolute; width:3px; height:1600px; top:150px; left:133px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #cv_dotted3{ position:absolute; width:3px; height:1600px; top:150px; left:398px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #cv_dotted4{ position:absolute; width:3px; height:1600px; top:150px; left:665px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #cv_dotted5{ position:absolute; width:3px; height:1600px; top:150px; left:797px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #teachers_dotted1{ position:absolute; width:3px; height:1000px; top:150px; left:0px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #teachers_dotted2{ position:absolute; width:3px; height:1000px; top:150px; left:133px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #teachers_dotted3{ position:absolute; width:3px; height:1000px; top:150px; left:398px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #teachers_dotted4{ position:absolute; width:3px; height:1000px; top:150px; left:665px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #teachers_dotted5{ position:absolute; width:3px; height:1000px; top:150px; left:797px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_about_dotted1{ position:absolute; width:3px; height:1000px; top:150px; left:0px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_about_dotted2{ position:absolute; width:3px; height:1000px; top:150px; left:133px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_about_dotted3{ position:absolute; width:3px; height:1000px; top:150px; left:398px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_about_dotted4{ position:absolute; width:3px; height:1000px; top:150px; left:665px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_about_dotted5{ position:absolute; width:3px; height:1000px; top:150px; left:797px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #info_dotted1{ position:absolute; width:3px; height:1300px; top:150px; left:0px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #info_dotted2{ position:absolute; width:3px; height:1300px; top:150px; left:133px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #info_dotted3{ position:absolute; width:3px; height:1300px; top:150px; left:398px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #info_dotted4{ position:absolute; width:3px; height:1300px; top:150px; left:665px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #info_dotted5{ position:absolute; width:3px; height:1300px; top:150px; left:797px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #credit_dotted1{ position:absolute; width:3px; height:2900px; top:150px; left:0px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #credit_dotted2{ position:absolute; width:3px; height:2900px; top:150px; left:133px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #credit_dotted3{ position:absolute; width:3px; height:2900px; top:150px; left:398px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #credit_dotted4{ position:absolute; width:3px; height:2900px; top:150px; left:665px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #credit_dotted5{ position:absolute; width:3px; height:2900px; top:150px; left:797px; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } #project_dotted_gal1{ position:absolute; top:150px; left:0px; width:3px; height:1400px; background-image:url('../img/project_dotted.png'); background-repeat:repeat-y; } #project_dotted_gal2{ position:absolute; top:150px; left:133px; width:3px; height:1400px; background-image:url('../img/project_dotted.png'); background-repeat:repeat-y; } #project_dotted_gal3{ position:absolute; top:150px; left:266px; width:3px; height:1400px; background-image:url('../img/project_dotted.png'); background-repeat:repeat-y; } #project_dotted_gal4{ position:absolute; top:150px; left:399px; width:3px; height:1400px; background-image:url('../img/project_dotted.png'); background-repeat:repeat-y; } #project_dotted_gal5{ position:absolute; top:150px; left:532px; width:3px; height:1400px; background-image:url('../img/project_dotted.png'); background-repeat:repeat-y; } #project_dotted_gal6{ position:absolute; top:150px; left:665px; width:3px; height:1400px; background-image:url('../img/project_dotted.png'); background-repeat:repeat-y; } #project_dotted_gal7{ position:absolute; top:150px; left:797px; width:3px; height:1400px; background-image:url('../img/project_dotted.png'); background-repeat:repeat-y; } #project_menu1{ position:absolute; top:150px; left:18px; } #project_menu2{ position:absolute; top:185px; left:18px; } #project_menu3{ position:absolute; top:220px; left:18px; } #project_menu4{ position:absolute; top:255px; left:18px; } #project_menu5{ position:absolute; top:290px; left:18px; } .project_menu1_text{ position:absolute; top:153px; left:28px; color:#000; font-size:13px; z-index:100; } .project_menu2_text{ position:absolute; top:188px; left:28px; color:#919395; font-size:13px; z-index:100; } #project_menu3_text{ position:absolute; top:223px; left:28px; color:#919395; font-size:13px; } #project_menu4_text{ position:absolute; top:258px; left:28px; color:#919395; font-size:13px; } #project_menu5_text{ position:absolute; top:293px; left:28px; color:#919395; font-size:13px; } #project_menu6_text{ position:absolute; top:363px; left:28px; color:#919395; font-size:13px; } #project_ptitle{ position:absolute; top:147px; left:142px; font-size:26px; color:#fff; width:94px; height:85px; } #project_text1{ position:absolute; top:248px; left:142px; width:250px; color:#fff; font-size:14px; text-align:left; line-height:125%; } #project_text2{ position:absolute; top:248px; left:408px; width:250px; color:#fff; font-size:14px; text-align:left; line-height:125%; } #project_cv_text1{ position:absolute; top:320px; left:142px; width:250px; color:#fff; font-size:14px; text-align:left; } #project_cv_text2{ position:absolute; top:320px; left:408px; width:250px; color:#fff; font-size:14px; text-align:left; } #project_photo1{ position:absolute; top:263px; left:682px; } #project_photo2{ position:absolute; top:378px; left:682px; } #project_photo3{ position:absolute; top:494px; left:682px; } #project_cv_photo{ position:relative; float:right; top:33px; left:124px; } .project_gallery_photos2{ position:absolute; top:150px; left:284px; height:100%; } .project_gallery_photos3{ position:absolute; top:150px; left:417px; height:100%; } .project_gallery_photos4{ position:absolute; top:150px; left:550px; height:100%; } .project_gallery_photos5{ position:absolute; top:150px; left:682px; height:100%; } .project_gallery_photo{ padding-bottom:15px; } #project_links{ position:absolute; left:675px; top:140px; width:133px; } #project_links2{ position:absolute; left:675px; top:140px; width:133px; } #project_links3{ position:absolute; left:673px; top:140px; width:133px; } .project_link{ font-size:14px; padding-top:10px; padding-bottom:10px; width:110px; } a.project_linkin:link{ color:#919395; } a.project_linkin:hover{ color:#ff0000; } a.project_linkin:visited{ color:#919395; } a.project_linkin:active{ color:#919395; } a.projectcv:link{ color:#919395; } a.projectcv:hover{ color:#b20028; } a.calendar_linkin:link{ color:#919395; } a.calendar_linkin:hover{ color:#EACD6C; } a.calendar_linkin:visited{ color:#919395; } a.calendar_linkin:active{ color:#919395; } a.video_linkin:link{ color:#919395; } a.video_linkin:hover{ color:#d95b44; } a.videos_linkin:visited{ color:#d95b44; } a.videos_linkin:active{ color:#919395; } a.teachers_linkin:link{ color:#919395; } a.teachers_linkin:hover{ color:#447797; } a.teachers_linkin:visited{ color:#919395; } a.teachers_linkin:active{ color:#919395; } a.info_linkin:link{ color:#919395; } a.info_linkin:hover{ color:#009D74; } a.info_linkin:visited{ color:#919395; } a.info_linkin:active{ color:#919395; } a.lessons:link{ color:#919395; } a.lessons:hover{ color:#447797; } a.lessons:visited{ color:#919395; } a.lessons:active{ color:#919395; } a.project_menu1_text:link{ color:#000; } a.project_menu1_text:hover{ color:#fff; } a.project_menu1_text:visited{ color:#000; } a.project_menu1_text:active{ color:#fff; } /* FOOTER */ #footer{ float:left; width:100%; } #bottom_content{ position:relative; left:50%; width:940px; margin-left:-509px; } .bottom_menu{ position:relative; width:947px; height:20px; font-size:14px; color:#fff; text-align:center; vertical-align:middle; max-width:940px; } #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; } /* CALENDAR */ #calendar_title{ position:relative; font-size:43px; top:-37px; left:613px; float:left; } .calendar_column{ position:absolute; width:533px; height:100%; top:110px; left:180px; } .calendar_row{ float:left; position:relative; width:522px; top:-30px; left:136px; height:auto; } .contact_row{ float:left; position:relative; width:522px; top:0px; left:0px; height:auto; } .repeated_div{ width:639px; left:0px; height:auto; float:left; position:relative; } .calendar_date{ position:relative; float:left; width:120px; height:185px; margin-left:145px; padding-bottom:20px; font-size:26px; color:#fff; margin-top:-23px; } .calendar_title{ position:relative; float:right; margin-top:10px; width:215px; height:40px; } .calendar_text{ position:relative; float:right; width:215px; height:auto; color:#fff; text-align:left; } .calendar_dtitle{ font-size:22px; line-height:120%; float:left; position:relative; padding-bottom:15px; } .calendar_dtext{ position:relative; font-size:14px; padding-bottom:10px; line-height:140%; } .calendar_date2{ position:relative; float:left; width:120px; height:185px; margin-top:35px; margin-left:151px; padding-bottom:20px; font-size:26px; color:#fff; } .calendar_title2{ position:relative; float:right; width:215px; height:40px; margin-top:40px; margin-left:51px; font-size:14px; } .calendar_text2{ position:relative; float:right; width:215px; margin-left:51px; height:auto; font-size:14px; color:#fff; text-align:left; } .calendar_dotted{ float:left; width:529px; height:3px; margin-left:149px; } .contact_dotted{ float:left; width:529px; height:3px; margin-left:-30px; } .calendar_dotted2{ float:left; width:529px; height:3px; margin-left:145px; padding-bottom:20px; } .calendar_photo{ float:left; position:relative; width:225px; height:155px; margin-left:160px; padding-bottom:20px; font-size:14px; width:140px; top:0px; margin-top:-18px; } .calendar_photo2{ float:left; position:relative; width:225px; height:155px; margin-top:40px; margin-left:160px; padding-bottom:20px; font-size:14px; width:140px; } /* END OF CALENDAR */ .info_date1{ float:left; width:295px; height:15px; margin-left:-30px; margin-top:35px; font-size:26px; color:#fff; } .info_date2{ float:left; width:295px; height:15px; margin-left:-30px; margin-top:20px; font-size:26px; color:#fff; } .info_date3{ float:left; width:295px; height:15px; margin-left:-30px; margin-top:15px; font-size:26px; color:#fff; } .info_date4{ float:left; width:295px; height:15px; margin-left:-30px; margin-top:15px; font-size:26px; color:#fff; } #info_title{ position:relative; font-size:43px; top:-37px; left:717px; float:left; } .info_text{ float:left; width:215px; height:auto; font-size:14px; margin-top:19px; color:#fff; width:210px; text-align:left; } .info_text_first{ float:left; width:215px; height:auto; font-size:14px; margin-top:37px; color:#fff; width:210px; text-align:left; } .press_date{ float:left; width:320px; height:15px; margin-top:35px; margin-left:-30px; font-size:26px; color:#fff; } .press_text{ float:left; width:210px; height:auto; font-size:14px; margin-top:42px; color:#fff; text-align:left; } .credits_date{ float:left; width:295px; height:15px; margin-top:15px; margin-left:-30px; font-size:26px; color:#fff; padding-bottom:60px; line-height:95%; } .credits_date_first{ float:left; width:295px; height:15px; margin-top:35px; margin-left:-30px; font-size:26px; color:#fff; } .contact_text{ font-size:14px; color:#fff; width:210px; text-align:left; } #contact_text1{ position:absolute; top:185px; left:440px; } #contact_text2{ position:absolute; top:360px; left:440px; } #contact_text3{ position:absolute; top:535px; left:440px; } #calendar_event_photo{ position:relative; width:500px; top:0px; margin-top:-14px; left:440px; float:left; } .calendar_event_photos{ position:relative; width:500px; float:left; top:170px; left:440px; padding-bottom:190px; } .date1_loop{ float:left; position:relative; width:500px; margin-top:-125px; } #events_in{ width:500px; } /* VIDEO */ #video_title{ position:relative; font-size:43px; top:-45px; right:-5px; float:right; height:40px; } #video_title1{ position:absolute; top:147px; left:150px; width:94px; font-size:26px; height:75px; color:#fff; line-height:100%; } #video_text{ position:relative; top:36px; right:5px; width:250px; height:40px; float:right; } #camera{ position:relative; float:left; left:26px; top:35px; } #video{ position:relative; top:130px; left:19px; float:left; width:500px; height:300px; z-index:5; } .video_date{ font-size:26px; padding-bottom:30px; } .video_text{ font-size:14px; color:#fff; } #video_dotted1{ position:relative; top:120px; left:150px; } /* CATALOGUE */ #catalogue_text1{ position:absolute; top:248px; left:144px; width:230px; color:#fff; font-size:14px; text-align:left; } #competition_ptitle{ position:absolute; top:147px; left:142px; font-size:26px; color:#fff; width:140px; height:125px; } #competition_text1{ position:absolute; top:320px; left:142px; width:250px; color:#fff; font-size:14px; text-align:left; } #competition_text2{ position:absolute; top:320px; left:408px; width:250px; color:#fff; font-size:14px; text-align:left; } .lessons_column{ position:relative; width:800px; height:100%; margin-left:0px; margin-top:-115px; } .lesson_plan{ display:block; position:relative; width:101px; height:120px; float:left; margin-bottom:31px; margin-right:31px; background-image:url(../img/lesson.png); } .lesson_plan:hover{ width:101px; height:120px; cursor:pointer; background-image:url(../img/lesson_up.png); } .lesson_title_main{ position:relative; top:35px; left:10px; padding-bottom:15px; text-align:left; float:left; font-size:14px; color:#424243; width:60px; line-height:100%; } .lesson_title{ position:absolute; top:130px; left:0px; padding-bottom:5px; text-align:center; width:100px; height:15px; } #resources_text{ position:absolute; width:650px; top:120px; right:0px; text-align:right; line-height:95%; font-size:14px; color:#447797; } #lesson_link{ position:relative; float:left; top:20px; left:20px; } a.lesson_title_main:link{ color:#424243; } a.lesson_title_main:hover{ color:#447797; } a.lesson_title:link{ color:#444444; } a.lesson_title:hover{ color:#447797; } .project_gallery_photo{ position:absolute; top:150px; left:151px; width:664px; height:1400px; } .teachers_links{ position:absolute; top:140px; left:675px; height:100%; } .project_plan{ display:block; width:101px; height:120px; float:left; margin-bottom:10px; margin-right:31px; } .cal_col1{ width:3px; height:100%; top:150px; left:0px; position:absolute; } .cal_col2{ width:3px; height:100%; top:150px; left:133px; position:absolute; } .cal_col3{ width:3px; height:100%; top:150px; left:664px; position:absolute; } .cal_col4{ width:3px; height:100%; top:150px; left:797px; position:absolute; } .dotted1{ width:3px; height:100%; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } .dotted2{ width:3px; height:100%; top:150px; left:133px; position:absolute; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } .dotted3{ width:3px; height:100%; top:150px; left:664px; position:absolute; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } .dotted4{ width:3px; height:100%; top:150px; left:797px; position:absolute; background-image:url(../img/project_dotted.png); background-repeat:repeat-y; } .spacer1{ width:133px; float:left; position:relative; } #birdy{ position:fixed; bottom:42px; left:150px; z-index:6; } .header{ width:800px; height:150px; float:left; position:relative; top:0px; left:0px; } .mydot{ width:3px; height:100%; position:relative; float:left; background-image:url(../img/dotted.png); background-repeat:repeat-y; } #popup_map{ width:400px; height:500px; background-color:red; top:290px; left:750px; position:absolute; }