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

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/.8em  Arial, Helvetica, sans-serif; font-style:italic;
	color:#999;
	border-bottom:1px solid #666;
}
h2 { margin:0px 0px 8px 0px; padding:0px; font: bold 18px/1.4em  Arial, Helvetica, sans-serif; color:#fff; font-style:italic; }
h3 { margin:0px 0px 10px 0px; padding:0px; font: bold 16px/1.4em  Arial, Helvetica, sans-serif; color:#ccc; font-style:italic; }
h4 { margin:0px 0px 10px 0px; padding:0px; font: bold 15px/1.4em   Arial, Helvetica, sans-serif;; color:#000;}
h5 { margin:0px 0px 10px 0px; padding:0px; font: normal 12px/1.4em  Arial, Helvetica, sans-serif; }

a:link, a:visited {
	color:#fba500;
	text-decoration:none;
		}
a:hover { text-decoration:none; color:#eee;}
a.More { font-style:italic;}
p.More { text-align:right; font-style:italic; font-size:11px; margin-top:-10px; }

/* HTML TAG STYLES -------------------------------------*/
html { min-height: 100%; margin-bottom: 1px; } /* this forces a vertical scrollbar and eliminates page shift*/
body {
	background-image: url(/base/images/layout/Background01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color:#eee;
	background-color:#fff;
	text-align:center;
	margin:0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
}

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

#HeaderWrapper {
	width:970px; 
	margin:0px auto 0px auto;
	text-align:center;
	height:200px;	
	background-image: url(/base/images/layout/BG-Header.png);
	background-repeat: no-repeat;
	background-position: left top; 
}


#NewsletterStrip {
	margin:0px auto 0px auto;
	text-align:right;
	width:100%;
	height:33px;	}

#NewsletterBox {
	width:970px; 
	margin:0px auto 0px auto;
	text-align:right;
	height:33px;	
	background-image: url(/base/images/layout/BG-NewsletterBox.png);
	background-repeat: no-repeat;
	background-position: right top; 
}

/* Tagline in header */ 
#TagLine {
	float:right;
	width:370px;
	height:120px;
	margin: 15px 25px 0px 0px;
	padding:0px;
	}				

#TagLine p { 
	text-align:center;
	text-transform:none;
	color:#fff;
	text-decoration: none;
	font-size:22px; font-weight:bold; line-height:1.2em;	}				


#FlashWrapper { float:left; clear:right; width:562px; height:200px;  }   

/* To replace HR */
.HR { border-bottom:1px solid #444; margin:8px 0px 8px 0px;}

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

/* use these for the title bar in any main box */
#TitleBar { height:80px; }

			#TitleBar h1 {
				font-size:18px;
				margin: 15px 0px 0px 0px;
				padding: 0px 5px 0px 20px;
				text-align:left;
				text-transform:capitalize;
				border-bottom:0px solid #666;
				color:#CCC; }
			
			#TitleBar p {
				font-size:10px;
				color:#999;
				font-style: italic;
				line-height: normal;
				margin:5px 0px 0px 0px;
				padding: 0px 5px 10px 20px;	
				}
				

/* Main Menu */
#Column1 { float:left; clear:right; 
	width:210px;
	padding:0px 0px 0px 0px; 
	margin:0px auto 0px auto; 
	text-align:center;
	background-image: url(/base/images/layout/BG-Menu.png);
	background-repeat: no-repeat;
	background-position: center top; }
	
#Menu { 
 	margin:0px 0px 0px 0px;
	width:200px;
	font-family:"trebuchet MS", tahoma, arial, sans-serif;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold; 
	}

				#Menu ul {
					list-style:none;
					margin:0px 0px 0px 0px;	}
				#Menu li {
					display:block; 
					padding: 0px 10px 0px 10px; }
				#Menu li.First { border:none; }
				#Menu li a:hover {	
					background-image:  url(/base/images/layout/menu-marker-hover.png);
					background-repeat: no-repeat;
					background-position: left center;
					margin-left:-14px; 
					padding-left:12px;
					text-indent:10px;
					}
				#Menu a { 	
					font-size:16px;
					line-height:1.6em;
					text-decoration:none; }
				#Menu ul.SubMenu a {
							font-size: 12px;
							font-style: italic;
							line-height: 1.4em;
							color: #ccc;
							margin-left:15px;
							text-transform:none; }
				#Menu ul.SubMenu a:hover { color:#FFF;}
/* Current page menu highlighter */

#Home #Nav-Home a, 
#Equipment #Nav-Equipment a, 
#About #Nav-About a, 
#Careers #Nav-Careers  a,   
#Projects #Nav-Projects a, 
#Company #Nav-Company a, 
#Founder #Nav-Founder a, 
#History #Nav-History a, 
#Awards #Nav-Awards a, 
#Staff #Nav-Staff a, 
#Contact #Nav-Contact a, 
#ContactInfo #Nav-ContactInfo a, 
#LocationMap #Nav-LocationMap a, 
 
{ color:#FFF;
	background-image: url(/base/images/layout/menu-marker-current.png);
	background-repeat: no-repeat;
	background-position: left center; 
	margin-left:-14px; 
	padding-left:12px;
	text-indent:10px;
}
	
#Clear { clear:both;}	
	
	
/* Content where content is located */ 
#ContentStrip {
	width:100%;
	margin:0px auto 5px auto; 	text-align:center;
	padding:0px;
}

#Content {
	width:960px;
	min-height:300px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	text-align:center;	
}

	#Content #Column2 {
	width:485px; 
	float:left;
	clear:right;
	text-align:left;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	background-image: url(/base/images/layout/BG-Content-Small.png);
	background-repeat: no-repeat;
	background-position: left top;
}

	#Content #Inner { padding: 0px 15px 0px 15px; }

	#Content #Column2Wide {
	width:750px; 
	float:left;
	clear:right;
	text-align:left;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	background-image: url(/base/images/layout/BG-Content-Wide.png);
	background-repeat: no-repeat;
	background-position: left top;
}
				
	#Content #Column3 { /* for the far right column*/
	width:265px; 
	float:left; clear:right; 
	text-align:left;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	border:0px;
	background-image: url(/base/images/layout/BG-Column3.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#Column3 #BlurbWrapper {	margin: 0px 0px 10px 0px; }

		 #Column3 #BlurbWrapper h2 {font-size:16px; margin:0px 0px 10px 0px; line-height:1.2em;}
		 #Column3 #BlurbWrapper h3 {font-size:15px; margin:0px 0px 0px 0px; line-height:1.2em;}
		 #Column3 #BlurbWrapper p {font-size:12px;  margin:0px 0px 0px 0px;}

		 #Column3 #Blurb {
				margin: 0px 0px 10px 0px;
				padding:0px; }
		
#Content #Full {
	width:770px;
	text-align:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	border:0px;	}

/* Footer Styles -------------------------------------*/
#FooterStrip {
	width: 100%;
    margin: 0px auto 0px auto;
	text-align:center;
	padding:0px;
	background-image: url(/base/images/layout/BG-Footer.png);
	background-position: center top;
	background-repeat:no-repeat;
	}

#Footer { width:970px;
		height:107px;
		margin:0px auto 0px auto;
		padding:0px;
		font-size: 12px; 
		text-align: left; 
		text-transform: none; 
		color:#eee; }
	
/* divide the footer into separate sections*/	
#Footer #Col1 { float:left;  margin:10px 0px 0px 25px;  }
#Footer #Col2 { float:right; margin:10px 25px 0px 0px; }

/* Format the info area */
#Footer h2 { font-size:14px; font-style:normal; color:#ddd; border:0px; margin:0px 0px 0px 0px;}
#Footer address {  }

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

#Footer li { margin:0px 0px -5px 0px;}

 
 /* Staff Page */
.StaffColumn { float:left; clear:right; width:45%; margin-bottom:20px; }
.StaffColumn span { color:#666; font-style:italic; font-size:11px; margin-right:8px; }
.StaffColumn h2 { margin-bottom:0px; margin-top:15px; }
 
 
/* Projects page */
#Project { display:block; clear:both; margin-bottom:30px; border-bottom:1px solid #000; min-height:260px; } 
#Project .Last { border-bottom:0px; } 
  
#Project #Left {  }
#Project #ThumbnailColumn { float:left; width:100px; border:none; margin-left:15px; } 
#Project #ThumbnailBlock {  width:100%; border:none; margin-left:15px; } 
#Project .Thumbnail { display:inline; height:80px; width:80px; margin-right:20px; border:4px solid #ccc;  }
  
 
#FounderBlipWrapper {
	width:100%;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left; }
	
 		#FounderBlip { width:100%; 
			margin: 0px 0px 0px 0px;
			padding:0px; }
			 
 		#FounderBlip .Col1 { float:left; width: 235px;  
			margin: 0px 10px 0px 0px;}
			
 		#FounderBlip .Col2 { float:left; clear:right; 
			margin: 0px 10px 0px 0px;}
			
		#FounderBlip h2 {font-size:16px; margin:0px 0px 5px 0px; line-height:1em;}
		#FounderBlip p { margin:0px 0px 5px 0px;}
		#FounderBlip img { }


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

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

/* 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 { white-space:nowrap; float:right; 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 {  }
		
		/* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */ 
		input.button {  }
		
		/* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */
		.Select  { }
		.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:#FF9;	}
		
		/* Use as classes for various inout lengths */
		.InputTiny  { width:16px;  }
		.InputShort { width:150px; }
		.InputMid   { width:220px; }
		.InputLong  { width:300px; }
		.InputComments { width:300px; height:100px; }
		
		.hide { display: none; } /* for hidden input types */ 
		
		input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover {
color: #000; background:#FFC; border: 1px dotted #ccc;
}
		

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

/* Format the image and copy on the equipment listing page */
#EquipmentPosting { min-height:150px; margin-bottom:20px; border-bottom:0px solid #ccc; display:block;}
#EquipmentPosting img { float:right; clear: right; margin-left:15px; }
#EquipmentPosting h2 { clear:right; }
#EquipmentPosting p { clear:right;   }