body, div, p, h1, h2, h3, h4, img, ul, ol, li, dl, dt, dd, table, th, tr, td, a {margin:0px; padding:0px; border:0px}

.center {width: 960px; margin-left: auto; margin-right: auto; }
.container {margin-left:30px; margin-top:30px}
.container, input, textarea, select, td {font-family:Arial, Helvetica, sans-serif}

/*text as graphics */
h1, #register, #visit, #exhibit, #twitter, #facebook, #rss, #contact, #terms, #privacy, #care, #aeo, .menu a, .firstpara, .reinvest, .firstpara, #submenuvisitors, #submenuexhibitors, #submenupress, #submenueducation, #submenutravel, .footer p, #blankleft, #blankright, .presscentre a, #keyheading, thead {font-size: 0px; line-height: 0px; text-indent: -10000px;}

h1{display:block; float:left; background-repeat:no-repeat; padding-bottom:30px; background-repeat:no-repeat}
h2 {font-size:13px; color:#50b748; padding-bottom:2px; clear:left}


/* top menu */
.menu {position:relative; width:960px; height:60px}
.menu a, #blankleft, #blankright {display:block; float:left; height:60px; overflow:hidden; background-image:url(img/menu.gif); background-repeat: no-repeat;}

#blankleft {width:16px; background-position: 0px 0px}
#visitors {width:132px; background-position: -16px 0px}				#visitors:hover {background-position: -16px -60px;}
#exhibitors {width:159px; background-position: -148px 0px}			#exhibitors:hover {background-position: -148px -60px}
#press {width:100px; background-position: -307px 0px}				#press:hover {background-position: -307px -60px}
#education {width:319px; background-position: -407px 0px}			#education:hover {background-position: -407px -60px}
#travel {width:218px; background-position: -726px 0px;}				#travel:hover {background-position: -726px -60px}
#blankright {width:16px; background-position: -944px 0px;}

/* submenus */
.submenu {position:relative; top:20px; z-index:100}
#submenuvisitors, #submenuexhibitors, #submenupress, #submenueducation, #submenutravel {position:absolute; padding:10px; border:1px solid #a7a9ac; background:white; display:none;}

#submenuvisitors {left:22px;}
#submenuvisitors a {background-image: url(img/submenuvisitors.gif); width:150px; display:block; overflow:hidden; margin-bottom:5px; background-repeat:no-repeat}

#visitorinfo {background-position: 0px 0px; height:15px;}				#visitorinfo:hover {background-position: -150px 0px}
#visitorkey {background-position: 0px -15px; height:15px;}				#visitorkey:hover {background-position: -150px -15px}
#visitorlist {background-position: 0px -30px; height:30px}				#visitorlist:hover {background-position: -150px -30px;}
#visitorcontact {background-position: 0px -60px; height:15px;}			#visitorcontact:hover {background-position: -150px -60px}
#sponsor {background-position: 0px -75px; height:15px;}             #sponsor:hover {background-position: -150px -75px}
#guide {background-position: 0px -90px; height:15px;}             #guide:hover {background-position: -150px -90px}

#submenuexhibitors {left:155px}
#submenuexhibitors a {background-image: url(img/submenuexhibitors.gif); width:167px; display:block; overflow:hidden; margin-bottom:5px; background-repeat:no-repeat}

#exhibitorinfo {background-position: 0px 0px; height:15px;}			#exhibitorinfo:hover {background-position: -167px 0px}
#exhibitorcontact {background-position: 0px -15px; height:15px;}		#exhibitorcontact:hover {background-position: -167px -15px}
#exhibitorlist {background-position: 0px -30px; height:30px;}			#exhibitorlist:hover {background-position: -167px -30px}
#exhibitormanuals {background-position: 0px -60px; height:15px;}		#exhibitormanuals:hover {background-position: -167px -60px}
#exhibitorsponsorship {background-position: 0px -75px; height:15px;}	#exhibitorsponsorship:hover {background-position: -167px -75px}

#submenupress {left:313px}
#submenupress a {background-image: url(img/submenupress.gif); width:148px; height:15px; display:block; overflow:hidden; margin-bottom:5px; background-repeat:no-repeat}

#presspress {background-position: 0px 0px;}						#presspress:hover {background-position: -148px 0px}
#pressphoto {background-position: 0px -15px;}						#pressphoto:hover {background-position: -148px -15px}
#presslogo {background-position: 0px -30px;}						#presslogo:hover {background-position: -148px -30px}
#pressreleases {background-position: 0px -45px;}					#pressreleases:hover {background-position: -148px -45px}

#submenueducation {left:414px}
#submenueducation a {background-image: url(img/submenueducation.gif); width:185px; height:15px; display:block; overflow:hidden; margin-bottom:5px; background-repeat:no-repeat}

#educationalprogramme {background-position: 0px 0px;}				#educationalprogramme:hover {background-position: -185px 0px}
#tuesday {background-position: 0px -15px;}							#tuesday:hover {background-position: -185px -15px}
#wednesday {background-position: 0px -30px;}						#wednesday:hover {background-position: -185px -30px}

#submenutravel {left:737px}
#submenutravel a {background-image:url(img/submenutravel.gif); width:115px; height:15px; display:block; overflow:hidden; margin-bottom:5px; background-repeat:no-repeat}

#traveltravel {background-position: 0px 0px;}						#traveltravel:hover {background-position: -115px 0px}
#gettingthere {background-position: 0px -15px;}						#gettingthere:hover {background-position: -115px -15px}

 /* homepage */
.frame {float:left; margin-right:10px; width:770px}

/* homepage slideshow */
.logo {float:left; width:510px; height:440px; margin-right:7px;}

/* homepage link buttons */
.links {width:250px; height:447px; display:inline}
.links a {display:block; width:250px; height:140px; overflow:hidden;}

#register {background:url(img/register.jpg) top right no-repeat;}					#register:hover {background:url(img/register.jpg) bottom right no-repeat}
#visit {background:url(img/visit.jpg) top right no-repeat; margin-top:9px;}			#visit:hover {background:url(img/visit.jpg) bottom right no-repeat; margin-top:9px;}
#exhibit {background:url(img/exhibit.jpg) top right no-repeat; margin-top:9px;}		#exhibit:hover {background:url(img/exhibit.jpg) bottom right no-repeat; margin-top:9px;}
 
.intro {width:770px; border-top:20px solid #BED630; border-bottom:20px solid #BED630; margin-top:40px;}
.introtext {padding:30px 30px 30px 65px}
.reinvesting {padding-bottom:40px}

 /* sidebar */
.sidebar {width:120px; float:left}

/* exhibitor logos slideshow */
.who {width:120px; height:60px; float:left}
.who img.none {display:none}

.adverts {width:120px; height:367px; float:left} 

 /* sidebar */
.sidebar_left {float:left; width:120px}
.heading, .headingtop {float:left; margin-top:39px; padding-top:5px; padding-bottom:5px; border-top:8px solid #BED630}
.headingtop {margin-top:0px;}
.content {font-size:12px; line-height:14px; color:#5a5a5b}
.content a {color:#50b748;}

#twitter, #facebook, #rss {float:left; width:40px; height:32px; overflow:hidden; margin-top:5px;}
#twitter {position:relative; left:40px; /* remove relative and left when reinstating rss and facebook */ background:url(img/feeds.png) 0px 0px;}
#twitter:hover {background:url(img/feeds.png) 0px -32px}
#facebook {background:url(img/feeds.png) 0px -64px}					#facebook:hover {background:url(img/feeds.png) 0px -96px}
#rss {background:url(img/feeds.png) 0px -128px}						#rss:hover {background:url(img/feeds.png) 0px -160px}

/* main pages */
.page {float:left; margin-left:30px; width:750px;}
.page a {color:#50b748}
.reinvest {float:left; width:165px; height:45px; background-image:url(img/reinvest_main.gif); background-repeat:no-repeat; clear:left; margin-right:30px}
.firstpara {display:block; float:left; background-repeat:no-repeat; padding-bottom:30px; background-repeat:no-repeat}
.para {float:left; width:550px;}
.text {clear:left}

/* news pages */
h2.news {font-size:18px; color:#50b748; padding-top:30px; padding-bottom:20px; clear:left; font-weight:normal}

/* font settings */
.para p, .para li, .text, .companyproductkey, .tablelist a, table, .exhibitorname, .profile, .profilepara p, input, textarea, select, td, .text p {font-size:13px; line-height:18px;}
.para p, .para li, .text, .companyproductkey, .tablelist a, table, .exhibitorname, .profile, .profilepara p, .text p {padding-bottom:12px; color: #58595b}

/* table styles */
td, th { text-align: left; vertical-align: top }
th { font-weight: bold }

/* exhibitor list */
.exhibitorlist a {margin-right:30px}
.exhibitorlist img {margin-bottom:30px; border:1px solid #414142}

/* exhibitor list table */
.tablelist {float:left;}
.tablelist a {text-decoration:none; line-height:24px}
.tablelist a:hover {color:#50b748; font-weight:bold;}
.tablelist table {float:left; line-height:24px; margin-bottom:20px; border-bottom:1px solid #5a5a5b}
.tablelist table tr.highlight {background-color: #dcddde}
.tablelist table td {vertical-align: top; font-size:13px; line-height:24px}

#company, #stand, #area {background-repeat:no-repeat; border-bottom:1px solid #5a5a5b}
#company {background-image:url(exhibitors/list/img/companyname.gif)}
#stand {background-image:url(exhibitors/list/img/stand.gif)} 
#area {background-image:url(exhibitors/list/img/area.gif)}

/* exhibitor list key */
.companyproductkey {float:left; width:180px; line-height:24px; list-style-type:none; margin-left:15px}
#keyheading {display:block; width:160px; height:12px; background-image:url(exhibitors/list/img/productkeyheading.gif); background-repeat:no-repeat; margin-bottom:20px}
#accessories, #audio, #av, #effects, #industryservices, #lighting, #riggingstagingautomation {background-repeat:no-repeat; padding-left:30px;}
#accessories {background-image:url(exhibitors/list/img/exhibitorlistgreen.gif);}
#audio {background-image:url(exhibitors/list/img/exhibitorlistlightgreen.gif);}
#av {background-image:url(exhibitors/list/img/exhibitorlistyellow.gif);}
#effects {background-image:url(exhibitors/list/img/exhibitorlistgrey.gif);}
#industryservices {background-image:url(exhibitors/list/img/exhibitorlistred.gif);}
#lighting {background-image:url(exhibitors/list/img/exhibitorlistblue.gif);}
#riggingstagingautomation {background-image:url(exhibitors/list/img/exhibitorlistorange.gif);}

/* dropdowns */
.exhibitorlist_dropdowns {position:relative;}
#exhibitorlist_letter, #exhibitorlist_companyname, #exhibitorlist_producttype {position:absolute; width:138px; background:white; padding:10px; border-bottom:1px solid #5a5a5b; border-left:1px solid #5a5a5b; border-right:1px solid #5a5a5b; margin-top:-25px; display:none;}

#exhibitorlist_companyname {left:0px}
#exhibitorlist_letter {left:197px}
#exhibitorlist_producttype {left:393px}
#exhibitorlist_letter a, #exhibitorlist_companyname a, #exhibitorlist_producttype a {font-size:13px; color:#5a5a5b;  padding:2px; text-decoration:none; display:inline-block}
#exhibitorlist_producttype a {width:135px}
#exhibitorlist_letter a:hover, #exhibitorlist_producttype a:hover {color:#50b748; font-weight:bold;}

/* exhibitor profile page */
.exhibitorname {font-size:20px; color:#414142; font-weight:bold; margin-bottom:10px}
.exhibitorstand {font-size:16px; font-weight:bold; text-transform:uppercase; color:#50b748 }
.exhibitorlogo {float:left; padding:10px; border:1px solid #5a5a5b;}
.exhibitorproducts {margin-top:10px; border:1px solid #5a5a5b} 
.profilepara {float:left; width:460px} /* use when exhibitors are not displaying logo or product images*/
.profile {float:left; margin-right:140px;}
.profile li {list-style-type:none}
.profile li a{display:block; width:110px; background:#414142; color:#ffe600; padding:2px 2px 2px 10px; margin-bottom:5px; text-decoration:none;}
.profile li a:hover {background:#ffe600; color:#414142;}

/* show photography */
.thumbs {width:750px; padding-top:30px; clear:right}
.thumbs a {display:inline-block; border:1px solid #5a5a5b; opacity:0.7; filter:alpha(opacity=70); height:182px; margin-top:10px; margin-right:10px;}
.thumbs a:hover {border:1px solid #ffe600; opacity:1; filter:alpha(opacity=100);}

/* pages without main image slideshow */ 
img.logoright {float:right;}

/* main page slideshow */
.main_image {width:750px; height:260px; position:relative; border-bottom:8px solid #414142; margin-bottom:30px; }

/* press buttons */
.presscentre {float:left; position:relative; width:555px }
.presscentre a {display:block; float:left; width:270px; height:50px; overflow:hidden; margin-bottom:10px; background-image:url(img/press-buttons.gif); background-repeat:no-repeat; border:1px solid #5a5a5b}
#pcregister {background-position: 0px 0px; margin-right:10px;}		#pcregister:hover {background-position: 0px -50px}
#pcreleases {background-position: -282px 0px;}					#pcreleases:hover {background-position: -282px -50px}
#pcimages {background-position: -564px 0px; margin-right:10px}	#pcimages:hover {background-position: -564px -50px}
#pclogo {background-position: -846px 0px}						#pclogo:hover {background-position: -846px -50px}

/* travel */
#map {width:548px; height:300px; border:1px solid #414142; margin-top:10px; margin-bottom:20px}

/* manuals */
ul.nobullets {list-style-type:none}

/* education programme */
.education h2, .education h3  { clear: left; color: #58595b; text-transform: uppercase; margin-bottom: 10px }
.education h2 { font-size: 16px; margin-top: 15px; padding-top: 15px; border-top: 5px solid #bed630 }
.education h3 { font-size: 14px }
.education p b { color: #95a625; text-transform: uppercase }

/* enhanced listings */
.profilepara h2, .para h2 {margin-top:20px}

/* form */
label {display: block; float: left; width: 150px; margin-right: 10px}
input, select, textarea { width: 380px }
input.check, input.submit { width: auto }
input.submit { border: 1px solid black; background-color: #bed630; font-weight: bold; text-transform: uppercase }
input.submit:hover { background-color: #ffe600 }


/* footer */
.footer {width:900px;  clear:left; position:relative; padding-top:40px; margin-bottom:40px;}
.footer a {float:left; height:15px; overflow:hidden; margin-right:30px; background-image:url(img/footer.gif)}
.footer p {float:left; display:block; width:300px; height:15px; margin-bottom:20px; background-image:url(img/events.gif); background-repeat:no-repeat}
.aeo, .plasa {float:right; padding-top:0px}
.plasa {padding-right:60px;}

#contact {width:72px; background-position: 0px 0px}				#contact:hover {background-position: -150px 0px}
#terms {width:140px; background-position: 0px -15px}			#terms:hover {background-position: -150px -15px}
#privacy {width:48px; background-position: 0px -30px}			#privacy:hover {background-position: -150px -30px}
#care {width:138px; background-position: 0px -45px}				#care:hover {background-position:-150px -45px}