/*

Site: Thermal & Mechanical Equipment Company
Build: Lyndia Haryanto for Schipul
Design: Brandi Lalanne for Schipul
URI: 

*/


* { font-size: 100%; margin: 0; padding: 0; }

body {
	font: 12px/1.4em Verdana, Geneva, sans-serif;
	background-color:#F3EFE7;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; }

	h1 {
		font-family:Arial, Helvetica, sans-serif; 
		font-size: 18px; 
		font-weight: bold; 
		color: #004D95;
	}

a img { border: none; }
a { outline: none; color: #8f965b; font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; }
a:hover { text-decoration: none; }

p { margin-bottom: 8px; color: #5d5c59;font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;  }

div.clear {clear:both;}
/****structure****/

div#container {width: 957px; margin: 0 auto;}

	div.header-area {
	width:957px;
	}
	
		div.logo {
		width: 651px;
		float:left;
		}
		
		div.header-right{
		width: 236px;
		float: right;
		height:103px;
		margin-top: 12px;
		}
		
			div.header-right-number{
			width: 236px;
			}		
			
			div.header-right-search{
			width: 236px;
			margin-left: 4px;
			}
	
	div.nav{
	width:957;
	background:url(/images/nav-bg.jpg);
	height:40px;
	}

	div.top-section{
	width:957;
	}
	
		div.top-image-area{
		width: 575px;
		float:left;
		}
		
		div.top-nav-area{
		width: 382px;
		float:left;
		}
				div.top-nav-area p{
				font-family:Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #FFF;
				width: 340px;
				padding: 41px 0 0 27px;
				}	
				
			div.top-nav-heat a{
			width: 382px;
			height:88px;
			display:block;
			background:url(/images/top-heat-nav.jpg) top left no-repeat;
			}
			
			div.top-nav-heat a:hover{
			width: 382px;
			height:88px;
			display:block;
			background:url(/images/top-heat-nav-hover.jpg) top left no-repeat;
			}
			
			a.top-nav-heat {
			width: 382px;
			height:88px;
			background:url(/images/top-heat-nav.jpg) top left no-repeat;
			}
			

			
			div.top-nav-filtration a{
			width: 382px;
			height:88px;
			display:block;
			background:url(/images/top-filtration-nav.jpg) top left no-repeat;
			}

			div.top-nav-filtration a:hover{
			width: 382px;
			height:88px;
			display:block;
			background:url(/images/top-filtration-nav-hover.jpg) top left no-repeat;
			}
			
			div.top-nav-skid a{
			width: 382px;
			height:90px;
			display:block;
			background:url(/images/top-skid-nav.jpg) top left no-repeat;
			}
			
			div.top-nav-skid a:hover{
			width: 382px;
			height:90px;
			display:block;
			background:url(/images/top-skid-nav-hover.jpg) top left no-repeat;
			}
			
	div.tagline{
	width: 957px;
	background:url(/images/tagline.jpg) top left no-repeat;
	height:47px;
	}
	
	div.middle-section{
	width: 957px;
	height: 260px;
	background:url(/images/middle-bg.jpg) repeat-y;
	padding-top: 25px;
	}
	
		div.middle-video{
		width: 321px;
		float:left;
		padding-left: 32px;
		}

		div.middle-tmec-difference{
		width: 600px;
		float:left;
		padding-left: 32px;
		}
			div.middle-tmec-difference img{
			margin-bottom: 14px;
			float:left;
			}
			
			div.middle-tmec-difference p{
			width: 600px;
			float:left;
			}
			
			div.middle-results{
			width: 249px;
			float:left;
			padding-left: 33px;
			}
		
			div.middle-results img{
			margin-bottom: 14px;
			float:left;
			}
			
			div.middle-results p{
			width: 249px;
			float:left;
				
			}
			
			div.middle-results-btns{
			width: 249px;
				
			}
			
			div.middle-results-btns img{
			padding-bottom: 5px;
			margin: 0px;
				
			}
			
				.middle-results-btn1{
				width: 249px;
				height:66px;
				background:url(/images/middle-btn-catalog.jpg) top left no-repeat;
				display:block;
				line-height: 49px; 
				text-indent: -9999px;
				margin-bottom: 5px;
				}
				

				
					.middle-results-btn1:hover{
					background:url(/images/middle-btn-catalog-hover.jpg) top left no-repeat;
					margin-bottom: 5px;
					}
					
	
	
	
				.middle-results-btn3{
				width: 249px;
				height:49px;
				float:left;
				background:url(/images/middle-btn-contact.jpg) top left no-repeat;
				text-indent: -9999px;
				margin-bottom: 5px;
				}
				
					.middle-results-btn3:hover{
					background:url(/images/middle-btn-contact-hover.jpg) top left no-repeat;
					margin-bottom: 5px;
					}	
					
				.middle-results-btn2{
				width: 249px;
				height:49px;
				float:left;
				background:url(/images/middle-btn-engineering.jpg) top left no-repeat;
				text-indent: -9999px;
				margin-bottom: 5px;
				}

					.middle-results-btn2:hover{
					background:url(/images/middle-btn-engineering-hover.jpg) top left no-repeat;
					margin-bottom: 5px;
					}
					
					
	div.bottom-section{
	width: 928px;
	margin: 0 auto;
	height: 306px;
	background:url(/images/bottom-bg.jpg) repeat-x; 
	border-left: 3px #E0DBD2 solid;
	border-right: 3px #E0DBD2 solid;
	border-bottom: 3px #E0DBD2 solid;
	}
	
		div.bottom-manufacturers{
		width: 347px;
		float:left;
		}
		
			div.bottom-manufacturers p{
			width: 319px;
			float:left;
			padding: 14px 0 0 18px;
			}
			
			div.bottom-manufacturers-rotator{
				width: 229px;
				float:left;
				padding: 25px 0 0 70px;
			}
			
		div.bottom-news{
		width: 280px;
		float:left;
		}
				div.bottom-news p{
				width: 252px;
				float:left;
				padding: 14px 0 0 18px;
				}
					
				
				div.bottom-news-title{
				width: 280px;
				background:url(/images/bottom-title-news.jpg) top left no-repeat;
				height: 48px;
				}
			
				div.release-code-block{
				width: 252px;
				padding: 14px 0 0 18px;
				float:left;
				}
					div.release-code-block a{
					color: #f26b32;
					}

ul.releases-top li {
	 margin-bottom: 15px !important;
} 
					
			div.bottom-articles{
			width: 301px;
			float:left; 
		}


			
			div.bottom-articles-title{
			width: 280px;
			background:url(/images/bottom-title-articles.jpg) top left no-repeat;
			height: 48px;
			}
			
			div.articles-code-block{
			width: 252px;
			padding: 14px 0 0 18px;
			float:left;
				}
			
				div.articles-code-block a{
				color: #f26b32;
				}
				
	#footer-area {width: 957px; float:left; height:57px;padding-top: 20px;}
	#footer-area a { text-decoration:none; color: #8f965b; font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;}
	#footer-area a:hover {text-decoration:underline}
	
	
/****Template****/

	div.template-content{
	width:957;
	background:url(/images/template-bg.jpg) top left repeat-y;
	min-height: 700px;
	}
	
		div.template-left{
		width: 673px;
		background:url(/images/template-body-bg.jpg) top left no-repeat;
		float:left;
		}
		
			#bodycontent{
			width: 600px;
			padding: 40px 0 0 50px;
			}
		
		div.template-right{
		width: 284px;
		background:url(/images/template-right-bg.jpg) top left no-repeat;
		float:left;
		}
		
			div.template-right-content{
			width: 223px;
			margin: 25px 0 0 19px;
			}
			
				div.template-right-btns{
				width: 223px;
				}
				
			
					div.template-right-btn img{
					padding-bottom: 5px;
					margin: 0px;
						
					}
					
						.template-right-btn1{
						width: 223px;
						height:62px;
						background:url(/images/template-btn-catalog.jpg) top left no-repeat;
						display:block;
						line-height: 44px; 
						text-indent: -9999px;
						margin-bottom: 5px;
						}
						
		
						
							.template-right-btn1:hover{
							background:url(/images/template-btn-catalog-hover.jpg) top left no-repeat;
							margin-bottom: 5px;
							}
							
			
			
						.template-right-btn3{
						width: 223px;
						height:44px;
						float:left;
						background:url(/images/template-btn-contact.jpg) top left no-repeat;
						text-indent: -9999px;
						margin-bottom: 5px;
						}
						
							.template-right-btn3:hover{
							background:url(/images/template-btn-contact-hover.jpg) top left no-repeat;
							margin-bottom: 5px;
							}	
							
						.template-right-btn2{
						width: 223px;
						height:44px;
						float:left;
						background:url(/images/template-btn-engineering.jpg) top left no-repeat;
						text-indent: -9999px;
						margin-bottom: 5px;
						}
		
							.template-right-btn2:hover{
							background:url(/images/template-btn-engineering-hover.jpg) top left no-repeat;
							margin-bottom: 5px;
							}

				
				
				
				
				
				div.template-right-manufacturers{
				width: 223px;	
				padding-top: 10px;
				}
				
					div#manufacturers-rotator{
					width: 220px;
					min-height: 100px;
					margin-bottom: 50px;
					margin-left: 0;
					}
					
										div#manufacturers-rotator img{
					margin: 20px 0 0 30px;
					} 
					
					
					div#myGallery { border: 3px solid #0072bd; }
					
				
				div.template-right-number{
				width: 223px;	
		
				}

	div.footer-top{
	width: 957px;
	background:url(/images/template-footer-top.jpg) top left no-repeat;
	height:39px;
	}
	

/****Tendenci****/

div#skiptocontent {position: absolute; left: -9999px;}
.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #557DA1}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #8C1A21}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC33}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
p.notofficialcontent {color: #FF0000;}

	 

.color1 {
	background-color: #3399CC;
}
.color2 {
	background-color: #FFCC33;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}



h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #004D95
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #557DA1
}

h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #557DA1; 
	text-decoration: none
	}

h4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #557DA1; 
	text-decoration: none
	}

h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #557DA1; 
	text-decoration: none
	}

td { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

input{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

textarea{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}
#logo
{
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;

	}

#contact2
{
	margin-top: 10px;
	width: 130px;
	margin-left: 18px;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	}
#login
{
	margin-right: 30px;
}
#login a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 3px;
}
#headline
{
	width: 200px;
	margin-left: 20px;
	margin-top: 130px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	color: #555;
	}
	
#t-cms-favorites {display:none;}

.home-search {display:none}

#brasstubes td:hover {
	background: #E4E0DF;
	}

#brasstubes td {
	border: 1px #ccc solid;
	padding: 10px;
	}
	
#bonnets td:hover {
	background: #E4E0DF;
	}

#bonnets td {
	border: 1px #ccc solid;
	padding: 10px;
	width: 400px;
	}

.job_search .search_area {margin:0; display:none}

.articles-code-block ul {
	list-style: none;
	display:block;
	margin: 0;
	padding: 0;
}

.articles-code-block li {
	background:transparent url(/tresources/en/images/icons/article.gif) no-repeat scroll left top;
	display:block;
	margin-bottom:2px;
	padding-left:17px;
}

.bread-crumbs {
	margin-bottom: 20px;
}