/**
 * Stylesheet
 *
 * Copyright Fusionary Media, 2004
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}



/* MAIN styles
-------------------------------------------*/
body{
	background: #e2e2e2 url(../images/bg_body.gif) 0 0 repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	color: #363636;
}

h1{
	font-size: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #363636;
	margin:0px 0px 0px 0px;
	font-weight: normal;
}

h2{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #386907;
	margin:10px 0px 0px;
}

p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link{color: #57a51a;}
a:visited{color: #57a51a;}
a:hover{color: #016600;}
a:active{color: #016600;}

dt{
	font-weight: bold;
	margin-top: 10px;
}

tr.r1 td{
	background-color: #f1f1f1;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 0px;
}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */






/* CONTAINER styles
-------------------------------------------*/
#container{
	width: 750px;
	position:relative;
	left: 50%;
	margin: 10px 0px 0px -375px;
	background: #fff;
	padding: 1px 0 10px 0;
}




/* HEADER styles
-------------------------------------------*/
#header{
	margin: 5px;
	padding: 10px;
	background: #4b8f11 url(../images/bg_header.jpg) 0 0 no-repeat;
	position: relative;
	height: 45px;
}

	#header h1{
		position: absolute;
		top: 5px;
		left: 5px;
	}
	#header h1 a{
		display: block;
		height: 54px;
		width: 177px;
		background: transparent url(../images/logo_byrne_tool_and_dye.gif) 0 0 no-repeat;
		letter-spacing : -1000em;
		text-indent: -1em;
	}
	/* Just for Opera, but hide from MacIE */ 
	/*\*/html>body #header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
	/* End of hack */


	#header-nav{
		margin: 0px;
		padding: 0px;
		list-style: none;
		width: 349px;
		height: 30px;
		background: transparent url(../images/bg_nav.gif) 0 0 no-repeat;
		position: absolute;
		right: 0px;
		top: 35px;
	}
		#header-nav li{
			display: inline;
			padding: 0px;
			margin: 0px;
		}
		#header-nav li a{
			float: left;
			display: block;
			height: 30px;
			letter-spacing : -1000em;
			text-indent: -1em;
		}
		/* Just for Opera, but hide from MacIE */ 
		/*\*/html>body #header-nav li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
		/* End of hack */
		
		#header-nav li.nav-home a{
			width: 47px;
			background: transparent url(../images/bg_nav.gif) 0 0 no-repeat;
		}
		#header-nav li.nav-about a{
			width: 51px;
			background: transparent url(../images/bg_nav.gif) -47px 0 no-repeat;
		}
		#header-nav li.nav-capabilities a{
			width: 87px;
			background: transparent url(../images/bg_nav.gif) -98px 0 no-repeat;
		}
		/*#header-nav li.nav-process a{
			width: 63px;
			background: transparent url(../images/bg_nav.gif) -185px 0 no-repeat;
		}*/
		#header-nav li.nav-collaborative a{
			width: 100px;
			background: transparent url(../images/bg_nav.gif) -185px 0 no-repeat;
		}
		#header-nav li.nav-contact a{
			width: 64px;
			background: transparent url(../images/bg_nav.gif) -285px 0 no-repeat;
		}
			#header-nav li.nav-home a:hover{
				width: 47px;
				background: transparent url(../images/bg_nav.gif) 0 -60px no-repeat;
			}
			#header-nav li.nav-about a:hover{
				width: 51px;
				background: transparent url(../images/bg_nav.gif) -47px -60px no-repeat;
			}
			#header-nav li.nav-capabilities a:hover{
				width: 87px;
				background: transparent url(../images/bg_nav.gif) -98px -60px no-repeat;
			}
			/*#header-nav li.nav-process a:hover{
				width: 63px;
				background: transparent url(../images/bg_nav.gif) -185px -60px no-repeat;
			}*/
			#header-nav li.nav-collaborative a:hover{
				width: 100px;
				background: transparent url(../images/bg_nav.gif) -185px -60px no-repeat;
			}
			#header-nav li.nav-contact a:hover{
				width: 64px;
				background: transparent url(../images/bg_nav.gif) -285px -60px no-repeat;
			}

			/*active classes*/
			body.home #header-nav li.nav-home a, body.home #header-nav li.nav-home a:hover{
				width: 47px;
				background: transparent url(../images/bg_nav.gif) 0 -30px no-repeat;
				cursor: default;
			}
			body.about #header-nav li.nav-about a, body.about #header-nav li.nav-about a:hover{
				width: 51px;
				background: transparent url(../images/bg_nav.gif) -47px -30px no-repeat;
				cursor: default;
			}
			body.capabilities #header-nav li.nav-capabilities a,body.capabilities #header-nav li.nav-capabilities a:hover{
				width: 87px;
				background: transparent url(../images/bg_nav.gif) -98px -30px no-repeat;
				cursor: default;
			}
			/*body.process #header-nav li.nav-process a, body.process #header-nav li.nav-process a:hover{
				width: 63px;
				background: transparent url(../images/bg_nav.gif) -185px -30px no-repeat;
				cursor: default;
			}*/
			body.collaborative #header-nav li.nav-collaborative a, body.collaborative #header-nav li.nav-collaborative a:hover{
				width: 100px;
				background: transparent url(../images/bg_nav.gif) -185px -30px no-repeat;
				cursor: default;
			}
			body.contact #header-nav li.nav-contact a, body.contact #header-nav li.nav-contact a:hover{
				width: 64px;
				background: transparent url(../images/bg_nav.gif) -285px -30px no-repeat;
				cursor: default;
			}
		

	#subnav, #subnav li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
			#subnav{
					display: block;
					position: absolute;
					top: 0px;
					right: 0px;
					width: 244px;
					height: 26px;
					background: transparent url(../images/bg_subnav.gif) 0 0 no-repeat;
			}
			#subnav li{
				margin: 0px;
				padding: 0px;
				list-style: none;
				display: inline;
			}
					#subnav li a{
						display: block;
						position: absolute;
						top: 0px;
						left: 0px;
						width: 192px;
						height: 26px;
						padding: 0px;
						margin: 0px;
						line-height: 26px;
						background: transparent url(../images/bg_subnav.gif) 0 0 no-repeat;
						letter-spacing : -1000em;
						text-indent: -1em;
					}
					/* Just for Opera, but hide from MacIE */ 
					/*\*/html>body #subnav li a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
					/* End of hack */
			
					#subnav li#rfq a{
						width: 95px; 
						height: 26px; 
						top: 0px; 
						left: 0px;
						background: transparent url(../images/bg_subnav.gif) 0 0 no-repeat;
					}
					#subnav li#track a{
						width: 147px; 
						height: 26px; 
						top: 0px; 
						left: 97px; 
						background: transparent url(../images/bg_subnav.gif) -97px 0 no-repeat;
					}
						#subnav li#rfq a:hover{
							background: transparent url(../images/bg_subnav.gif) 0 -26px no-repeat;
						}
						#subnav li#track a:hover{
							background: transparent url(../images/bg_subnav.gif) -97px -26px no-repeat;
						}


/* SPLASH styles
-------------------------------------------*/
#splash{
	margin: 5px;
}



/* CONTENT styles
-------------------------------------------*/
#content{
	margin: 30px 0px 0px 5px;
	padding: 0px 10px 10px 10px;
	width: 530px;
	float: left;
	display: inline;
}

	#content h1{
		margin: -10px -10px 10px -10px;
		padding: 5px 0 5px 10px;
		background: #849db2 url(../images/bg_heading.jpg) 0 0 repeat-x;
		color: #fff;
		font-size: 18px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		position: absolute;
		width: 730px;
		top: 211px;
	}

body.home #content{
	margin-top: 0px;
	width: 446px;
	padding: 10px 10px 5px 10px;
}
body.home #content h1{
	position: static;
	width: auto;
}


	p span.intro{
		text-transform: uppercase;
		color: #5680a2;
		font-weight: bold;
	}

	p.logo-links{
		text-align: right;
	}

	img.img-large{
		padding: 4px;
		border: 2px solid #dedddd;
	}	
	
	#bio-list{
		margin: 0px;
		padding: 0px;
	}
		#bio-list div{
			border: 2px solid #dedddd;
			padding: 3px;
			margin: 0 0 10px 0;
		}
		#bio-list div p{
			background: #f5f5f5;
			padding: 4px;
			margin: 0px;
		}
			#bio-list div p img{
				float: left;
				border: 1px solid #616161;
				margin: 0 10px 0 0;
			}
			#bio-list div p span.name{
				font: bold 16px/1.2em Arial, Helvetica, sans-serif;
				color: #386907;
			}
			#bio-list div p span.title{
				font: bold 13px/1.2em Arial, Helvetica, sans-serif;
				color: #484848;
			}
			#bio-list div p span.funfact{
				line-height: 2em;
			}
				#bio-list div p span.funfact strong{
					color: #386907;
				}
			#bio-list div p a.bio-link{
				background: transparent url(../images/btn_biolink.gif) 0 0 no-repeat;
				width: 79px;
				height: 21px;
				letter-spacing : -1000em;
				text-indent: -1em;
				display: block;
				float: right;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body #bio-list div p a.bio-link { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */

	
	#organizations, #organizations li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#organizations{
			margin: 20px 0px 0px 0px;
		}
		#organizations li{
			margin: 0px 0px 10px 0px;
			line-height: 97px;
			font-size: 14px;
		}
			#organizations li img{
				float: left;
				margin-right: 10px;
			}
			#organizations li strong{
				color: #5d7b93;
			}
	
	div.process-item{
		clear: both;
		padding-bottom: 20px;
	}
		
	p.process-image{
		float: left;
		text-align: center;
		clear: left;
		margin: 0 10px 10px 0;
	}
		p.process-image img{
			border: 2px solid #dedddd;
			margin-bottom: 5px;
			padding: 4px;
		} 
		p.process-image a.magnify-link{
			padding-left: 15px;
			background: #fff url(../images/icon_zoom.gif) left center no-repeat;
		}
#history-block{
	float: left;
	margin: 0 20px 20px 0;
}
	#history-block p{
		text-align: center;
	}
	#history-block p img{
			border: 2px solid #dedddd;
			margin-bottom: 5px;
			padding: 4px;
	}


dl#process-items{
	float: left;
	margin-left: 20px;
}

		dl#process-items dt{
			font-size: 14px;
			color: #386907;
			font-weight: bold;
		}
		
		dl#process-items dd{
			margin-left: 10px;
			padding: 0px;
		}
		

#collab-list{
}
	#collab-list h3{
		clear: left;
	}
	#collab-list p{
		clear: left;
	}

a.thumb-float{
	float: left;
	margin: 0 10px 10px 0;
		padding: 4px;
		border: 2px solid #dedddd;
}
	a.thumb-float:hover{
		border: 2px solid #bbb;
	}
		
	#contact-list{
		 float: right; 
		 width: 45%;
	}
		#contact-list p{
			 padding-left: 74px;
		}
		#contact-list p img{
			 float: left; 
			 margin-left: -74px;
		}
	
	
			a.worp-link{
				background: transparent url(../images/btn_worp.gif) 0 0 no-repeat;
				width: 247px;
				height: 21px;
				letter-spacing : -1000em;
				text-indent: -1em;
				display: block;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body a.worp-link { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */


	table.equip-list{
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #849db2;
		margin: 10px 0 0;
	}
		table.equip-list th{
			background: #849db2 url(../images/bg_heading.jpg) 0 0 repeat-x;
			text-align: left;
			padding: 2px 5px;
			color: #fff;
		}
		table.equip-list td{
			padding: 2px 5px;
		}
		table.equip-list tr.alt td{
			background: #f1f1f1;
		}




/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	margin: 30px 5px 0px 0px;
	padding: 0px;
	width: 172px;
	float: right;
	display: inline;
}

body.home #sidebar{
	margin-top: 0px;
	width: 249px;
	padding: 10px;
}

	#sidebar h2{
		margin: -10px -10px 10px -10px;
		padding: 5px 0 5px 10px;
		background: #849db2 url(../images/bg_heading.jpg) 0 0 repeat-x;
		color: #fff;
		font-size: 18px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

#side-nav, #side-nav li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#side-nav{
		width: 170px;
		border: 1px solid #b9b9b9;
		margin: 10px 0 0 0;
		background: #e9e9e9 url(../images/bg_sidenav.gif) 0 0 repeat-x;
		font: 14px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	#side-nav li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: block;
	}
		#side-nav li a{
			display: block;
			color: #5f5a55;
			width: 160px;
			text-decoration: none;
			padding: 10px 0 10px 10px;
			/*border-bottom: 1px solid #d6d6d6;*/
			background: transparent url(../images/div_sidenav.gif) left bottom no-repeat;
		}
			#side-nav li.last a{
				border-bottom: none;
				background-image: none;
			}
			#side-nav li a:hover{
				background-color: #fff;
				color: #4c8f0a;
			}




/* FOOTER styles
-------------------------------------------*/
#footer{
	width: 750px;
	position:relative;
	left: 50%;
	margin: 5px 0px 0px -375px;
	background: #e2e2e2;
	padding: 0px 0px 10px 0px;
}
	#footer p{
		margin: 0px 0px 0px 10px;
		padding: 0px;
		float: left;
		color: #788d9f;
	}
	
	#footer ul, #footer ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#footer ul{
			float: right;
			margin: 0px 10px 0px 0px;
		}
		#footer ul li{
			display: inline;
			margin-left: 10px;
		}
			#footer ul li a{
				color: #878787;
				text-decoration: none;
			}	
			#footer ul li a:hover{
				color: #4c8f0a;
				text-decoration: underline;
			}	

/* Upload Progress Indicator */

/*	div.uploadStatus {
	  margin: 5px;
	}

	div.progressBar {
	  margin: 5px;
	}

	div.progressBar div.border {
	  background-color: #fff;
	  border: 1px solid grey;
	  width: 100%;
	}

	div.progressBar div.background {
	  background-color: #333;
	  height: 18px;
	  width: 0%;
	}

*/

#submission-form-container { margin: 10px; }

#upload-section-container {
	background: #ddd;
	border: 1px solid #999;
	padding: 10px;
}

	.uploadStatus {
	  margin: 5px;
	  color: #aaa;
	}

	.progressBar {

		width: 300px;
		padding: 10px;
		background: #EEE;
	}

	.progressBar .border {
	  background: url(../images/progress-remainder.gif) repeat-x;
	  border-left: 1px solid grey;
	  border-right: 1px solid grey;
	  width: 100%;
	}

	.progressBar .background {
	  background: url(../images/progress-bar.gif) repeat-x;
	  height: 18px;
	  width: 0%;
	}


/* Used by validation.js for form validation*/
  input.validation-failed, textarea.validation-failed {
  	border: 1px solid #FF3300;
  	color : #FF3300;
  }
  input.validation-passed, textarea.validation-passed {
  	border: 1px solid #00CC00;
  	color : #000;
  }