body { background: #e8e7e4 url('../images/backgrounds/1.jpg') center top fixed no-repeat; font: 12px Trebuchet MS; margin:0; } #wrap { position:relative; width:931px; margin:0 auto; } a { text-decoration: none; } h1 { font-size:16px; margin: 0 0 8px 0; } h2 { font-size:14px; font-weight:normal; margin:0; } .smallfont { font-size:10px; } img { border:0; } .clear { clear:both; } .clear4 { clear:both; width:100%; height:4px; } .clear8 { clear:both; width:100%; height:8px; } .clear16 { clear:both; width:100%; height:16px; } .clear24 { clear:both; width:100%; height:24px; } .cel, .cel2 { float:left; } #skip_intro { width:100%; text-align:center; font-size:14px; margin-top:4px; } #skip_intro a {color:#fff; } #skip_intro a:hover { text-decoration:underline; } #language { position:absolute; top:580px; left:0; width:295px; height:56px; } #language a { color:#000; } #home_click_area { position:absolute; top:20px; left:10px; width:120px; height:100px; cursor:pointer; } #menu_topleft { position:absolute; top:142px; left:0; width:95px; height:20px; font-size:13px; line-height:20px; background: url('../images/page-elements/menubar-grey.gif') repeat-y; padding-left:12px; text-transform: uppercase; } #menu_topleft a { color:#58595b; } #menu_topleft a:hover { color:#000; } #content { position:absolute; top:41px; left:198px; width:727px; height:485px; border:1px solid #686969; border-left:4px solid #595a5c; /*background-color:#606060;*/ color:#fff; } .transparent { width:727px; height:485px; background: url('../images/page-elements/transparent-90.png'); color:#000; } .transparent_white { width:727px; height:485px; background: url('../images/page-elements/transparent-90.png'); color:#000; } .bg_transparent { overflow:hidden; background: url('../images/page-elements/transparent-90.png'); color:#000; } .fulllist { padding:40px 0 0 20px; font-weight:bold; line-height:15px; } .fulllist .cel1 { float:left; width:600px; } .fulllist .cel2 { float:left; padding-top:410px; } .press_release { padding:10px; } .press_release .cel { float:left; width:110px; height:110px; overflow:hidden; } .pdf { background:url('/images/basic/pdf_icon.gif') no-repeat; height:45px; display:block; float:left; margin-right:20px; margin-bottom:10px; padding:5px 0 0 55px; } #news_holder { position:absolute; top:228px; left:0px; width:930px; height:220px; } .news_popup { position:absolute; top:53px; left:458px; width:460px; height:470px; background-color:#eaeaea; border:8px solid #fff; z-index:400; } .news_popup .top .cel1 { float:left; padding:20px 10px 0 20px; height:35px; width:390px; } .news_popup .top .cel2 { float:left; padding:20px 0 0 0; } .news_popup .main_text { padding:0 20px 20px 20px; clear:both; height:200px; overflow:hidden; width:420px;} .news_popup h1 { line-height:16px; } .people { padding:40px 0 0 20px; } .people .cel1 { float:left; width:400px; } .people .cel2 { float:left; width:280px; } .people a { color:#000; text-decoration:underline; } .contact { padding:40px 0 0 20px; } #project { position:absolute; top:41px; left:198px; width:727px; height:485px; border:1px solid #686969; border-left:4px solid #595a5c; /*background-color:#606060;*/ color:#fff; } #project .top { width:726px; height:406px; } #project .top_transparent { width:726px; height:406px; } #project .col1 { float:left; width:325px; padding:20px 40px 0 20px; } #project .col2 { float:left; width:325px; padding-top:20px} #project_bottom { height:74px; padding-top:5px; width:727px; background-color:#606060;/*background: url('../images/page-elements/bg-projectbottom.gif') repeat-y; */font-size:11px; line-height:14px; } #project_bottom #title { float:left; width:122px; padding:0 16px 0 7px; } #project_bottom .cel1 { float:left; width:206px; padding:0 7px; } #project_bottom .cel2 { float:left; width:210px; padding:0 7px; } #project_bottom .celspan { float:left; width:430px; padding:0 7px; } #project_bottom #pagination { float:left; width:125px; padding-left:10px; } #project_bottom h3 { margin-top:0; font-size:14px; font-weight:bold; } /*#project_bottom */ .icon { padding-top:10px; } #menu_level0 { position:absolute; top:545px; left:0; width:569px; height:27px; font-size:15px; background: url('../images/page-elements/bg-bottommenu.gif') repeat-y; text-transform: uppercase; padding-top:4px; font-weight:bold; letter-spacing:-0.5px; color:#fff; cursor:pointer; } #menu_level0 #menu1 { padding-left:12px; width:186px; float:left; color:#fff; } #menu_level0 #menu2 { padding-left:12px; width:259px; float:left; color:#010101; } #menu_level0 #menu3 { padding-left:12px; width:88px; float:left; color:#010101;} #menu_level0 #menu1:hover, #menu_level0 #menu2:hover, #menu_level0 #menu3:hover { color:#fff; } #menu_level0 a { color:#595a5c; } #menu_level0 a:hover { color:#fff; } #menu_level1 { margin-top:12px; width:102px; height:81px; font-size:16px; line-height:18px; background: url('../images/page-elements/bg-menu-level1.gif') repeat-y; text-transform: uppercase; font-weight:bold; letter-spacing:-0.5px; color:#fff; padding-left:4px; color:#595a5c; } #menu_level1 .menu1 { width: 90px; height:23px; padding:4px 0 0 8px; } #menu_level1 .on1, #menu_level1 .on1 a { background-color:#aba1a3; color:#fff; } #menu_level1 a { color:#595a5c; } #menu_level1 .menu:hover, #menu_level1 .menu:hover a { background-color:#aba1a3; color:#fff; } #menu_level2 { position:absolute; top:343px; left:0; width:198px; overflow:hidden; font-size:12px; line-height:14px; background: url('../images/page-elements/bg-leftmenu.gif') repeat-y; text-transform: uppercase; font-weight:bold; letter-spacing:-0.5px; color:#fff; color:#595a5c; } #menu_level2 .menu { clear:both; width: 94px; height:16px; padding:2px 0 0 8px; } #menu_level2 .on { background-color:#585a5c; color:#fff; height:18px; } #menu_level2 .on a { background-color:#585a5c; color:#fff; } #menu_level2 a { color:#595a5c; } #menu_level2 .menu:hover, #menu_level2 .menu:hover a { background-color:#585a5c; color:#fff; } #menu_level3 { position:absolute; top:0px; left:106px; width:90px; height:100px; } #menu_level3 .menu { width: 94px; height:16px; padding:2px 0 0 8px; } #menu_level3 .on { background-color:#585a5c; color:#fff; height:18px; } #menu_level3 .on a { background-color:#585a5c; color:#fff; } #menu_level3 a { color:#595a5c; } #menu_level3 .menu:hover, #menu_level3 .menu:hover a { background-color:#585a5c; color:#fff; } #menu_level_1 { position:absolute; top:447px; width:102px; height:81px; font-size:16px; line-height:18px; background: url('../images/page-elements/bg-menu-level1.gif') repeat-y; text-transform: uppercase; font-weight:bold; letter-spacing:-0.5px; color:#fff; padding-left:4px; color:#595a5c; } #menu_level_1 .menu1 { width: 90px; height:23px; padding:4px 0 0 8px; cursor:pointer; } #menu_level_1 .on1, #menu_level1 .on1 a { background-color:#aba1a3; color:#fff; } #menu_level_1 a { color:#595a5c; } #menu_level_1 .menu1:hover, #menu_level_1 .menu1:hover a { background-color:#aba1a3; color:#fff; } #menu_level_2 { position:absolute; top:352px; width:198px; height:176px; font-size:12px; line-height:16px; background: url('../images/page-elements/bg-leftmenu.gif') repeat-y; text-transform: uppercase; font-weight:bold; letter-spacing:-0.5px; color:#fff; color:#595a5c; } /*#menu_level_2 .menu1 { width: 90px; height:23px; padding:4px 0 0 8px; }*/ /*#menu_level_2 .on1, #menu_level1 .on1 a { background-color:#aba1a3; color:#fff; } #menu_level_2 a { color:#595a5c; } #menu_level_2 .menu:hover, #menu_level1 .menu:menu_level_2 a { background-color:#aba1a3; color:#fff; }*/ .picright { float:right; margin-right:20px; } #blocks { position:absolute; top:41px; left:198px; width:725px; height:484px; border:1px solid #686969; border-left:4px solid #595a5c; background: url('../images/page-elements/transparent-90.png'); color:#000; } .block1 { position:absolute; top:0px; left:0px; } .block2 { position:absolute; top:0px; left:125px; } .block3 { position:absolute; top:0px; left:250px; } .block4 { position:absolute; top:0px; left:375px; } .block5 { position:absolute; top:0px; left:500px; } .block6 { position:absolute; top:0px; left:625px; } .block7 { position:absolute; top:128px; left:0px; } .block8 { position:absolute; top:128px; left:125px; } .block9 { position:absolute; top:128px; left:250px; } .block10 { position:absolute; top:128px; left:375px; } .block11 { position:absolute; top:128px; left:500px; } .block12 { position:absolute; top:128px; left:625px; } .block13 { position:absolute; top:256px; left:0px; } .block14 { position:absolute; top:256px; left:125px; } .block15 { position:absolute; top:256px; left:250px; } .block16 { position:absolute; top:256px; left:375px; } .block17 { position:absolute; top:256px; left:500px; } .block18 { position:absolute; top:256px; left:625px; } .block19 { position:absolute; top:384px; left:0px; } .block20 { position:absolute; top:384px; left:125px; } .block21 { position:absolute; top:384px; left:250px; } .block22 { position:absolute; top:384px; left:375px; } .block23 { position:absolute; top:384px; left:500px; } .block24 { position:absolute; top:384px; left:625px; } #blocks .item { border:1px solid #535254; width:98px; height:98px; } #blocks .thumb { position:absolute; width:98px; height:98px;} #blocks .overlay { position:absolute; top:1000px; width:98px; height:98px; background:url('../images/page-elements/transparent-black-70.png'); color:#fff; } #blocks .overlay:hover { top:0; } #blocks .infobox { position:relative; width:98px; height:98px; } #blocks .infobox .more { display:none;} #blocks .infobox:hover .more { display:block;position:absolute; z-index:3; left:0px; top:0px; width:88px; height:88px; padding:5px 5px; background:url('../images/page-elements/transparent-black-70.png'); cursor:pointer; color:#fff; font-size:13px; } #blocks .infobox .morenoclick { display:none;} #blocks .infobox:hover .morenoclick { display:block;position:absolute; z-index:3; left:0px; top:0px; width:88px; height:88px; padding:5px 5px; background:url('../images/page-elements/transparent-black-70.png'); color:#fff; font-size:13px; } #blocks .firstcel { margin-left:0; clear:both; } #blocks .firstrow { margin-top:0; } #blocks .empty { border:none; } .twocolumn { padding-top:37px; line-height:15px; } .twocolumn .cel1 { float:left; width:325px; padding:0 37px 0 21px; } .twocolumn .cel2 { float:left; width:325px; } .nrbutton { width:15px; height:15px; background-color:#b2bab5; margin:0 13px 7px 0; float:left; cursor:pointer; color:#fff; font-weight:bold; font-size:15px; line-height:14px; text-align:center; } .nrbutton_on { background-color:#000; color:#fff; } .nrbutton:hover { background-color:#000; color:#fff; } .content_inside { padding:10px; } .form_window { background-color:#cccccc; border:1px solid #000; padding:10px; } .form_window .cel1 { width:100px; float:left; } .form_window .cel2 { width:200px; float:left; } /* NEW MENU */ .sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; } .sf-menu { line-height:1.0; } .sf-menu ul { position:absolute; top: 0; width:92px; /* left offset of submenus need to match (see below) */ left:106px; /* match ul width */ } .sf-menu ul li { width:100%; } .sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float:left; position:relative; } .sf-menu a { display:block; position:relative; } /*** DEMO SKIN ***/ .sf-menu { float:left; margin-bottom:1em; } .sf-menu a { padding:3px 7px; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#000; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#585a5c; color:#fff; outline:0; } .sf-menu .on { background:#585a5c; color:#fff; outline:0; } .sf-menu .on a { color:#fff; } .sf-menu .sub a { color:#000 } .sf-menu .sub a:hover { color:#fff } .sf-menu .subon { background:#585a5c; color:#fff; outline:0; } .sf-menu .subon a { color:#fff; } .sf-vertical, .sf-vertical li { width:102px; } /* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */ .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left:106px; /* match ul width */ top:0; } .form_field, textarea { background-color:#cacaca; border:1px solid #000; } #player { outline:0; } /* dockin */ #window_back { background:url(/images/basic/window-back.png) ; padding:35px; width:500px; height:426px; position:absolute; top:41px; left:354px; display:none; } .close_button { position:absolute; top:12px; left:528px; } /*.border_left { background-image:url(/images/page-elements/dockin-border-left.png); width:6px; height:34px; float:left;} .border_right { background-image:url(/images/page-elements/dockin-border-right.png); width:6px; height:34px; float:left; } .btn_mid { float:left; border-top:3px solid #fff; border-bottom:3px solid #fff; font-size:20px; line-height:20px; padding:4px 8px; color:#fff; font-family:Trebuchet MS; } */ .border_left { } .border_right { } .btn_mid { font-size:24px; font-weight:bold; line-height:24px; padding:4px 8px; color:#fff; font-family:Trebuchet MS; } #browse_image { position:absolute; left:220px; top:150px; color:#777777; font-size:20px; font-weight:bold; }