body {height:100%;font-family:Arial,Helvetica,sans-serif;font-size:0.625em;text-align:left;background: url('gfx/img/background.jpg') left top;} /* wrapper holds it all together */ #wrapper {position: absolute;top: 50%;left: 50%;margin-top:-250px; margin-left:-472px;width:944px;overflow:hidden;height:auto;background: url('gfx/img/mainframe_top.png') no-repeat left top;padding-top:33px;} #page {width:910px;overflow:hidden;height:auto;background: url('gfx/img/mainframe_bg.png') repeat-y left top;padding:0 17px;} /* leftside */ #leftside {float:left;width:139px;margin-left:3px;display:inline;} #logo {float:left;width:139px;height:121px;} #logo h1 a {text-indent:-5000px;overflow: hidden;width:139px;height:121px;display:block;background: url('gfx/img/logo-simsic.gif') no-repeat top left;} #logo h1 a:hover {background: url('gfx/img/logo-simsic.gif') no-repeat bottom left;} /* main menu */ ul#mainnav {margin:5px 10px 0 7px;} ul#mainnav li {float:left;width:122px;background: url('gfx/img/m_divider.gif') no-repeat bottom center;padding-bottom:5px;} ul#mainnav li.last {background:none;} ul#mainnav li a {overflow:hidden;text-indent:-5000px;display:block;height:22px;width:122px;background-repeat:no-repeat;background-position:bottom left;} ul#mainnav li a:hover {background-position:top left;} ul#mainnav li a.clicked {background-position:top left !important;} ul#mainnav li a.st {background-image: url('gfx/img/m_startsidan.gif');} ul#mainnav li a.om {background-image: url('gfx/img/m_om_simsic.gif');} ul#mainnav li a.na {background-image: url('gfx/img/m_natverken.gif');} ul#mainnav li a.in {background-image: url('gfx/img/m_interessenter.gif');} ul#mainnav li a.va {background-image: url('gfx/img/m_simulering.gif');} ul#mainnav li a.ex {background-image: url('gfx/img/m_exempel.gif');} ul#mainnav li a.pr {background-image: url('gfx/img/m_projekt.gif');} ul#mainnav li a.ny {background-image: url('gfx/img/m_nyheter.gif');} ul#mainnav li a.ko {background-image: url('gfx/img/m_kontakt.gif');} ul#mainnav li a.lo {display:inline;color:#80B342;font-size:110%;font-weight:bold;height:auto;text-indent:0} /*English menu items*/ ul#mainnav li a.en_hom {background-image: url('gfx/img/m_home.gif');} ul#mainnav li a.en_abo {background-image: url('gfx/img/m_about.gif');} ul#mainnav li a.en_net {background-image: url('gfx/img/m_networks.gif');} ul#mainnav li a.en_pot {background-image: url('gfx/img/m_potential_users.gif');} ul#mainnav li a.en_tar {background-image: url('gfx/img/m_target_group.gif');} ul#mainnav li a.en_wha {background-image: url('gfx/img/m_simulation.gif');} ul#mainnav li a.en_exa {background-image: url('gfx/img/m_example_models.gif');} ul#mainnav li a.en_pro {background-image: url('gfx/img/m_projects.gif');} ul#mainnav li a.en_new {background-image: url('gfx/img/m_news.gif');} ul#mainnav li a.en_con {background-image: url('gfx/img/m_contact.gif');} /* the submenu */ ul#mainnav li ul {padding:5px 0 12px 0;float:left;} ul#mainnav li li {background:none;} ul#mainnav li li a {text-indent:0px;color:#80B342;font-weight:bold;font-size:110%;height:auto;} ul#mainnav li li a:hover {color:#4C6B28;text-decoration:underline;} ul#mainnav li li a.clicked {color:#4C6B28;text-decoration:none;} /* content */ #content {font-size:110%;line-height:140%;padding:80px 25px 25px 35px;color:#333;overflow:hidden;height:100%;min-height:401px; background: url('gfx/img/contentarea_watermark.jpg') no-repeat top left;width:705px;} .indexbg {font-size:120% !important;background: url('gfx/img/image_start_v2.jpg') no-repeat top left !important;width:450px !important;float:right;margin-right:10px;display:inline;padding-right:240px !important; padding-top:54px !important;} .longer {height:auto !important;} #content h2 {font-size:165%;padding:10px 0px 0 0;color:#52732C;font-weight:normal;} .indexbg h2 {font-size:100% !important;color:#000 !important;padding:0px 0 0 0 !important;font-weight:bold !important;} /*margin-top:-27px;*/ .indexbg h3 {font-size:100% !important;color:#000 !important;padding:0px 0 0 0 !important;font-weight:normal;} #content h3 {font-size:140%;padding:15px 0px 10px 0;color:#52732C;clear:left;} #content h4 {font-size:120%;padding:10px 0px 0 0;color:#000;color:#52732C;} #content p {padding:7px 0px;} #content ul {margin:5px 0 5px 15px;list-style:circle none outside;} #content a:link {color: #333333;text-decoration:underline;} #content a:visited {color: #333333;} #content a:hover {background: #4c6b28;text-decoration:none;color:#fff;} #content a:active {color: #000;text-decoration: none;} /* 2 column content */ ul.twocols {} ul.twocols li {width:47%;padding-right:40px;float:left;} ul.twocols li.last {padding-right:0px !important; } /* simple bulleted list */ ul.contentlist {list-style:circle;margin:5px 0 5px 15px;} ul.contentlist li {margin:2px 0 !important;width:auto !important; padding:0px !important;float:none;} /* style for images */ .img_right {float:right;margin:0px 0 0 5px; } .img_left {float:left;margin:0px 5px 0 0; } /* a list to display clients */ ul.clientlist {height:299px;overflow:hidden;} ul.clientlist li {float:left;padding:5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;display:inline;margin-left:-1px;} /*footer style */ #footer {margin:0px auto 0 auto;width:944px;padding:25px 0;text-align:center;background: url('gfx/img/mainframe_bot.png') no-repeat left top;color:#333;font-size:110%;} #footer ul {} #footer ul li {display:inline;} #footer a {color:#4C6B28;} #footer a:hover {color:#000;text-decoration:underline;} .english {border-left:1px solid #333;padding-left:5px;margin-left:5px;line-height:90%;} /* Fixes hover for banners */ #banner_link {background: transparent !important;} /* Change nsManager pre-set table width, use with care */ #content_article TABLE {float:left; width:50%;}