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


body {
	text-align:center;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	}

#container {
	width:1000px;
	margin:0 auto;
	padding:0;
	text-align:left;
	font-family:"Century Gothic", Century, Arial;
	color:#fff;
	}
	
	
#header {	
	background-image: url(../images/top_bk_2.jpg);
	height:447px;
	width:1000px;
	background-repeat:repeat-x;
	color:#fff;
	}
	
#header img {
	margin-left:25px;
	margin-top:01px;
}

li span {
	font-weight:bold;
	color:#a01630;
}

	
#navlinks {
	margin-left:405px;
	margin-top:-55px;
	}
	
#links {
	margin-top:351px;
	margin-left:0px;
	padding:0;
	}	
	
	
#FlashID {
	margin-left:0px;;
	margin-top:50px;	
	z-index:3;
	padding:0;
	position:absolute;
	border-top:solid 2px #fff;
	}
		
#my-glider {
	margin-left:0px;;
	margin-top:50px;	
	z-index:3;
	padding:0;
	position:absolute;
	border-top:solid 2px #fff;
	}
	
/* Navigation link settings */

/* define main nav bar width, height and background image */
.nav {
  width: 701px;
  height: 48px;
  background: url(images/mq_btns.jpg);
  background-repeat:no-repeat;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav li {
	display: block;
}

.nav li a {
  left: 0;
	text-indent: -9999em;
}

.nav li.current a {
  cursor: default;
}

.nav li .effect {
  left: 0;
  width: 100%;
}

.nav li,
.nav li a,
.nav li .effect {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* individual elements defined here */

/* - home - */
#nav_home { 
  left: 1px;
}
#nav_home, #nav_home a { 
  width: 74px;
}
#nav_home .effect, #nav_home a:hover, #nav_home a:focus {
  background: url(images/mq_btns.jpg) no-repeat 0px -49px;
}

#nav_home.current a:link, #nav_home.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat 0px -147px;
}

/* - Products - */
#nav_products {
  left: 77px;
}
#nav_products, #nav_products a {
  width: 86px;
}
#nav_products .effect, #nav_products a:hover, #nav_products a:focus {
  background: url(images/mq_btns.jpg) no-repeat -75px -49px;
}
#nav_products .mousedown, #nav_products a:active {
  background-position: -75px -98px;
}
#nav_products.current a:link, #nav_products.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -75px -147px;
}

/* - services - */
#nav_services {
  left: 164px;
}
#nav_services, #nav_services a {
  width: 92px;
}
#nav_services .effect, #nav_services a:hover, #nav_services a:focus {
  background: url(images/mq_btns.jpg) no-repeat -164px -49px;
}
#nav_services .mousedown, #nav_services a:active {
  background-position: -158px -98px;
}
#nav_services.current a:link, #nav_services.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -164px -147px;
}

/* - Resources - */

#nav_resources {
	left:259px;
}

#nav_resources, #nav_resources a {
		width:94px;
}

#nav_resources .effect, #nav_resources a:hover, #nav_resources a:focus {
  background: url(images/mq_btns.jpg) no-repeat -259px -49px;
}
#nav_resources .mousedown, #nav_resources a:active {
  background-position: -259px -98px;
}
#nav_resources.current a:link, #nav_resources.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -259px -147px;
}



/* - contact - */
#nav_contact {
  left: 358px;
}
#nav_contact, #nav_contact a {
  width: 110px;
}
#nav_contact .effect, #nav_contact a:hover, #nav_contact a:focus {
  background: url(images/mq_btns.jpg) no-repeat -358px -49px;
}
#nav_contact .mousedown, #nav_contact a:active {
  background-position: -358px -98px;
}
#nav_contact.current a:link, #nav_contact.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -358px -147px;
}
	
	

	
	

/* Content Middle Settings */

#content {
	background-image:url(images/middle_bk.jpg);
	width:1000px;
	background-repeat: repeat;
	color:#000;
	background-color:#a0a0a0;
	line-height:145%;
	font-size:small;
	height:400px;
	}
	
#leftcol {
		width:400px;
		margin-left:25px;
		padding-top:8px;
		float:left;
}

#rightcol {
		padding-right:25px;
		margin-top:8px;
		width:450px;
		float:right;
}

.rightbox img {
		padding-left:8px;
}

.rightbox2 img {
		padding-left:23px;
}
	
/* Btn Settings */

#tutorial, #downloadflyer {
		color:#fff;
}

	
	
/* Setup of footer styles */	
	
#footer {
	background-image:url(images/footer_bk.jpg);
	width:1000px;
	color:#fff;
	background-repeat:repeat-x;
	height:175px;
	}
	
#footer img {	
	margin-top:15px;
	margin-left:25px;
}

	
#phone{
	float:inherit;
	margin-left:360px;
	margin-top:-72px;
	line-height:80%;
	font-size:medium;
	}
	
#phone a {
		color:#fff;
		text-decoration:none;
}

#phone span {
		font-size: smaller;
}
	
#sitelinks {
		padding:0;
		margin:0;
		clear:both;
		margin-left:25px;
		margin-top:-10px;
}

#sitelinks li {
		float:left;
		list-style:none;
		padding-right:4px;
		padding-left:4px;
		font-size:small;
}

#sitelinks a {
		color:#fff;
		text-decoration:none;
}

#copyright {
	clear:both;
	font-size:small;
	margin-left:28px;
	padding-top:5px;
}


/* MQ Gallery Page Settings */

#FlashGallery {
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
}


#gallery_links {
	margin-top:0px;
	margin-left:0px;
	padding:0;
	}	
	
	
/* Settings for Top Navigation for ExpoSite */

ul.menu {list-style:none; margin:0; padding:0;}

ul.menu * {margin:0; padding:0;}

ul.menu a {display:block; color:#000; text-decoration:none;}

ul.menu li {position:relative; float:left; margin-right:0px;}

ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none;}

ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0;}

ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1;}

ul.menu ul li a:hover {background-color:#c5c5c5;}

ul.menu ul ul {left:148px; top:-1px;}

/*Sets the main level button appearance */
ul.menu .menulink {border-right:1px solid #fff; padding:5px 7px 7px; background:url(images/mq_btns_bkgrd.jpg); width:94px; height:35px; color:#fff; font-size:15px;}

ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif); color:#000;}

ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}

ul.menu .topline {border-top:1px solid #aaa;}


/* Navigation link settings */

/* define main nav bar width, height and background image */
.nav {
  width: 901px;
  height: 48px;
  background: url(images/mq_btns.jpg);
  background-repeat:no-repeat;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav li {
	display: block;
}

.nav li a {
  left: 0;
	text-indent: -9999em;
}

.nav li.current a {
  cursor: default;
}

.nav li .effect {
  left: 0;
  width: 100%;
}

.nav li,
.nav li a,
.nav li .effect {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* individual elements defined here */

/* - Overview - */
#overview { 
  left: 1px;
}
#overview, #overview a { 
  width: 100px;
}
#overview .effect, #overview a:hover, #overview a:focus {
  background: url(images/mq_btns.jpg) no-repeat 0px -49px;
}

#overview.current a:link, #overview.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat 0px -147px;
}

/* - Features - */
#features {
  left: 102px;
}
#features, #features a {
  width: 94px;
}
#features .effect, #features a:hover, #features a:focus {
  background: url(images/mq_btns.jpg) no-repeat -102px -49px;
}
#features .mousedown, #features a:active {
  background-position: -102px -98px;
}
#features.current a:link, #features.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -102px -147px;
}

/* - Accessories - */
#accessories {
  left: 198px;
}
#accessories, #accessories a {
  width: 117px;
}
#accessories .effect, #accessories a:hover, #accessories a:focus {
  background: url(images/mq_btns.jpg) no-repeat -198px -49px;
}
#accessories .mousedown, #accessories a:active {
  background-position: -198px -98px;
}
#accessories.current a:link, #accessories.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -198px -147px;
}

/* - Tutorial - */

#tutorial {
	left:315px;
}

#tutorial, #tutorial a {
		width:90px;
}

#tutorial .effect, #tutorial a:hover, #tutorial a:focus {
  background: url(images/mq_btns.jpg) no-repeat -315px -49px;
}
#tutorial .mousedown, #tutorial a:active {
  background-position: -315px -98px;
}
#tutorial.current a:link, #tutorial.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -315px -147px;
}


/* - Configurations - */

#config {
	left:407px;
}

#config, #config a {
		width:130px;
}

#config .effect, #config a:hover, #config a:focus {
  background: url(images/mq_btns.jpg) no-repeat -407px -49px;
}
#config .mousedown, #config a:active {
  background-position: -407px -98px;
}
#config.current a:link, #config.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -407px -147px;
}



/* - gallery - */
#gallery {
  left: 538px;
}
#gallery, #gallery a {
  width: 80px;
}
#gallery .effect, #gallery a:hover, #gallery a:focus {
  background: url(images/mq_btns.jpg) no-repeat -538px -49px;
}
#gallery .mousedown, #gallery a:active {
  background-position: -538px -98px;
}
#gallery.current a:link, #gallery.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -538px -147px;
}




	

/* - Table Tops - */
#tabletop{
  left: 618px;
}
#tabletop, #tabletop a {
  width: 160px;
}
#tabletop .effect, #tabletop a:hover, #tabletop a:focus {
  background: url(images/mq_btns.jpg) no-repeat -618px -49px;
}
#tabletop .mousedown, #tabletop a:active {
  background-position: -618px -98px;
}
#tabletop.current a:link, #tabletop.current a:visited {
  background: url(images/mq_btns.jpg) no-repeat -618px -147px;
}
	
	
	
/* Settings for nav links on Trade Show Displays Page */

/* individual elements defined here */

/* - Trade Show Displays - */
#tsdisplay { 
  left: 1px;
}
#tsdisplay, #tsdisplay a { 
  width: 160px;
}
#tsdisplay .effect, #tsdisplay a:hover, #tsdisplay a:focus {
  background: url(../homemenu/tsd_btns.jpg) no-repeat 0px -49px;
}

#tsdisplay.current a:link, #tsdisplay.current a:visited {
  background: url(../homemenu/tsd_btns.jpg) no-repeat 0px -147px;
}

/* - Custom Exhibits - */
#cusexh {
  left: 161px;
}
#cusexh, #cusexh a {
  width: 133px;
}
#cusexh .effect, #cusexh a:hover, #cusexh a:focus {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -161px -49px;
}
#cusexh .mousedown, #cusexh a:active {
  background-position: -161x -98px;
}
#cusexh.current a:link, #cusexh.current a:visited {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -161px -147px;
}

/* - Banner Stands - */
#stands {
  left: 295px;
}
#stands, #stands a {
  width: 180px;
}
#stands .effect, #stands a:hover, #stands a:focus {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -295px -49px;
}
#stands .mousedown, #stands a:active {
  background-position: -295px -98px;
}
#stands.current a:link, #stands.current a:visited {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -295px -147px;
}

/* - Accessories - */

#opti {
	left:475px;
}

#opti, #opti a {
		width:180px;
}

#opti .effect, #opti a:hover, #opti a:focus {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -475px -49px;
}
#opti .mousedown, #opti a:active {
  background-position: -475px -98px;
}
#opti.current a:link, #opti.current a:visited {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -475px -147px;
}



/* - Mall Kiosks - */
#kiosks {
  left: 656px;
}
#kiosks, #kiosks a {
  width: 97px;
}
#kiosks .effect, #kiosks a:hover, #kiosks a:focus {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -656px -49px;
}
#kiosks .mousedown, #kiosks a:active {
  background-position: -656px -98px;
}
#kiosks.current a:link, #kiosks.current a:visited {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -656px -147px;
}

/* - Checklist - */
#checklist {
  left: 752px;
}
#checklist, #checklist a {
  width: 252px;
}
#checklist .effect, #checklist a:hover, #checklist a:focus {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -752px -49px;
}
#checklist .mousedown, #checklist a:active {
  background-position: -752px -98px;
}
#checklist.current a:link, #checklist.current a:visited {
  background: url(../homemenu/tsd_btns.jpg) no-repeat -752px -147px;
}	
	
	

/* Settings for MQS Gallery Page */

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */