/* -- Financial Adviser Expo ------------------------------------------------- TYPOGRAHY STYLESHEET -- version: 1.0 [older browsers only (IE4 and older, NetscapeX, .... ] -- author: Kate Twiss // Financial Times Business -- contact: kate.twiss@ft.com -- last update: 11/03/2008 ------------------------------------------------------------------- */ /* generic */ body {background:#41535d; font-family:Tahoma, Arial, sans-serif; font-size:100%; margin:0px; text-align:left; padding: 5px 0px;} hr {display:none;} .hr {clear:both;} a img {border:none;} .displaynone {display:none;} .floatleft {float:left;} a {color:#af1f23; font-weight:bold;} .tel {color:#af1f23; font-weight:bold;} /* layout */ #pageHolder {background: url(images/top_bg.gif) top left repeat-x; padding:0px; margin:0px 0px ; width:100%} #contentHolder {background: url(images/bg.gif) top left no-repeat; margin:0px; padding:0px; text-align:left;} #header {background:url(images/header_bg.gif) top left no-repeat; height:174px; padding:8px 11px 0px;} #mainContent {background:url(images/bottom.gif) bottom left no-repeat; padding:0px 0px 30px; width:980px;} #left {float:left; padding-left:10px; margin-left:3px; width:186px;} * html #left {margin-left:1px;} #contentArea {float:left; display:inline; width:600px; padding-left:15px} #contentArea.home {margin-top:-5px;} /* h1, h2, h3 */ h1 {background:url(images/FA_expo.gif) top left no-repeat; height:103px; margin:0px; width:234px;} h1 a {display:block; height:103px;} h3 {margin:0px;} .venues h3 {width:200px;} /* layout */ #laser {background:url(images/laser.gif) top left no-repeat; height:50px; position:absolute; top:59px; left:245px; margin:0px; width:103px;} #laser a {display:block; height:103px;} #leaderboard {position:absolute; top:24px; left:464px;} #sky {float:left; margin-top:0px; width:160px; z-index:100} /* list styles */ ul {list-style:none; margin:0px; padding:0px;} ul#menu {} * html ul#menu {margin-left:1px;} ul#menu li {height:33px;} ul#menu li a {display:block; height:32px;} /* navigation */ li.home a {background:url(images/home.gif) top left no-repeat;} li.home a:hover {background:url(images/home_over.gif) top left no-repeat;} li.home a.selected, li.home a:hover.selected {background:url(images/home_selected.gif) top left no-repeat;} li.exhibitors a {background:url(images/exhibitors.gif) top left no-repeat;} li.exhibitors a:hover {background:url(images/exhibitors_over.gif) top left no-repeat;} li.exhibitors a.selected, li.exhibitors a:hover.selected {background:url(images/exhibitors_selected.gif) top left no-repeat;} li.speakers a {background:url(images/speakers.gif) top left no-repeat;} li.speakers a:hover {background:url(images/speakers_over.gif) top left no-repeat;} li.speakers a.selected, li.speakers a:hover.selected {background:url(images/speakers_selected.gif) top left no-repeat;} li.venues a {background:url(images/venues.gif) top left no-repeat;} li.venues a:hover {background:url(images/venues_over.gif) top left no-repeat;} li.venues a.selected, li.venues a:hover.selected {background:url(images/venues_selected.gif) top left no-repeat;} li.about a {background:url(images/about.gif) top left no-repeat;} li.about a:hover {background:url(images/about_over.gif) top left no-repeat;} li.about a.selected, li.about a:hover.selected {background:url(images/about_selected.gif) top left no-repeat;} li.contact a {background:url(images/contact.gif) top left no-repeat;} li.contact a:hover{background:url(images/contact_over.gif) top left no-repeat;} li.contact a.selected, li.contact a:hover.selected {background:url(images/contact_selected.gif) top left no-repeat;} li.exhibitorsPack a {background:url(images/exhibitorsPack.gif) top left no-repeat;} li.exhibitorsPack a:hover{background:url(images/exhibitorsPack_over.gif) top left no-repeat;} li.exhibitorsPack a.selected, li.exhibitorsPack a:hover.selected {background:url(images/exhibitorsPack_selected.gif) top left no-repeat;} /* link */ a.register {background:url(images/register_now.gif) top left no-repeat; display:block; height:63px; margin-top:10px; width:182px;} a.register2 {background:url(images/register_now2.gif) top left no-repeat; display:block; height:41px; margin-top:20px; margin-bottom:30px; width:144px;} /* main content */ #contentArea h2 {font-size:1.2em; margin-top:3px; margin-bottom:20px;} #contentArea p {font-size:0.8em; padding:1px 0px; width:550px;} /* listStyle */ #contentArea ul {color:#42535d; font-size:0.8em; font-weight:bold; width:550px;} #contentArea ul li {background: url(images/arrow.gif) top left no-repeat; padding:5px 20px;} /* venueArea */ #venueArea {margin-top:25px; margin-bottom:5px; font-weight:bold;} .venue {float:left; margin-right:10px; width:167px; } .date {color:#848f94; font-size:1.3em; font-weight:bold; padding:5px 0px; } .area {font-size:0.9em; font-weight:bold; border-top:1px dotted #848f94; border-bottom:1px dotted #848f94; margin:5px 0px;padding:5px 0px; } .glasgow {background:url(images/glasgow.jpg) top left no-repeat; padding-top:125px;} .london {background:url(images/london.jpg) top left no-repeat; padding-top:125px;} .harrogate {background:url(images/harrogate.jpg) top left no-repeat; padding-top:125px;} /* venueArea venue page */ .venues #venueArea { font-weight:normal; margin:5px 0px; } .venues .venue {border-bottom:1px solid #000; margin-left:0px; margin-top:15px; padding-bottom:10px; width:550px} .venues .date {} .venues .area {width:160px;} .venues .glasgow {background:url(images/glasgow.jpg) top right no-repeat; padding-top:0px;} .venues .london {background:url(images/london.jpg) top right no-repeat; padding-top:0px;} .venues .harrogate {background:url(images/harrogate.jpg) top right no-repeat; padding-top:0px;} #contentArea.venues p.description {width:400px;} #contentArea.venues p.description {} .company {margin-bottom:30px; text-align:left;;} .company p {margin:8px 0px;} .exhibitors .company {float:left; margin-right:30px; font-size:0.7em; border:1px solid #ccc; padding:10px} .exhibitors .company img {margin-bottom:10px;} h3 {font-weight:bold; font-size:1.1em;} /* footer */ #footer {text-align:center;} #footer ul li {display:inline; height:34px; padding:0px 5px;} #footer ul li a {color:#fff; font-size:0.7em;} #footer ul li a:selected {background:url(images/selected.gif) no-repeat;}