/* 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 Georgia, "Times New Roman", Times, serif; font-style:italic;
	color:#005F97;
	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:#0093D6; font-style:italic; }
h3 { margin:0px 0px 10px 0px; padding:0px; font: bold 16px/1.4em Georgia, "Times New Roman", Times, serif; color:#005F97; font-style:italic; }
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:#005F97; text-decoration:underline; }
a:hover { text-decoration:none; color:#999;}
a.More { font-style:italic;}

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

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

/* Header Styles -------------------------------------*/
#HeaderStrip {
	margin:0px auto 0px auto;
	text-align:center;
	width:100%;
	height:152px;	
	background-image: url(/base/images/presentation/Header-Strip-BG.jpg);
	background-repeat: repeat-x;
	background-position: center top; 
}

#HeaderWrapper {
	width:900px; 
	margin:0px auto 0px auto;
	text-align:center;
	height:152px;	
	background-image: url(/base/images/presentation/Header-Logo.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
}




/* 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;
}
 
/* To replace HR */
.HR { border-bottom:1px solid #ccc;}

/* 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.  */
	xxxfloat:left;
	width:880px;
	margin:10px auto 0px auto; 
	padding:0px;
	font-family:"trebuchet MS", tahoma, arial, sans-serif;
	font-size:14px;
	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:#ccc; 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:30px auto 0px auto; 	text-align:center;
	padding:0px;
	vertical-align:top;
/*	background-image: url(/base/images/presentation/Content-BG.jpg);
	background-repeat: repeat-y;
	background-position: center top;
*/}

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

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

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

#Footer { width:880px;	
	margin:0px auto 0px auto;
	padding:15px 0px 0px 0px;
	font-size: 12px; 
	text-align: left; 
	text-transform: none; 
	color:#eee; 
	clear:both;
	}
	
/* divide the footer into separate sections*/	
#Footer #Column { float:left;  margin-top:0px; margin-right:30px; clear:right; }

/* 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:block; margin:0px 0px 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; }
/* FAQ Page */				 
#FAQWrapper {
	width:100%;
	margin: 20px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-align:left; }
#FAQ { border-bottom:1px solid #ccc; margin-bottom:10px;  }
#FAQ h2 {margin-bottom:0px; line-height:normal;  }
#FAQ p {  }
 
#FeatureBlipWrapper {
	width:100%;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	xxxbackground-image: url(/base/images/presentation/FeatureBlip-BG.jpg);
	background-repeat: no-repeat;
	background-position:right bottom; }
	
		#FeatureBlipWrapper #Column { width:430px; float:left; clear:right;}
 
 		#FeatureBlip { float:left; clear:left;
			width:90%; 
			height:80px;
			margin: 0px 0px 0px 0px;
			padding:0px 10px 5px 0px;
			border-bottom:1px solid #ddd;
			xxxbackground-image: url(/base/images/presentation/FeatureBlip-BG.jpg);
			background-repeat: no-repeat;
			background-position:right bottom; } 
			
		#FeatureBlip h3 {font-size:16px; margin:10px 0px 0px 0px; line-height:1em;}
		#FeatureBlip p { font-size:11px;  margin:5px 0px 0px 0px;}
		#FeatureBlip img { float:left; margin:0px 0px 10px 0px;}


.FinePrint { font-size:10px; font-style:italic; }

/* main page screenshot columns */
#ScreenshotBlurb {  width:100%; margin-top:10px; }
#ScreenshotBlurb img {  display:block; margin-bottom:10px; border:2px solid #ccc; }


#Blurb {
	float:left; clear:right;
	width: 280px; height:190px;
	margin: 0px 10px 0px 0px;
	padding:2px 0px 0px 0px;
	background-image: url(/base/images/presentation/Blurb-BG.jpg);
	background-repeat: no-repeat;
	background-position:center top;	}
	
#Blurb h1 {font-size:24px; margin:10px 7px 0px 15px;}
#Blurb h2 {font-size:16px; margin:10px 7px 0px 15px; line-height:1.2em;}
#Blurb p {font-size:11px;  margin:10px 7px 0px 15px;}

				#Blurb ul {
					list-style:square;
					margin:10px 5px 0px 5px;
				}
				#Blurb li {
					display:block; font-size:12px;
					padding: 0px 10px 0px 10px;
					/*border-left:0px dotted #666;*/
				}
				#Blurb li.First {	border:none;}
				#Blurb a { color:#f90; text-decoration:none;}
				#Blurb a:hover { color:#fff; text-decoration:underline; }

#HorizBlurb { /* beneath the 3 main page blurbs */
	width: 860px; height:78px;
	margin: 0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(/base/images/presentation/HorizBar-BG.jpg);
	background-repeat: no-repeat;
	background-position:center center;}
#HorizBlurb h1 { margin:20px 7px 0px 35px;}
#HorizBlurb h2 { margin:10px 7px 0px 15px; line-height:1.2em;}
#HorizBlurb p  { margin:10px 7px 0px 15px;}


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


/* Sign In Box include */ 
#SignInWrapper {
	float:right; 
	width:320px; height:68px; 
	text-align:left; margin:20px 10px 10px 15px; padding:0px; 
	background-image: url(/base/images/presentation/SignIn-BG.jpg);
	background-position: center bottom;
	background-repeat:no-repeat;}
#SignIn { padding:0px; padding-left:10px; margin:35px 10px 10px 15px;  }


/* Mailing List Box */ 
#MailingListWrapper { float:left; width:320px; height:120px; 
	background-image: url(/base/images/presentation/MailingList-BG.jpg);
	background-position: center bottom;
	background-repeat:no-repeat; }
#MailingList { padding:0px; padding-left:10px; margin:35px 10px 10px 20px;  }
	
#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; }

/* Lists */
.ListBig { 
	font-size:14px;
	font-weight:bold; font-style:italic;
	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;
}

/* 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; }
			
		 fieldset { border:1px solid #ccc; margin:15px; padding:15px; width:100%;}
		 legend{ color:#999; padding-top:-8px;}
		 .FormRow { display:block; margin-bottom:5px; } /* keeps rows neat instead of a table */
		 label { width:60px; display:inline; font-style:italic; font-size:12px; text-align:right; margin-top:-2px; margin-right:5px;}
		 input { border:1px solid #ccc; background-color:#eee; }
		 textarea { border:1px solid #ccc; }
		 select, option {  }
		
		input.button /* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ border:none; background-color:#666;  }
		.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; border:none; background-color:none; }
		.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: #fff; }
		
		/* Use as classes for various input lengths */
		.InputTiny  { width:16px; }
		.InputShort { width:150px;}
		.InputMid   { width:250px;}
		.InputLong  { width:450px;}
		.CommentBox { width:250px;}

		.Warning { color:#F00; font-weight:bold;}

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