/*================== PROJECTS ===================== */ #inside #main #container #content { border-bottom:solid 1px #c0c0c0; border-top:solid 1px #09a1f8; z-index:3; position:relative; top:63px; left:21px; height:473px; width:980px;} #inside #main #container #content #projects_list { float:left; width:140px; text-align:left; margin:20px 0 0 0;} #inside #main #container #content #projects_list ul { } #inside #main #container #content #projects_list ul li { margin:0; display:block; padding:0; } #inside #main #container #content #projects_list ul li a { font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#414243;} #inside #main #container #content #projects_list ul li a:hover, #inside #main #container #content #projects_list ul li a.active{ color:#09a1f8; font-weight:normal;} #inside #main #container #content #projects_list ul li a.selected{ color:#09a1f8; font-weight:bold;} #inside #main #container #content #project_sub1 {padding:0px 0 5px 0; float:left;} #inside #main #container #content #project_sub1 li a, #inside #main #container #content #project_sub2 li a {font-family:Helvetica, Arial, sans-serif; font-size:11px; padding:5px 10px 0 10px; display:block;} #inside #main #container #content #project_sub1 li a:hover, #inside #main #container #content #project_sub1 li a.active, #inside #main #container #content #project_sub2 li a:hover, #inside #main #container #content #project_sub2 li a.active {background:url(../img/bullet_sub.gif) no-repeat 0 6px; padding:5px 10px 0 10px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #inside #main #container #content #projects_list ul li { margin:0 0 7px 0; display:block; padding:0; } #inside #main #container #content #project_sub1, #inside #main #container #content #project_sub2 {padding:5px 0 0 0; float:left;} #inside #main #container #content #project_sub1 li a, #inside #main #container #content #project_sub2 li a {font-family:Helvetica, Arial, sans-serif; font-size:11px; padding:0 10px 0 10px; margin:-2px 0 0 0; display:block;} #inside #main #container #content #project_sub1 li a:hover, #inside #main #container #content #project_sub1 li a.active, #inside #main #container #content #project_sub2 li a:hover, #inside #main #container #content #project_sub2 li a.active {background:url(../img/bullet_sub.gif) no-repeat 0 2px; padding:0 10px 0 10px; margin:-2px 0 0 0;} } /*================== PROJECT DETAILS ===================== */ /*================== SLIDE ===================== */ div#wrap {width : 575px; height:460px; float:left; text-align : left; margin:6px 0 0 0; cursor:pointer;} .svw {width: 50px; height: 20px; background: #fff;} .svw ul{position: relative; left: -999em;} .stripViewer { position: relative; overflow: hidden; margin: 0 0 1px 0;} .stripViewer ul { position: relative; left: 0; top: 0; width: 1%; list-style-type: none;} .stripViewer ul li { float:left;} .stripTransmitter { position:absolute; top:477px; left:135px;} .stripTransmitter ul {position: relative;list-style-type: none;} .stripTransmitter ul li{width: 25px;float:left; margin: 0 0 0 0;} .stripTransmitter span.slideLine{ color:#cccdce; padding:0 0px 0 5px;} .stripTransmitter a{ font: normal 11px Helvetica, Arial, sans-serif;text-align: left; color: #666e73;text-decoration: none; } .stripTransmitter a:hover { color: #09a1f8;} .stripTransmitter a.current, .stripTransmitter a.current:hover {color: #09a1f8; font-weight:bold;} /*================== TEXT ===================== */ #proyect_text{ width:262px; background:url(../img/bg_project_text.gif) repeat-x; height:461px; text-align:left; float:right; margin:6px 0 0 0;} #proyect_text h1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#656769; padding:0 0 0 18px; margin:14px 0 15px 0; height:17px; background:url(../img/arrow_project_text.gif) no-repeat;} #proyect_text p.title {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#5e666b; margin:0 0 5px 18px;} #proyect_text p.title span.text_bold { width:75px; display:inline-block; float:left;} #proyect_text p.title span.text_light { margin:0 0 0 0px; font-weight:normal; color:#666e73; display:inline-block; width:150px;} #proyect_text a.next { position:absolute; width:150px;font: normal 11px Helvetica, Arial, sans-serif; border-left:solid 1px #bec7ce; color:#09a1f8; float:left; top:480px; left:718px; margin:0 0 0 17px; padding:0 0 0 15px; background:url(../img/bullet_link_blue.gif) no-repeat 5px 3px;} #proyect_text a.next:hover { color:#ccf21a; padding:0 0 0 15px; background:url(../img/bullet_link.gif) no-repeat 5px 3px;} #proyect_text #publication{ font:normal 11px Arial, Helvetica, sans-serif; margin:0 0 0 15px; width:228px; padding:22px 0 0 3px; float:left; border-top:solid 1px #d6d9da;} #proyect_text #publication img { float:left; margin:0 12px 0 0;} #proyect_text #publication h3 {color:#09a1f8; font-size:11px;} #proyect_text #publication p { color:#666e73} #proyect_text #publication p.blue { color:#09a1f8} .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1;} .jScrollPaneTrack {position: absolute; cursor: pointer;right: 3px;top: 0;height: 100%;background: #94a3af;} .jScrollPaneDrag {position: absolute; background: #94a3af;cursor: pointer;overflow: hidden; margin:0 0 0 -2px;} .jScrollPaneDragTop {position: absolute; top: 0; left: 0;overflow: hidden;} .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;} a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0;text-indent: -2000px;overflow: hidden;height: 9px;} a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px; } a.jScrollArrowUp {background: url(../images/basic_arrow_up.gif) no-repeat 4px 0;} a.jScrollArrowUp:hover {xbackground-position: 0 -15px;} a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) no-repeat 4px 0;} a.jScrollArrowDown:hover {xbackground-position: 0 -15px;} a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {xbackground-position: 0 -30px;} .holder {float: left;margin: 10px 10px 10px 17px;} .scroll-pane {width: 230px;height: 162px;overflow: auto;float: left; margin:0 0 0 1px;} #pane1 {height: 162px;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:16px; color:#81898e;} #pane1 p{ margin:0 0 8px 0;} /*================== REGIONS ===================== */ #regions_map { margin:6px 0 0 6px; float:left;} #regions_map a.a_region1{ position:absolute; z-index:20; top:208px; left:300px; font: normal 11px Helvetica, Arial, sans-serif; color:#656666; padding:0 0 0 10px; background:url(../img/bullet_link_grey.gif) no-repeat 0px 3px;} #regions_map a.a_region1:hover{ color:#09a1f8; background:url(../img/bullet_link_blue.gif) no-repeat 0px 3px; } #regions_map a.a_region2{ position:absolute; z-index:20; top:183px; left:550px; font: normal 11px Helvetica, Arial, sans-serif; color:#656666; padding:0 0 0 10px; background:url(../img/bullet_link_grey.gif) no-repeat 0px 3px;} #regions_map a.a_region2:hover{ color:#09a1f8; background:url(../img/bullet_link_blue.gif) no-repeat 0px 3px; } #regions_map a.a_region3{ position:absolute; z-index:20; top:220px; left:720px; font: normal 11px Helvetica, Arial, sans-serif; color:#656666; padding:0 0 0 10px; background:url(../img/bullet_link_grey.gif) no-repeat 0px 3px;} #regions_map a.a_region3:hover{ color:#09a1f8; background:url(../img/bullet_link_blue.gif) no-repeat 0px 3px; }