@charset "utf-8";
/* CSS Document */

body {background: url(../images/bg.png) repeat-x top #F2F2F2;margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a img {border: 0;}

.red {color: #900;}

#wrapper {width: 1050px; margin: 20px auto 0 auto;}

#head {float: left;width: 1050px; height: 250px; background: url(../images/main_bg.png) no-repeat top;}

#logo {float: left; background: none; height: 150px; width: 350px;margin: 30px 0 0 30px;}

/* -------------------------------------- menu start ------------------------------ */
#menu {height: 70px; width: 100%; float: left; background: none;padding: 0;margin-top: 10px;}
	#menu ul {background:url(../images/menu/menu_bg.png) repeat top;float: right;margin: 0 13px 0 0;padding: 0;}
	#menu ul li {float: left; list-style:none; padding: 15px 21px 20px 21px;}
	#menu ul li:hover {background:url(../images/menu/menu_bg_hover.png) repeat-x top;padding: 14px 21px 21px 21px;}
	#menu ul li.left {padding: 0; width: 15px; height: 70px; background:url(../images/menu/menu_bg_left.png) no-repeat top;}
	#menu ul li.spacer {padding: 0; width: 9px; height: 70px; background:url(../images/menu/menu_spacer.png) no-repeat top;}

/* drop down menu styles */
.dropdown {padding:0; margin:0; width: auto;float:left;}

.dropdown dt {width:auto; padding:0; font-weight:bold; cursor:pointer; margin:0; }

.dropdown dd {position:absolute; overflow:hidden; width:auto; display:none; z-index:200; /*opacity:0;*/ margin: -10px 0 0 -20px;}

.dropdown a.toplevelmain, .dropdown a.toplevelmain:active, .dropdown a.toplevelmain:visited {display:block; padding:0px 10px 13px 10px; color:#333; text-decoration:none;width:auto;}
.dropdown a.toplevelmain:hover {color:#000;/*background:url(../images/menu/menu_bg_hover.png) repeat-x top;*/padding: 0px 10px 14px 10px;}

.dropdown dd ul {width:180px; border:1px solid #900; list-style:none; border-top:none; margin: -10px 0 0 0; padding:0 !important; float:left; background: url(../images/dropdown-bg.png) repeat-x bottom #900 !important;}
.dropdown dd ul li {display:inline; width: 170px; margin:0; clear:both; background: none; padding: 5px !important;}
.dropdown dd ul li a.sublevelmain {padding:0 !important; background: none; color: #FFF; text-decoration:none;display:block;}
.dropdown dd ul li a.sublevelmain:hover {color: #900;display:block;}



/* ------------------------------------------- */

#right-box {float:right; height: 150px; width: 300px; background: url(../images/menu/mailing_bg.png) no-repeat top;margin: 30px 30px 0 0;}	
	#right-box #contacts {float: left; width: 260px; padding: 20px 20px 0 20px;font-size: 18px;font-weight: bold;}
			.conlab {float: left; width: 45px;}
	#right-box #selectboxes {float: left; width: 260px; padding: 15px 20px 0 20px;}
	#right-box #selectboxes form label {float: left; width: 110px; margin: 0 0 5px 0;}
	#right-box #selectboxes form select {float: left; width: 130px; margin: 0 0 5px 0;}
	#right-box #flags {float: left; width: 250px; padding: 0 25px 0 25px;}
	
#main {float: left;width: 1050px; min-height:750px; background:url(../images/wrap_bg.png) repeat-y top #FFF;}

#main #left {float: left;background: #FFF; width: 205px; min-height: 750px; margin-left: 18px; padding-bottom: 50px;}
	#main #left a {color:#666;text-decoration: none;}
	#main #left a:hover {text-decoration:underline;}
	#main #left ul {list-style:none;}
	#main #left ul.toplevel {float: left; padding: 0 5px 0 5px; width: 190px;cursor: pointer;}
	#main #left ul.toplevel li {padding: 10px 0 10px 0; border-bottom: 1px dotted #900;}
	#main #left ul.toplevel li ul.sublevel {margin: 5px 0 0 0; padding: 5px 0 5px 10px; background:#F2F2F2; width: 180px; }
	#main #left ul.toplevel li ul.sublevel li {border: none !important;}
	
	#main #left .event {float: left; padding: 0 5px 5px 5px; width: 180px; background: #F2F2F2; margin: 0 0 10px 5px;}
	#main #left .event a {color:#900;float:left;width: 100%;}
	
	#main #left #mailinglist {float: left; padding: 5px 10px 5px 10px; width: 168px; height: auto; border: 1px dotted #900; background: #F2F2F2; margin: 0 0 10px 5px;}
	#main #left .adverts {float: left; padding: 0; width: 180px; margin: 10px 0 0 5px;}
	
#main #right {float: left; color: #666; padding: 20px;width:780px;}
	#main #right #mainimage {float: left; width: 770px; height: 300px; background:#F2F2F2;margin: 0 0 30px 0;}
		#main #right ul {margin-left: 50px;}
		#main #right ul li a {color: #900; text-decoration:none;}
		#main #right ul li a:hover {text-decoration:underline;}
		
	#main #right #otherslist /*services page */ {float: left; width: 780px; border-top: 1px dotted #900; margin: 100px 0 0 0; }
	#main #right #otherslist a {color: #900; text-decoration:none;}
	#main #right #otherslist a:hover {text-decoration:underline;}

/* listed events */
#main #right .venue-container {float: left; width: 738px; background:#FFF;border: 1px dotted #900;padding: 10px;margin-bottom: 10px;}
#main #right .venue-container .container-description {float: left; width: 450px; float: left;}
#main #right .venue-container .container-image {float: right; width: 250px;}
#main #right .venue-container .container-image img {width:248px; border: 1px solid #FFF;}
#main #right .venue-container .container-image img:hover {border: 1px solid #900;}
#main #right .venue-container a {color: #900;text-decoration: none;}
#main #right .venue-container a:hover {color: #900;text-decoration: underline;}

/*individual event page */
#main #right #eventbox {float: left; width: 768px; height: auto; background: url(../images/event-bg.png) repeat-x bottom #FFF;margin: 0 0 10px 0; border: 1px dotted #900;}
	#eventbox #eventtext {float: left; width: 208px; padding: 10px 20px 10px 20px; height: auto; }
	#eventbox #eventimage {float: left; width: 520px; padding: 20px 0; height: auto; background:#FFF;}
	#eventbox #eventimage img {margin: 0 40px; width: 440px;height: auto;}
#eventdesc {float: left; width: 730px; margin: 0 0 30px 0; padding: 10px 20px 10px 20px;}	
#main #right #delegateSubmit, #main #right #exhibitorSubmit, #main #right #sponsorSubmit {float: left; margin: 0 10px 20px 0; padding: 0;}	
#main #right #sponsorSubmit {margin: 0 !important;}
#map {height: 248px;border: 1px dotted #900;}

/* property abroad show boxes */
#propertyabroadtop {float:left;width:770px;background:url(../images/propertyabroadshow/premier-ex_property-show_frontpage_graphic_01.jpg) no-repeat top; height:225px;}
#propertyabroadmiddle {float:left;width:770px;background:url(../images/propertyabroadshow/premier-ex_property-show_frontpage_graphic_02.jpg) no-repeat top; height:280px;}
#propertyabroadbottom {float:left;width:770px;background:url(../images/propertyabroadshow/premier-ex_property-show_frontpage_graphic_03.jpg) no-repeat top; height:95px;}
	#propertyabroadbottom div {float:right; margin-right:100px;width:300px; height:95px; }
	#propertyabroadbottom div h1 {color:#000;}
	#propertyabroadbottom div h1 a {font-size:large;color:#900;font-weight:normal;}

/* delegate and exhibitor forms */
#main #right #form-wrapper {float: left; width: 760px;}
#main #right #form-wrapper .form {background: #FFF; border: 1px dotted #900; padding: 20px;}
#main #right #form-wrapper .form label {float: left; width: 150px;}

/* select unit size for exhibitors */
#main #right .unitbox {float:left; width: 348px;margin: 0 20px 20px 0; border: 1px dotted #900; padding: 10px;background: #FFF;}
#main #right .unitbox:hover {border: 1px solid #900;}
#main #right .unitbox .unitimage {float:left; width: 80px; height: 80px;background:#FFF;}
#main #right .unitbox p {float: left;margin: 0 5px 0 5px;}
#main #right .unitbox p .size {color:#900;font-weight: bold;}
#main #right .unitbox form {float: right; margin: 0 5px 0 0;}
#main #right .unitbox form label {float: left; width: 100px;color:#900;}
#main #right .unitbox form .price {float: left; width: 70px;}
#main #right .unitbox form input.submit {float: right;margin-top: 5px;}
#main #right .unitbox form span.line {width: 100%; float: left;border-bottom: 1px dotted #900;margin-top: 2px;}
/* news page */
.newsarticle {float: left; width:728px; border: 1px dotted #900;padding: 5px 20px 20px 20px;margin-bottom: 30px;background: #FFF;}

/* contact form on contacts page */
#main #right #contactform {width: 738px; padding: 20px; float: left; border: 1px dotted #900; background: #FFF;}
#main #right #contactform #contactleft, #main #right #contactform #contactright {width: 50%; float: left;}
#main #right #contactform #contactbottom {width: 100%; float: left;margin-top: 20px;}
#main #right #contactform form label {width: 100px; float: left;clear: left;}
#main #right #contactform form input {float: left; width: 150px;}
#main #right #contactform form textarea {float: left; width: 150px; height: 100px;margin-bottom: 10px;}
#main #right #contactform form input.submit {float: left; width: auto !important;}

/* start footer */
#foot {bottom: 0; width: 100%; min-height: 100px; background: url(../images/foot_bg.png) repeat-x top #202020; float: left;}
#footwrapper {width: 1050px; margin: 0 auto;}
#foot .left, #foot .right {width: 499px; float: left; color: #CCC; margin: 20px 13px 0 13px;}
#foot .right {text-align: right;}
#foot .right a {color: #FFF; text-decoration:none;}
#foot .right a:hover {text-decoration:underline;}