/* CLEAR DEFAULTS -------------------------------------*/
:link,:visited {text-decoration:none;} 
a img,:link img,:visited img {border:none;}

address {font-style:normal;}
form { display:inline; }

i {display:none;}
img { border:0px; }

ul,ol,dl {list-style:none;} 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,div { margin:0px; padding:0px;} 

em { font-style:italic;}
strong { font-weight:bold;}
h1,h2,h3,h4,h5,h6,pre,code { font-weight:normal; }

p { margin-bottom:15px; margin-top:1px; line-height:1.4em; text-align:left; }
sup { font-size:0.7em; margin-top:-2px; padding:-5px; height:1em; top:-0.2em; position:relative; width:6px; z-index:1; }

h1 {
	margin:0px 0px 8px 0px;
	padding:0px;
	font: bold 24px/1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#FF9900;
	border-bottom:0px solid #ccc;
}
h2 { margin:20px 0px 8px 0px; padding:0px; font: bold 18px/1.4em Georgia, "Times New Roman", Times, serif; color:#199194; font-style:italic; }
h3 { margin:0px 0px 10px 0px; padding:0px; font: normal 16px/1.4em Tahoma, Geneva, sans-serif; color:#CF8E32; }
h4 { margin:0px 0px 10px 0px; padding:0px; font: bold 15px/1.4em Tahoma, Geneva, sans-serif; color:#000;}
h5 { margin:0px 0px 10px 0px; padding:0px; font: normal 12px/1.4em Tahoma, Geneva, sans-serif; }

a:link, a:visited {	color:#A95126; text-decoration:none; }
a:hover { text-decoration:underline;}
.More { font-style:italic;}

/* HTML TAG STYLES -------------------------------------*/
html {  }
body {
	background-image: url(/base/images/presentation/BG-Body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#fff;
	color:#3B2A20;
	text-align:center;
	margin:0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font: 16px/1.2em Georgia, "Times New Roman", Times, serif;
}

/* PAGE LAYOUT -------------------------------------*/
#PageWrapper { width:950px; padding:0px; margin:0px auto 0px auto; text-align:center; }

/* Header Styles -------------------------------------*/
#HeaderWrapper {
	margin:0px auto 0px auto;
	text-align:center;
	width:100%;
	height:274px;	
	background-image: url(/base/images/presentation/BG-Header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#HeaderWrapper img {
	float:right;
	margin:32px 32px 0px 0px;
}
#HeaderWrapper #HeaderMotion {
	float:right;
	margin:32px 32px 0px 0px;
}

/* Tagline quote in header */
#TagLine {
	float:right;
	width:400px;
	height:120px;
	margin: 75px 30px 0px 0px;
	padding:0px;
	}				

#TagLine p { 
	text-align:left;
	text-transform:none;
	color:#563232;
	font: italic bold 24px/normal Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	}				

#TagLine .Author {
	font: italic bold 16px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-align:right;
	padding-bottom:0px;
	margin: 20px 0px 0px 180px;
	}
	
#TagLine .Open {
	float:left;
	display:inline;
	height:31px;
	width:29px;
	padding: 0px 5px 0px 3px;
	margin-right:5px;
	background-image: url(/base/images/presentation/QuotesLargeOpen.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	} 

#TagLine .Close { 
	float:right;
	height:31px;
	width:29px;
	padding-left:3px;
	margin:-35px 5px 0px 0px;
	padding-right:5px;
	background-image: url(/base/images/presentation/QuotesLargeClose.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
 


/* Tiny Menu */
#TinyMenuWrapper { width:100%; padding:0px;	margin: 15px auto 0px auto; }
#TinyMenuBar {
	float:left;
	width:950px;
	padding:0px;
	margin:8px 0px 0px 0px ;
	font-family:"trebuchet MS", tahoma, arial, sans-serif;
	font-size:11px;
	line-height:normal;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
	}
				#TinyMenuBar ul {
					list-style:none;
					margin:0px 0px 0px 0px;
				}
				#TinyMenuBar li {
					display:inline;
					padding: 0px 10px 0px 10px;
					border-left:1px dotted #666;
				}
				#TinyMenuBar li.First {	border:none;}
				#TinyMenuBar a { color:#ccc; text-decoration:none;}
				#TinyMenuBar a:hover { color:#666; text-decoration:underline; }



/* Main Menu */
#MenuWrapper { width:100%; padding:0px; margin:0px auto 0px auto; text-align:center;
 }
#MenuBar { /* This is the exception. For the Home page only to create the large header.  */
	float:left;
	width:900px;
	margin:30px auto 0px auto; 
	padding:0px;
	font-family:"trebuchet MS", tahoma, arial, sans-serif;
	font-size:16px;
	line-height:normal;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	}

				#MenuBar ul {
					list-style:none;
					margin:0px 0px 0px 0px;
				}
				#MenuBar li {
					display:inline; 
					padding: 0px 10px 0px 10px;
					border-left:1px solid #3B2A20;
				}
				#MenuBar li.First {	border:none;}
				#MenuBar a { color:#666; text-decoration:none; width:150px;}
				#MenuBar a:hover { color:#fff; text-decoration:none; }
		
/* Current page menu highlighter */

#Home #Nav-Home a,
#Products #Nav-Products a, 
#Moving #Nav-Moving a, 
#Scanning #Nav-Scanning a, 
#FollowSpots #Nav-FollowSpots a, 
#LED #Nav-LED a, 
#Contact #Nav-Contact a,  
{
	color:#f90;
	border-bottom:5px solid #666;
}
	
/* Content where content is located */ 
#ContentWrapper {
	width:100%;
	margin:0px auto 0px auto; 	text-align:center;
	padding:0px;
	vertical-align:top;
	background-image: url(/base/images/presentation/BG-Content.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#Content {
	width:100%;
	min-height:300px;
	padding:30px 10px 0px 10px;
	margin:0px auto 0px auto;
	text-align:center;	
}
	
	#Content #Left {
		width:450px;
		float:left;
		clear:right;
		text-align:left;
		padding:0px;
		margin:0px 20px 0px 0px;
				}
				
		#Content #Right {
			width:400px;
			float:right;
			text-align:left;
			padding:0px;
			margin:0px 0px 0px 0px;
			border:0;
		}

		#Content #Full {
				width:890px;
				float:left;
				text-align:left;
				padding:0px;
				margin:0px 10px 0px 0px;
				}

 #Content #Right img { float:left; clear:right; margin:10px; margin-top:0px; margin-left:0px; }




/* Footer Styles -------------------------------------*/
#FooterWrapper {
	width: 100%;
	height:175px;
    margin: 0px auto 0px auto;
	text-align:center;
	padding:0px;
	background-image: url(/base/images/presentation/BG-Footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; background-repeat:repeat-x;
	}

#Footer {	
	margin:20px auto 0px auto;
	padding:100px 0px 0px 0px;
	font-size: 11px; 
	text-align: left; 
	text-transform: none; 
	color:#5C4232; 
	clear:both;
	}
	
/* divide the footer into separate sections*/	
#Footer .Left { float:left;  width:350px; margin-top:0px; margin-left:25px;}
#Footer .Right {float:right; width:300px; margin-top:0px; }
#Footer .Center { text-align:center;}

/* Format the info area */
#Footer h1 { font: bold 12px/1.4em Tahoma, Helvetica, sans-serif; color:#5C3232; border:0; margin:0px 0px 0px 0px;}
#Footer address {  }

#Footer a { text-decoration:none; font-weight:normal; color:#f90;}
#Footer a:hover { text-decoration:underline; color:#000;}

#Footer li { display:inline; margin:0px 40px 0px 0px;}

/* Footer Menu */
#Footer #MenuBar {
	padding:0px;
	margin:0px 30px 0px 0px ;
	font-family:"trebuchet MS", tahoma, arial, sans-serif;
	font-size:11px;
	line-height:normal;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
	}
				#Footer #MenuBar ul {
					list-style:none;
					margin:0px 0px 0px 0px;
				}
				#Footer #MenuBar li {
					color:#999; 
					display:block;
					padding: 0px 10px 0px 10px;
					/*border-left:0px dotted #666;*/
				}
				#Footer #MenuBar li.First {	border:none;}
				#Footer #MenuBar a { color:#f90; text-decoration:none;}
				#Footer #MenuBar a:hover { color:#fff; text-decoration:underline; }






				
/* Floats Images */
.ImgLeftFloater1  {float:left; margin:0px 10px 20px 10px; border: 2px solid #666;}
.ImgRightFloater1 {float:right; margin:0px 0px 20px 15px; border: 2px solid #666;}

/* For the Customer Testimonials page */

#ClientList p.Quote  {
	margin-top:20px;
	text-align:left;
	font: italic normal 16px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#000;
}

#ClientList p.Author {
	font: italic normal 12px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#666;
	text-align:right;
	padding-bottom:0px;
	margin:0px;
}

/* Mailing List Box */
#MailingList { float:left; width:300px; height:90px; background-color:#eee; border:1px solid #ccc; padding:0px; text-align:center; }
#MailingList h1 { padding:3px; padding-left:10px; color: #990000;  margin:0px; }
#MailingList p { padding:0px; padding-left:10px; margin:0px;  }


		
/* Document icons */
	a.pdf {background:url(/images/icons/ico-pdf.gif) no-repeat left top; padding-left:20px; margin-right:20px; padding-right:20px; display:block; float:left; }
	a.doc {background:url(/images/icons/ico-doc.gif) no-repeat left top; padding-left:20px; margin-right:20px; padding-right:20px; display:block; float:left; }


/* UNUSED   News  */
#NewsWrapper {
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}
							#NewsTop {
								width:320px;
								background-image: url(/base/images/presentation/BG-NewsTop.jpg);
								background-repeat: no-repeat;
								background-position:center top;
							}
							#NewsBottom {
								width:320px;
								background-image: url(/base/images/presentation/BG-NewsBottom.jpg);
								background-repeat: no-repeat;
								background-position:center bottom;
								padding:0px 0px 20px 0px;
							}

#NewsWrapper h1 { 
		font: normal 22px/1.4em Tahoma, Arial, Helvetica, sans-serif; 
		color:#000; 
		border:0px; 
		margin:0px 0px 15px 10px;
		padding:15px 0px 0px 10px;}
		
#NewsItem {clear:both; min-height:70px;}

#NewsItem img {
	float:left; clear:both;
	width:55px; height:65px; 
	margin: 0px 0px 0px 15px;
	padding:0px 10px 0px 0px;
	}

#NewsItem h2 {
	float:right;  
	width:220px;
	padding:0px;
	margin:0px 15px 0px 0px; /* IE6 Doubles the left margin since its a left float so fix it for IE6 */
	font: normal 18px/1em Tahoma, Arial, Helvetica, sans-serif;
	text-transform: capitalize; 
	text-align:left;
	 }
					#NewsItem h2 a:hover { color:#000; text-decoration:none;}
#NewsItem p {
	float:right; 
	width:220px;
	padding:0px;
	margin:0px 15px 0px 0px; /* IE6 Doubles the left margin since its a left float so fix it for IE6 */
	text-transform: none;
	text-align:left;
	color:#333;
	font: normal 12px/1.4em Tahoma, Arial, Helvetica, sans-serif;
	}
 
#NewsItem .More {
	float:right;
	font: italic normal 9px/1.4em Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	padding-bottom:0px;
	margin:5px 20px 0px 0px; }

/* News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News */


	
/* UNUSED  Three categories at left on home page */
#Categories { width:400px; margin:10px 0px 0px 0px; padding-top:20px; }
#Category { margin:10px 0px 20px 0px; border-bottom:1px solid #ccc;  }
#Category .Last { border-bottom:0px;  }
#Category img { 
	float:left; clear:right; 	
	margin: 0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	border:none;
	}
	
#Category h1 {
	margin:3px 0px 2px 0px; 
	padding:0px 0px 0px 0px; 
	font: normal 22px/1em Tahoma, Arial, Helvetica, sans-serif;
	color:#000; 
	border-bottom:0px solid #67711B;
	text-decoration:none; 
	}
	
#Category h1 a:hover {
	color:#333;
	text-decoration:none;
	}

#Category p { margin-bottom:0px; margin-top:0px; line-height:1.3em; }

/* Product Listings on most Pages */
#ProductList { width:98%; margin:0px 0px 0px 0px;  padding-top:10px; }
	#ProductList #Column1 { 
		width:45%; 
		float:left;
		margin:0px 0px 0px 0px; }
		
	#ProductList #Column2 { 
		width:45%; 
		float:right;
		margin:0px 0px 0px 0px; }
		
	#ProductList #Left { 
		width:110px; 
		float:left;
		margin:0px 0px 0px 0px; }
		
	#ProductList #Right { 
		width:280px; 
		float:right;
		margin:0px 0px 0px 0px; }


/* Product Listings on Home Page */
#Home #ProductList{ width:400px; margin:0px 0px 0px 0px;  padding-top:10px; }

#Home #ProductList #Left { 
		width:110px; 
		float:left;
		margin:0px 10px 0px 0px; }
		
#Home #ProductList #Right { 
		width:280px; 
		float:left;
		margin:0px 0px 0px 0px; }

/* Products - controls appearance of products anywhere in site */

#Product { min-height:100px; margin:10px 0px 20px 0px;  
			border-bottom:0px solid #ccc;}
			
#Product .Last { border-bottom:0px;  }
#Product img { 
	float:left; clear:right; 	
	margin: 0px 10px 0px 0px;
	padding:0px;
	border:2px solid #666;
	}
	
#Product img:hover {
	filter: Alpha(Opacity=50, FinishOpacity=20, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0);
}
	
#Product h1 {
	margin:0px 0px 2px 0px; 
	padding:0px 0px 0px 0px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:22px;
	font-style:normal;
	line-height:1em; 
	border-bottom:none;
	text-decoration:none; 
	}
	
#Product h1 a:hover {
	color:#333;
	border-bottom:none;
	text-decoration:none;
	}

#Product p { margin-bottom:0px; margin-top:0px; line-height:1.3em; }

/* Lists */
.ListBig {
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	display:block;
	list-style:square;
	line-height: 20px;
}

.ListNormal {	
	font-size:12px;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	display:block;
	list-style:square;
	line-height: 20px;
}

/* Download PDF Area */
#DownloadPDF { 
    float:right; 
	clear:both; 
	width:230px; 
	height:150px; 
	margin:20px 15px 10px 10px; 
	padding:10px; 
	background-color:#fefefe;
	background-image: url(/base/images/presentation/BG-QuoteWrapper.jpg);
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-position:left top;
	border:1px solid #ccc;
}

#DownloadPDF .Instructions { font-size:10px; font-style:italic; margin:0px 0px 5px 10px;}
#DownloadPDF h1 { 	margin:0px 0px 10px 0px;
					padding:0px 5px 0px 5px;
					font: bold 14px/1.4em Tahoma, Arial, Helvetica, sans-serif;
					color:#666;
					border-bottom:1px solid #ccc;
					}
#DownloadPDF img { float:left; margin-right:15px;}

/* Quotes */
#QuoteWrapper {
	float: left;
	clear:both;
	width: 380px;
	min-height:150px;
	margin: 20px 5px 10px 0px;
	padding:10px;
	background-color: #fefefe;
	background-image: url(/base/images/presentation/BG-QuoteWrapper.jpg);
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-position:left top;
	border:1px solid #ccc;
}

#Quote p {
	float:left;
	text-align:left;
	font: italic normal 16px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#000;
}
#Quote .Open { float:left; height:22px; width:24px; display:inline; padding: 0px 5px 0px 3px; margin-right:5px;  } 
#Quote .Close { float:right; clear:both; height:22px; width:24px; padding-left:3px; margin-right:5px; padding-right:5px; }
 
#Quote .Author {
	font: italic normal 12px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#666;
	text-align:right;
	padding-bottom:0px;
	margin: 0px;
}


/* Forms ----------------------------------- */
		Form { text-align:left;  font-family: Arial, Helvetica, sans-serif; font-size:12px; }
			
		 fieldset { border:1px solid #ccc; margin:15px; padding:15px; width:100%;}
		 legend{ color:#999;}
		 label { display: block; color:#666; vertical-align:top; text-align:right; white-space:nowrap; vertical-align:baseline; font-weight:normal; font-style:italic; margin-top:-2px; margin-right:8px; }
		 input { display: block;  }
		 textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px;   }
		 select, option {  }
		
		.button /* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ }
		.select /* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ }
		.checkbox /* Checkboxes are treated with a class since IE6 doesn't recognize attribute selectors. Apply the checkbox class to all checkboxes. */ 
		{ width:16px; }
		.radio /* Radio buttons are treated with a class since IE6 doesn't recognize attribute selectors. Apply the radio class to all radio buttons. */ 
		{ width:16px; }
		.InputRequired { background-color: #FFC; }
		/* Use as classes for various inout lengths */
		.InputTiny  { width:16px; }
		.InputShort { width:150px;}
		.InputMid   { width:300px;}
		.InputLong  { width:450px;}


/* Contact Form  */
#ContactForm { /*height:700px; width:600px; margin:-20px 0px 0px 10px; 
	background-image: url(/base/images/presentation/ContactForm-BG.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
}