/* CSS Document */ @charset "utf-8"; /***************************************** * http://www.kingstonbusinessexpo.co.uk/ * Stylesheet for Kingston 2008 Business Expo * Author: Emma Hobbins (http://www.emma-designs.co.uk) ******************************************/ img{ border:0px; } /************************** START CSS ****************************/ *{ margin:0; padding:0; } body { font:normal 10px verdana,arial,helvetica,sans-serif; color:#000; background-color: #7A7A7A; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-attachment: fixed; } /************************** LINK TAGS ****************************/ a:link { color: #00B1DA; text-decoration:none; font-weight: bold; } a:visited { color: #00B1DA; text-decoration:none; font-weight: bold; } a:hover { color: #000000; text-decoration:underline; font-weight: bold; } /************************** NEW TOPNAV ****************************/ #topnav{ width: 899px; height: 44px; float: left; background-image: url(images/topnav_bg.gif); } #topnav ul{ list-style:none; } li.navitem { /*** top navigation text container ***/ padding:0 20px 0 20px; height: auto; float: left; margin-top: 12px; text-align: center; border-left: 1px solid #4D4A79; background-image: url(images/nav_bg.gif) repeat; font:bold 15px verdana,arial,helvetica,sans-serif; color: #ffffff; text-decoration:none; } li.navitem_active { /*** top navigation text container ***/ z-index:1; padding:0 20px 0 20px; height: auto; float: left; margin-top: 12px; text-align: center; border-left: 1px solid #4D4A79; background-image: url(images/nav_bg.gif) repeat-y; font:bold 15px verdana,arial,helvetica,sans-serif; color: #00B1DA; text-decoration:none; } .navitem a:hover { color: #ffffff; } .navitem_active a:hover { color: #ffffff; } .navitem a:visited { color: #ffffff; } .navitem_active a:visited { color: #00B1DA; } /************************** OLD TOPNAV ****************************/ a.nav:link { /*** top navigation link style ***/ font:bold 15px verdana,arial,helvetica,sans-serif; color: #ffffff; text-decoration:none; } a.nav:visited { /*** top navigation link style ***/ font:bold 15px verdana,arial,helvetica,sans-serif; color: #ffffff; text-decoration:none; } a.nav:hover { /*** top navigation link style ***/ font:bold 15px verdana,arial,helvetica,sans-serif; color: #369; text-decoration:none; } .curver_top { width: 150px; height: 7px; background-color: pink; background-image: url(images/top_nav_curve.jpg); } #navcontainer ul{ /*** side navigation link style ***/ margin: 0; padding: 0; list-style-type: none; } #navcontainer a { /*** side navigation link style ***/ display: block; color: #261F7E; background-color: #FFF; width: 130px; padding: 3px 12px 3px 8px; text-decoration: none; border-bottom: 1px solid #f3f3f3; font-weight: bold; font-size: 14px; } #navcontainer a:hover { /*** side navigation link style ***/ background-color: #281E7E; color: #FFF; } #navcontainer li li a { /*** side navigation link style ***/ display: block; color: #261F7E; background-color: #FFF; width: 130px; padding: 3px 3px 3px 17px; text-decoration: none; border-bottom: 1px solid #f3f3f3; font-weight: bold; font-size: 12px; } /************************** BODY TAGS ****************************/ p { font:normal 12px arial,verdana,helvetica,sans-serif; color:#000; padding: 3px; margin-top: 5px; text-align:justify; line-height: 12pt; } li { font:normal 11px arial,verdana,helvetica,sans-serif; color:#000; padding: 0px; margin-top: 0px; text-align:justify; margin-left: 0px; } .text_li { /*** li style for text ONLY ***/ font:normal 11px arial,verdana,helvetica,sans-serif; color:#000; padding: 3px; margin-top: 5px; text-align:justify; margin-left: 20px; } ul { } .subli { /*** li style for text ONLY (i.e exhibitor lists) ***/ width: 120px; float: left; font:normal 11px arial,verdana,helvetica,sans-serif; color:#000; padding: 2px; margin-top: 5px; text-align:center; list-style: none; margin-left: 0px; } .subli_exhibitors { /*** li style for text ONLY (i.e exhibitor lists) ***/ width: 50px; float: left; font:normal 11px arial,verdana,helvetica,sans-serif; color:#000; padding: 2px; margin-top: 5px; text-align:center; list-style: none; margin-left: 0px; } .psub { /*** p tag style for text in side boxes ***/ font:bold 10px verdana,arial,helvetica,sans-serif; color:#000; padding: 3px; margin-top: 5px; text-align:justify; } .psub_box { font:bold 13px verdana,arial,helvetica,sans-serif; color:#fff; padding: 3px 3px 3px 6px; margin-top: 5px; } h1 { font: bold verdana,arial,helvetica,sans-serif; font-size: 30px; color: #00B1DA; } h2 { font: bold verdana,arial,helvetica,sans-serif; font-size: 25px; color: #00B1DA; } h3 { font: bold verdana,arial,helvetica,sans-serif; font-size: 19px; color: #261F7E; margin-top: 5px; } h4 { font: bold verdana,arial,helvetica,sans-serif; font-size: 12px; color: #00B1DA; margin-top: 10px; margin-bottom: 10px; } h5 { font: bold verdana,arial,helvetica,sans-serif; font-size: 13px; color: #CCCCCC; padding: 5px; margin-top: 5px; margin-bottom: 5px; } .h5press_title { font: bold verdana,arial,helvetica,sans-serif; font-size: 13px; color: #CCCCCC; padding: 5px; margin-top: 0px; margin-bottom: 0px; } .h5press_date { font: bold verdana,arial,helvetica,sans-serif; font-size: 12px; color: #CCCCCC; padding: 5px; margin-top: 0px; margin-bottom: 5px; } .copyright { font: 9px verdana,arial,helvetica,sans-serif; color:#F3F3F3; padding: 3px; margin-top: 5px; } p.copyright a{ color:#AEAEAE; } p.copyright a:visited{ color:#AEAEAE; } /************************** BOX TAGS ****************************/ #container { /*** main site container ***/ width: 899px; height: auto; margin-left: auto; margin-right: auto; margin-top: 0px; background-color: #fff; overflow:hidden; } #wrapper { /*** outer site container ***/ width: 950px; margin-left: auto; margin-right: auto; overflow:hidden; height: 100%; background-color: #fff; } #logo { width: 294px; height: 165px; background-color: white; } #header { width: 899px; height: 167px; background-color: white; background-image: url(images/ke_r1_c2.jpg); background-repeat: repeat-x; } #nav { /*** top navigation container ***/ width: 899px; height: 44px; float: left; } .nav_link { /*** top navigation text container ***/ width: 133px; height: auto; float: left; margin-top: 12px; text-align: center; } .nav_linkb { /*** top navigation text container ***/ width: 95px; height: auto; float: left; margin-top: 12px; text-align: center; } .nav_linkc { /*** top navigation text container ***/ width: 118px; height: auto; float: left; text-align: center; margin-top: 12px; } .nav_linkd { /*** top navigation text container ***/ width: 107px; height: auto; margin-top: 12px; text-align: center; float: left; } .nav_linke { /*** top navigation text container ***/ width: 99px; height: auto; margin-top: 12px; text-align: center; float: left; } .sub { /*** top navigation graphic container ***/ width: 133px; height: 44px; float: left; display: inline; background-image: url(images/ke_r2_c2.jpg); } .sub_blue { width: 133px; height: 44px; float: left; display: inline; background-image: url(images/homepage_blue.gif); } .sub_b { /*** top navigation graphic container ***/ width: 95px; height: 44px; float: left; display: inline; background-image: url(images/ke_r2_c3.jpg); } .sub_b_blue { width: 95px; height: 44px; float: left; display: inline; background-image: url(images/visitors_blue.gif); } .sub_c { /*** top navigation graphic container ***/ width: 118px; height: 44px; float: left; display: inline; background-image: url(images/ke_r2_c4.jpg); } .sub_c_blue { width: 118px; height: 44px; float: left; display: inline; background-image: url(images/exhibitors_blue.gif); } .sub_d { /*** top navigation graphic container ***/ width: 107px; height: 44px; float: left; display: inline; background-image: url(images/ke_r2_c5.jpg); } .sub_d_blue { width: 107px; height: 44px; float: left; display: inline; background-image: url(images/location_blue.gif); } .sub_e { /*** top navigation graphic container ***/ width: 99px; height: 44px; float: left; display: inline; background-image: url(images/ke_r2_c6.jpg); } .sub_e_blue { width: 99px; height: 44px; float: left; display: inline; background-image: url(images/contact_blue.gif); } .sub_f { /*** top navigation graphic container ***/ width: 347px; height: 44px; float: left; display: inline; background-image: url(images/ke_r2_c7.jpg); } #left { /*** side navigation and images main container ***/ width: 159px; height: auto; float: left; padding-top: 8px; overflow:hidden; } #main { width: 740px; height: auto; float: left; background-color: white; } .main_text { /*** container for main site text ***/ width: 520px; height: auto; float: left; background-color: white; padding-top:3px; } .column_a { /*** box for left column ***/ width: 200px; height: auto; float: left; margin: 3px; background-color: #F3F3F3; } .column_b { /*** box for right column ***/ width: 200px; height: auto; float: left; margin: 3px; background-color: #F3F3F3; } table.exhibitors{ width:520px; } table.exhibitors td, table.exhibitors th { background: #f3f3f3; padding:3px; } table.exhibitors th.narrow{ width:10px; background: #f3f3f3; padding:3px; } .column_a_exhibitors { /*** box for exhib table ***/ width: 120px; height: auto; float: left; margin: 3px; margin-right: 3px; background-color: #F3F3F3; } .column_b_exhibitors { /*** box for exhib table ***/ width: 120px; height: auto; float: left; margin: 3px; margin-right: 3px; background-color: #F3F3F3; } .column_c_exhibitors { /*** box for exhib table ***/ width: 50px; height: auto; float: left; margin: 3px; text-align: center; background-color: #F3F3F3; } #aut_wrapper { /*** alternative wrapper IN USE ***/ width: 520px; height: auto; overflow:hidden; } .aut_info { /*** alternative wrapper IN USE ***/ width: 460px; height: auto; float: left; margin-top: 10px; margin-left: 10px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding-top: 3px; padding-bottom: 3px; } .aut_info .thumbnail{ margin-top:10px; } .wrapper_exhib_table { /*** wrapper column IN USE ***/ width: 500px; height: auto; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 3px; padding-bottom: 3px; } .aut_info_text { /*** alternative text wrapper IN USE ***/ width: 320px; height: auto; float: right; } #search { width: 195px; float: right; } #sponsorbox{ width: 195px; height: 270px; float: right; margin-top: 10px; background-image: url(images/sponsor_r2_c2.jpg); background-repeat: no-repeat; } #sponsorbox-kcoc{ width: 195px; height: 110px; float: right; margin-top: 10px; background-image: url(images/sponsorbox-kcoc.jpg); background-repeat: no-repeat; } .sponsorbox_container{ width: 170px; height: auto; float: right; margin-top: 10px; margin-right: 10px; text-align:center; } .sponsorbox_container a img{ border:0px; } #searchboxa{ width: 195px; height: 95px; float: right; margin-top: 10px; float: right; background-image: url(images/box1_r2_c2.jpg); } #reg_button{ text-align:center; margin-top:3px; } #searchboxb{ width: 195px; height: 146px; float: right; margin-top: 10px; float: right; background-image: url(images/box2_r2_c4.jpg); } .search_text { width: 185px; height: auto; margin-left: 3px; margin-top: 5px; } .search_strip { width: 160px; height: 24px; float: right; margin-left: 7px; margin-top: 5px; } .search_stripb { width: 140px; height: 24px; float: left; margin-left: 7px; margin-top: 20px; } .search_button { width: 36px; height: 24px; float: right; margin-right: 10px; margin-top: 5px; } p.kcoc-credit{ clear:left; float: left; font-weight:bold; padding-top:10px; text-align:center; } .image { /*** main side images on site ***/ width: 150px; height: auto; float: left; margin-top: 10px; } .thumbnail { /*** smaller images on site ***/ margin: 3px; margin-bottom: 3px; float: left; background-color: #999; border:solid 1px #f3f3f3; } .animation { width: 425px; height: 83px; float: left; margin-left: 260px; margin-top: 10px; display:inline; } div.exhib_logo { width:150px; height:100px; margin: 5px 5px 10px 0; float:left; } div.exhib_data { width:470px; margin-top: 5px; margin-bottom: 10px;0 float:right; } /************************** VISITOR REG FORM TAGS ****************************/ fieldset#visitor_reg { border:none; padding:0; margin:0 0 0 40px; } #visitor_reg label { clear:both; font-size:1.1em; float:left; width:115px; padding:4px 0 0 0; text-align:left; } #visitor_reg input { padding: 2px 3px; font-size: 1.1em; color:#666666; font-family:Arial, Helvetica, sans-serif; width:175px; border:1px solid #666666; } #visitor_reg input:focus, #visitor_reg textarea:focus { background:#F5F5F5; } #visitor_reg textarea { padding: 2px 3px; font-size: 1.1em; color:#666666; font-family:Arial, Helvetica, sans-serif; width:175px; border:1px solid #666666; overflow:hidden; } #visitor_reg ul { list-style: none; } #visitor_reg li { margin:0 0 7px 0; } #visitor_reg input.submit { width:auto; padding:3px 7px; background:#4CA7D4; color:#FFFFFF; border:1px solid #4CA7D4; } /************************** FOOTER TAGS ****************************/ #footer { width: 899px; height: 36px; background-color: #fff; float: left; clear: both; margin-top: 10px; } .footer_link { height: auto; float: left; padding-left:10px; margin-top: 9px; text-align: center; } .footer_linkb { width: 184px; height: auto; float: left; margin-top: 9px; text-align: center; } .footer_linkc { width: 136px; height: auto; float: left; margin-top: 9px; text-align: center; } .footer_linkd { width: 66px; height: auto; float: left; margin-top: 9px; text-align: center; } .footer_sub { width: 108px; height: 44px; float: left; display: inline; background-repeat: no-repeat; background-image: url(images/ke_r15_c2.jpg); } .footer_subb { width: 184px; height: 44px; float: left; display: inline; background-repeat: no-repeat; background-image: url(images/ke_r15_c3.jpg); } .footer_subc { width: 136px; height: 44px; float: left; display: inline; background-repeat: no-repeat; background-image: url(images/ke_r15_c6.jpg); } .footer_subd { width: 66px; height: 44px; float: left; display: inline; background-repeat: no-repeat; background-image: url(images/ke_r15_c8.jpg); } .footer_sube { width: 405px; height: 44px; float: left; display: inline; background-repeat: no-repeat; background-image: url(images/ke_r15_c10.jpg); } #bottom { width: 950px; height: 12px; margin-left: auto; margin-right: auto; background-image: url(images/bottomsite.jpg); } .copyright, .copyright a, .copyright a:visited { color:#000; text-decoration:none; width: auto; height: auto; float: right; padding-right: 10px; margin-right: 0px; margin-top: 2px; } /************************** END CSS ****************************/