/* GLOBAL DECLARATION */
* {font-family: tahoma, arial, helvetica, sans-serif; margin: 0; padding: 0;}
html, body {background: url('../../graphics/fillers/fill.gif') repeat-x; top: 0; background-color: #FEFEFE;} 

/* REPLACEMENT TAGS */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
b, strong {font-weight: bold;}
em {font-style: italic;}
form {display: inline;}
h1, h2, h3 {display: block; font-weight: bold; padding-bottom: 10px;}
img {border: 0; display: inline; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}

/* CASE STUDIES */
#caseholder {background: url('../../graphics/elements/case_titles.jpg') no-repeat; clear: both; color: #000; font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: bold; height: 56px; margin: 0 auto 0 auto; padding: 25px 0 0 34px; width: 742px;}
#caseholder .eag {float: left; width: 189px;}
#caseholder .bp {float: left; width: 238px;}
#caseholder .btc {float: left; width: 245px;}
#caseholder a {color: #000; text-decoration: none;}
#caseleft {background: url('../../graphics/elements/xlframe.gif') no-repeat; float: left; height: 340px; margin-left: 20px; padding: 9px 0 0 9px; width: 443px;}
#caseright {float: left; font-family: tahoma, arial, sans-serif; font-size: 11px; line-height: 13px; padding: 0 0 0 27px; width: 287px;}
#caseright img.alignleft {margin: 40px 0 0 -10px;}
#caseright img.bp {margin: 20px 0 0 -10px;}
.backtofuture {font-family: tahoma, arial, sans-serif; font-size: 11px; margin-left: 30px;}
.backtofuture a {background: url('../../graphics/elements/dots.gif') bottom no-repeat; color: #00CBCC; text-decoration: none;}
.backtofuture a:hover {background: none; text-decoration: none;}
.projects {clear: both; float: left; height: 70px; margin: 18px 0 0 20px; width: 776px;}
.sample, .none {background: url('../../graphics/elements/xsmall_frame.gif') no-repeat; float: left; height: 52px; margin-right: 14px; padding: 9px; width: 96px;}
.future {margin-left: 30px;}
.move {clear: both; margin: 10px 0 0 8px;}
.none {margin-right: 0;}

/* CONTACT US */
#contactleft {float: left; width: 343px;}
#contactleft #map {background: url('../../graphics/elements/mapblock.gif') no-repeat; height: 337px; margin: 26px 0 0 20px; padding: 6px 0 0 6px; width: 337px;}
#contactright {float: right; font-size: 11px; padding: 26px 0 0 0; width: 400px;}
#contactright #fields {float: left; width: 260px;}
#contactright #fields .button {float: right; padding: 2px 4px 0 4px; margin-right: 80px; margin-bottom: 3px;}
#contactright #fields textarea {color: #00CBCC; font-size: 11px; height: 50px; padding: 2px 4px 0 4px; width: 162px; margin-bottom: 3px;}
#contactright #fields input.data {color: #00CBCC; font-size: 11px; height: 15px; padding: 2px 4px 0 4px; width: 162px; margin-bottom: 3px;}
#contactright .labels {float: left; font-size: 11px; line-height: 24px; width: 100px;}

/* CONTAINER */
#container {margin: 0 auto 0 auto; overflow: hidden; width: 794px;}
.show {clear: both;}

/* CONTENT */
#future {font-size: 11px; padding: 0 15px 0 30px; width: 732px;}
#future a {background: url('../../graphics/elements/dots.gif') bottom no-repeat; color: #00CBCC; text-decoration: none;}
#intro {float: left; font-size: 11px; padding: 0 37px 0 30px; width: 429px;}
#keys {background: url('../../graphics/elements/key_elements.gif') no-repeat; color: #F3F3F3; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 177px; line-height: 22px; padding: 17px 0 0 54px; width: 207px;}
#keys a {background: url('../../graphics/elements/whitedots.gif') repeat-x bottom; color: #F3F3F3; text-decoration: none; width: 100%;}
#keys a:hover {background: none; text-decoration: none;}
.bigevent {float: left; font-size: 11px; line-height: 14px; padding: 0 0 0 30px; width: 544px;}
.bigevent h1 {color: #00CBCC; font-size: 14px;}
.eventcontainer {clear: both; overflow: hidden; width: 770px;}
.getform {background: url('../../graphics/elements/pdf_form.gif') no-repeat; color: #00CBCC; float: right; font-size: 12px; font-weight: bold; height: 51px; line-height: 24px; margin-top: 80px; padding: 4px 0 0 34px; width: 133px;}
.getforms {background: url('../../graphics/elements/pdf_form.gif') no-repeat; color: #00CBCC; float: right; font-size: 12px; font-weight: bold; height: 51px; line-height: 24px; margin-top: 65px; padding: 4px 0 0 34px; width: 133px;}
.getform a {color: #00CBCC; text-decoration: none;}
.getforms a {color: #00CBCC; text-decoration: none;}

/* EVENTS */
#eventcontainer {clear: both; margin-top: 10px; width: 776px;}
.eventlhs {background: url('../../graphics/elements/frame.gif') no-repeat; float: left; height: 133px; margin: 12px 0 0 20px; padding: 9px 0 0 9px; width: 215px;}
.eventlhs2 {background: url('../../graphics/elements/frame.gif') no-repeat; float: left; height: 133px; margin: -50px 0 0 20px; padding: 9px 0 0 9px; width: 215px;}
.eventrhs {color: #000; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 0 0 25px; width: 507px;}
.eventrhs a {color: #00CBCC; text-decoration: underline;}

/* EXHIBITION TRANSPORT */
#maincontainer {clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 auto 0 auto; padding: 0 0 0 17px; width: 759px;}
#maincontainer #multiframe {background: url('../../graphics/elements/frame_long.gif') no-repeat; height: 132px; margin-left: -10px; padding: 9px 0 0 9px; width: 766px;}
#maincontainer #multiframe img {padding-right: 2px;}
#maincontainer a {background: url('../../graphics/elements/dots.gif') repeat-x bottom; color: #00CBCC; text-decoration: none; width: 100%;}
#maincontainer a:hover {background: none; text-decoration: none;}
#maincontainer .showcase, .showcase0 {background: url('../../graphics/elements/frame.gif') no-repeat; float: left; height: 142px; margin-right: 35px; padding: 9px; width: 206px;}
#maincontainer .showcase0 {margin-right: 0;}
#maincontainer .maindots {clear: both; margin-left: -19px;}
#maincontainer .justdots {margin-left: -19px; margin-bottom: 0px;}

/* FOOTER */
#fillfoot {background: url('../../graphics/fillers/footer_filler.gif') repeat-x; clear: both; height: 145px; margin-top: 60px;}
#footer {background: url('../../graphics/fillers/footer.gif') no-repeat; height: 145px; margin: 0 auto 0 auto; width: 793px;}
#footer #fleft {color: #FFF; float: left; font-size: 11px; height: 75px; line-height: 16px; margin-top: 0px; padding: 30px 0 0 24px; width: 372px;}
#footer #fleft .blue {color: #00BBCC; font-weight: bold;}
#footer #fright {color: #00BBCC; float: left; font-size: 11px; height: 70px; margin-top: 0px; padding: 35px 26px 0 0px; text-align: right; width: 370px;}
#footer #fright img {vertical-align: middle;}
#footer #fright a {color: #00BBCC; line-height: 30px; text-decoration: none;}
#footer #neos {height: 31px; width: 100%;}

/* HEADER */
#header {background: url('../../graphics/fillers/header.gif') no-repeat; color: #00CBCC; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; height: 159px; width: 794px;}
#header .headerlinks {color: #00CBCC; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-top: 78px; padding-right: 18px;}
#header .headerlinks a {color: #00CBCC; text-decoration: none;}
#header .headerlinks a.quote {color: #00CBCC; margin-left: 23px;}
#header .logo {padding: 20px 0 0 20px;}
#header .topspacer {height: 24px;}

/* MENU */
#menu {font-size: 11px; height: 33px; margin: 0 0 0 10px; padding: 0 0 0 10px; width: 760px;}
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu li {color: #FFF; display: inline; float: left; height: 33px; margin: 0 0 0 0; padding: 0 2px 0 0; text-align: center;}
#menu li a {color: #FFF; display: block; float: left; font-weight: 600; height: 23px; padding-top: 10px;}
#menu li a:hover {text-decoration: none;}
#menu li a.home {background: url('../../graphics/buttons/home.gif'); width: 86px;}
#menu li a.exhibit {background: url('../../graphics/buttons/exhibition.gif'); width: 150px;}
#menu li a.events {background: url('../../graphics/buttons/events.gif'); width: 81px;}
#menu li a.services {background: url('../../graphics/buttons/services.gif'); width: 106px;}
#menu li a.quotes {background: url('../../graphics/buttons/quotes.gif'); width: 106px;}
#menu li a.case {background: url('../../graphics/buttons/case.gif'); width: 106px;}
#menu li a.contact {background: url('../../graphics/buttons/contact.gif'); width: 106px;}
#menu li a:hover.home {background: url('../../graphics/buttons/home_mo.gif');}
#menu li a:hover.exhibit {background: url('../../graphics/buttons/exhibition_mo.gif');}
#menu li a:hover.events {background: url('../../graphics/buttons/events_mo.gif');}
#menu li a:hover.services {background: url('../../graphics/buttons/services_mo.gif');}
#menu li a:hover.quotes {background: url('../../graphics/buttons/quotes_mo.gif');}
#menu li a:hover.case{background: url('../../graphics/buttons/case_mo.gif');}
#menu li a:hover.contact {background: url('../../graphics/buttons/contact_mo.gif');}
#menu li a.homeblue {background: url('../../graphics/buttons/home_mo.gif'); width: 86px;}
#menu li a.exhibitblue {background: url('../../graphics/buttons/exhibition_mo.gif'); width: 150px;}
#menu li a.eventsblue {background: url('../../graphics/buttons/events_mo.gif'); width: 81px;}
#menu li a.servicesblue {background: url('../../graphics/buttons/services_mo.gif'); width: 106px;}
#menu li a.quotesblue {background: url('../../graphics/buttons/quotes_mo.gif'); width: 106px;}
#menu li a.caseblue {background: url('../../graphics/buttons/case_mo.gif'); width: 106px;}
#menu li a.contactblue {background: url('../../graphics/buttons/contact_mo.gif'); width: 106px;}

#menu li a.blue {background: url('../../graphics/buttons/bluebutt.gif');}
#menu li a.blueex {background: url('../../graphics/buttons/bluebutt.gif'); padding-top: 4px; height: 29px;}
#menu li a.greyex {background: url('../../graphics/buttons/greybutt.gif'); padding-top: 4px; height: 29px;}

/* PICTURE */
#picture {background: url('../../graphics/boards/index.gif') no-repeat; height: 216px; margin: 2px auto 0 auto; width: 776px;}
#picture .quotation {float: right; padding-right: 82px;}
#space {height: 138px; width: 100%;}
#widepicture {background: url('../../graphics/boards/boardframe.gif') no-repeat; height: 124px; margin: 0 auto 0 auto; padding: 0 0 0 10px; width: 766px;}
.center {margin-left: 10px;}

/* SERVICES */
#servea {float: left; padding: 0 30px 0 0; width: 328px;}
#ourservices {background: url('../../graphics/elements/servicefields.gif') no-repeat; float: left; height: 121px; padding: 26px 0 0 70px; width: 320px;}
#ourservices #firstrow {float: left; width: 165px;}
#ourservices #firstrow a {background: url('../../graphics/elements/whitedots.gif') repeat-x bottom; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; text-decoration: none; width: 100%;}
#ourservices #firstrow a:hover {background: none; text-decoration: none;}
#ourservices #secondtrow {float: left; width: 100px;}
#ourservices #secondtrow a {background: url('../../graphics/elements/whitedots.gif') repeat-x bottom; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; text-decoration: none; width: 100%;}
#ourservices #secondtrow a:hover {background: none; text-decoration: none;}
.goodfreight {float: left; padding: 0 32px 0 0; width: 502px;}
.goodfreight .indented {padding: 26px;}
.graphical {background: url('../../graphics/elements/serviceframe.gif') no-repeat; height: 127px; float: left; margin-bottom: 12px; padding: 9px; width: 174px;}
.high {vertical-align: super;}
.longtext {clear: both; padding: 0 30px 0 0; width: 725px;}
.longtext .indented {padding: 26px;}
.servicecontainer {clear: both; overflow: hidden; width: 755px;}