@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-size: 12px;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

a {color: #9c3e05;text-decoration: underline;}
a:visited {color: #6e513f;text-decoration: underline;}
a:hover {color: #ec6c1f;text-decoration: underline;}

h1 {
	margin: 0;
	color: #9c3e05;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: normal;
}

h2 {
	margin: 0;
	color: #9c3e05;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: normal;
	border-bottom: 1px dotted #9c3e05;
}

h3 {
	margin: 0;
	color: #9b9b9b;
	font-size: 12px;
	letter-spacing: -1px;
	line-height: normal;
}

p {margin-top: 15px; margin-bottom: 0;}

#container {
	width: 983px;
	margin: 20px auto 0 auto;
	background: url(../graphics/bg-container.gif) repeat-y;
}

	#header {
		width: auto;
		height: 335px;
		background: url(../graphics/bg-header-top.gif) no-repeat;
		padding: 4px 4px 0 4px;
	}
	
		#header-left {
			width: 345px;
			height: 335px;
			background: url(../graphics/header-left.jpg) no-repeat;
			float: left;
		}
		
		#header-right {
			width: 630px;
			height: 335px;
			float: right;
		}
		
			#logo-container {
				width: auto;
				height: 155px;
			}
			
				#logo {
					width: 486px;
					height: 155px;
					float: left;
				}
				
					#logo a {
						width: 486px;
						height: 155px;
						display: block;
						background: url(../graphics/thermaer-process.jpg) no-repeat;
					}
				
				#top-nav {
					width: 142px;
					padding-top: 12px;
					padding-right: 2px;
					font-size: 10px;
					float: right;
				}
				
					#top-nav ul {
						margin: 0;
						padding: 0;
						float: right;
					}
					
						#top-nav ul li {
							margin: 0 10px 0 0;
							padding: 0;
							list-style: none;
							float: left;
						}
						
						#top-nav ul li.divider {
							border-left: 1px solid #828282;
							padding-left: 10px;
						}
						
						#top-nav a, #top-nav a:visited {
							color: #828282;
							text-decoration: none;
						}
						
						#top-nav a:hover {
							color: #444444;
							text-decoration: none;
						}
			
			#tagline {
				width: auto;
				height: 111px;
				background: url(../graphics/tagline.jpg) no-repeat;
			}
			
			#nav {
				width: auto;
				height: 47px;
				background: url(../graphics/bg-nav.gif) no-repeat;
			}
			
				#nav ul {margin: 0 0 0 22px; padding: 0;}
					#nav ul li {margin: 0; padding: 0; list-style: none; float: left;}
						
						#nav ul li a {
							height: 47px;
							display: block;
							float: left;
						}
						
						#nav ul li a:hover {
							background-repeat: no-repeat;
							background-position: 0 -47px;
						}
						
						.nav-products {width: 155px; background: url(../graphics/nav-products-services.gif) no-repeat;}
						.nav-process {width: 100px; background: url(../graphics/nav-our-process.gif) no-repeat;}
						.nav-rep {width: 84px; background: url(../graphics/nav-find-a-rep.gif) no-repeat;}
						.nav-media {width: 62px; background: url(../graphics/nav-media.gif) no-repeat;}
						.nav-contact {width: 92px; background: url(../graphics/nav-contact.gif) no-repeat;}
						.nav-about {width: 84px; background: url(../graphics/nav-about.gif) no-repeat;}
			
			#header-dropshadow {
				width: auto;
				height: 22px;
				background: url(../graphics/bg-header-dropshadow.gif) no-repeat;
			}
		
	#body {
		width: auto;
	}
	
	#body ul {
		margin: 15px 0 0 25px;
		padding: 0;
	}
	
		#body ul li {
			margin: 0;
			padding: 0;
			line-height: 22px;
		}
	
		#content {
			width: auto;
			padding: 0 4px 24px 4px;
			background: url(../graphics/bg-content-bottom.gif) no-repeat bottom;
		}
	
			#content-left {
				width: 240px;
				padding: 32px 0 0 48px;
				font-size: 11px;
				line-height: 17px;
				float: left;
			}
			
				#content-left a, #content-left a:visited {
					color: #828282;
					text-decoration: none;
				}
				
				#content-left a:hover {
					color: #444444;
					text-decoration: none;
				}
			
			#content-right {
				width: 652px;
				background: url(../graphics/bg-content-right.gif) repeat-y;
				float: right;
			}
			
				#content-right-inside {
					width: auto;
					padding: 20px 31px 0 39px;
					min-height: 544px;
					background: url(../graphics/bg-content-right-fade.gif) no-repeat bottom left;
					line-height: 20px;
				}
				
				*html #content-right-inside {height: 544px;}
			
			#footer {width: auto;}
			
				#footer a, #footer a:visited {
					color: #828282;
					text-decoration: none;
				}
				
				#footer a:hover {
					color: #444444;
					text-decoration: none;
				}
			
				#footer-left {
					width: 240px;
					padding: 0 0 0 48px;
					font-size: 11px;
					line-height: 17px;
					float: left;
				}
				
				#footer-right {
					width: 602px;
					padding: 18px 31px 0 19px;
					line-height: 20px;
					float: right;
				}
				
					#content-footer {
						width: auto;
						padding: 21px 15px 15px 15px;
						font-size: 10px;
						line-height: 15px;
						color: #828282;
						background: url(../graphics/bg-content-footer.gif) repeat-x #e2e2e2;
					}
					
						#content-footer ul {
							margin: 0;
							padding: 0;
						}
						
							#content-footer ul li {
								margin: 0 10px 0 0;
								padding: 0;
								list-style: none;
								float: left;
							}
							
							#content-footer ul li.divider {
								border-left: 1px solid #828282;
								padding-left: 10px;
							}

.text-gray {color: #828282;}
.text-red {color: #9c3e05;}

.picture-caption-right {
	width: 210px;
	margin: 0 0 10px 12px;
	text-align: center;
	font-size: 10px;
	float: right;
}

.framed-picture {
	padding: 4px;
	border: 1px solid #828282;
	background: #fff;
}

.framed-picture-small {
	padding: 2px;
	border: 1px solid #828282;
	background: #fff;
}

#slideshow {
	width: 280px;
	height: 263px;
	margin-top: 15px;
	background: url(../graphics/bg-slideshow.gif) no-repeat;
}

#captionContainer1 {
	width: auto;
	padding: 15px 15px 0 15px;
	height: 45px;
	position: relative;
}

	#captionContainer1 div {
		display: none;
		line-height: 14px;
		font-size: 10px;
		padding-bottom: 6px;
		position: absolute;
		bottom: 0;
		left: 15px;
	}

#imageContainer1 {
	width: auto;
	height: 188px;
	padding: 0 15px 15px 15px;
	position: relative;
}

#imageContainer1 img {
	display:none;
	position: absolute;
	top: 0;
	left: 15px;
}

.content10 {font-size: 10px; line-height: 15px;}
.content11 {font-size: 11px; line-height: 16px;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.margin-top-8 {margin-top: 8px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top: 25px;}

.clear {clear: both;}
.hide {display: none;}
.float-right {float: right;}
.float-left {float: left;}


#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 0px solid orange;
padding: 0px;
padding-left: 0px;
}

.input-text {padding: 3px; height: 14px; font-size: 11px; background: #fff; border: 1px solid #aaaaaa; font-family: Arial, Helvetica, sans-serif;}
.textarea {padding: 3px; height: 180px; font-size: 11px; background: #fff; border: 1px solid #aaaaaa; font-family: Arial, Helvetica, sans-serif;}

.width-40 {width: 40px;}
.width-200 {width: 200px;}
.width-260 {width: 260px;}