@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;
	}
	
#hybrid_img {
	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_long.jpg) no-repeat 0px -49px;
}

#nav_home.current a:link, #nav_home.current a:visited {
  background: url(images/mq_btns_long.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_long.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_long.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_long.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_long.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_long.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_long.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_long.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_long.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_long.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_long.jpg) no-repeat 0px -49px;
}

#overview.current a:link, #overview.current a:visited {
  background: url(images/mq_btns_long.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_long.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_long.jpg) no-repeat -102px -147px;
}

/* - Graphics Guide - */
#graphics {
  left: 198px;
}
#graphics, #graphics a {
  width: 134px;
}
#graphics .effect, #graphics a:hover, #graphics a:focus {
  background: url(images/mq_btns_long.jpg) no-repeat -198px -49px;
}
#graphics .mousedown, #graphics a:active {
  background-position: -198px -98px;
}
#graphics.current a:link, #graphics.current a:visited {
  background: url(images/mq_btns_long.jpg) no-repeat -198px -147px;
}

/* - Tutorial - */

#tutorial {
	left:335px;
}

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

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



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