@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.jpg);
	height:447px;
	width:1000px;
	background-repeat:repeat-x;
	color:#fff;
	}
	
#header img {
	margin-left:25px;
	margin-top:01px;
}



	
#navlinks {
	margin-left:455px;
	margin-top:-49px;
	}
	
#links {
	margin-top:384px;
	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: 1000px;
  height: 48px;
  background: url(images/sm_nav.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 - */
#overview { 
  left: 1px;
}
#overview, #overview a { 
  width: 102px;
}
#overview .effect, #overview a:hover, #overview a:focus {
  background: url(images/sm_nav.jpg) no-repeat 0px -49px;
}

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

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

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

/* - Resources - */

#tutorial {
	left:314px;
}

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

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



/* - contact - */
#products {
  left: 407px;
}
#products, #products a {
  width: 174px;
}
#products .effect, #products a:hover, #products a:focus {
  background: url(images/sm_nav.jpg) no-repeat -407px -49px;
}
#products .mousedown, #products a:active {
  background-position: -407px -98px;
}
#products.current a:link, #products.current a:visited {
  background: url(images/sm_nav.jpg) no-repeat -407px -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;
}


	
	
	
/* 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;}