/*
	TREM Engineering - This file created by Sal Sodano http://salscode.com for use on www.tremseals.com and www.tremseals.ru,
use in any other way, on any other domains, is prohibited.
*/

*, html {margin: 0; padding: 0;}

object {display: block; outline: none;}

body {background: url('../images/background.png') repeat scroll center top #486C56; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {color: black; padding-left: 8px; padding-right: 15px;}
h2 {font-size: 90%;}
h3 {font-size: 80%;}

a {font-weight: normal; text-decoration: underline; color: #000000;}
a:hover, a:focus {text-decoration: none;}

#wrapper {width: 960px; margin: 0px auto 0px; background-color: #95afa4; border: 1px black solid; border-top: 0; border-bottom: 0;}

#logo {position: absolute; z-index: 1001; border: 0; top: 12px; margin-left: 12px;}
#logo img {border: 0;}

#header {position: relative; z-index: 1; height: 248px; background: url('../images/banner.jpg') no-repeat bottom center;}

/******************Menu*********************/

#menu {
	height: 36px; margin: 0 auto; position:relative; text-align: center; font-size: 1.0em;
	z-index: 1001; width: 960px; background: orange url('../images/menu_bkg.png');
	border-top: 1px white solid; border-bottom: 1px white solid;}
 
#menu ul {margin:0 auto; height: 36px; width: 920px; padding:0 20px 0 20px; list-style-type:none; white-space:nowrap; display: inline-block; text-align: center;}
#menu ul ul {width:15em;}
#menu ul li {height:36px;line-height:36px; display: inline-block; list-style-type: none;}
 
/* Style Sub Level */
#menu ul ul li {display: table; width:12em; height:auto; line-height:1em; font-size: 90%;}
 
/* Style Top Level Links */
#menu a, #menu a:visited {display:inline-block; float:left; height:36px; line-height:36px; color: white; padding:0; text-decoration:none; white-space:nowrap;}
#menu ul a b {display: block; padding:0 15px 10px 15px;} #menu ul a b span{visibility: hidden;}
 
/* Style Sub Level Links */
#menu ul ul a, #menu ul ul a:visited {display:block; background:#000; color:#fff; width:12em; height:100%; line-height:1em; padding:0.5em 1em; text-align: left;}
* html #menu ul ul a, * html #menu ul ul a:visited  {width:14em; width:12em;}
 
/* Correct IE */
#menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height: 0; font-size:1.0em; z-index:1;}
  
/* Style Hovers */
/* First */
* html #menu a:hover {background:#000; position:relative; z-index:100;}
#menu ul a:hover b span, #menu ul li:hover a b span, .active{visibility: visible;}
#menu li:hover, #menu li:focus {position:relative;} #menu :hover > a, #menu :focus > a{color:#000;}
  
/* Second */  
#menu ul :hover ul li a:hover, #menu ul :focus ul li a:focus {color:#000; background:#e8e8e8;}

/* Sub Level Technical - Don't Change */
#menu ul ul {visibility:hidden; position:absolute; height:0; top:2.3em; left:0; width:14em;}
#menu ul :hover ul, #menu ul :focus ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url('../images/transparent.gif'); left:-3em;}


/******************Menu*********************/

#bar {position: relative; z-index: 3; height: 20px; border-top: black 1px solid; background: transparent url('../images/top3.png') no-repeat scroll center center; margin-top: -2px; margin-bottom: -20px;}

#top {position: relative; z-index: 2; width: 100%; height: 86px; background: #507b64 url('../images/top1s.png') no-repeat scroll right bottom;}
#top h1 {float: left; margin-left: 20px; width: 475px; margin-top: 10px; color: #fff; font-weight: bold; font-size: 1.75em;}
#top img {padding: 28px 10px 12px 20px; border: 0;}

#flags {position: relative; float: right; top: 20px; right: 90px;}
#flags img {padding: 12px;}
#flags ul {width: 200px;}
#flags li {display: inline-block; padding-left: 5px;}
#flags li a{border: 0; text-decoration: none;}

#content-wrap {background: #c3d0c8 url('../images/center_back_grad.png') repeat-x scroll left top;}

/******************Sidebar*********************/

#sidebar {position: relative; float: left; width: 241px; height: 100%; z-index: 2;}
#sidebar h2 {text-align: center; color: black; font-size: 1.7em; padding-top: 10px;}
#sidebar p {
	padding-left: 15px;
	padding-top: 30px;
	font-size: 0.9em;
}

#sidebar .gaugeh, #sidebar .gaugea {
	position: relative;
	z-index: 1002;
	margin: 12px 5px -14px 35px;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0;
}
#sidebar .gaugea {
	margin: 12px 5px -14px 0px;
}
#sidebar .gaugea span {
	border-bottom: 4px black solid;
	padding: 0 10px 0 7px;
}
#sidebar .gaugeia {
	margin-top: 17px;
}

#sidebar .news-item{width: 90%; margin: 15px auto;}

#sidebar .news-item h4 {font-size: 1.2em; padding: 0;}
#sidebar .news-item p{padding: 4px 5px; font-size: 0.8em;}
.news-item .bold {font-weight: bold;}
.news-item .date{font-size: .8em; clear: both;}
.news-item .day {
	font-size: 2.4em;
	color: white;
	float: left;
	width: 40px;
	height: 31px;
	font-family: Book Antiqua, Palatino, serif;
	margin: 0;
}
.news-item .month {margin: 25px 0px 0px -40px; padding: 2px 4px; float: left; background-color: #8B2F34; color: #E4EABE; font-weight: bold;}
.news-item .year {float: left; margin: 25px 0px 0px 0px; padding: 2px 4px; background: transparent url('../images/center_news_month.gif') repeat; color: white; font-weight: bold;}
.news-item .text {
	clear: both;
}

/******************Sidebar*********************/

/******************Content*********************/

#content {width: 609px; float: right; padding: 50px 110px 20px 0px; min-height: 645px; background: transparent url('../images/top2s.png') no-repeat scroll right top;}
#content.wide {width: 761px; padding: 50px 159px 20px 40px;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {width: 100%;}
#content .small-content h1, #content .small-content h2, #content .small-content h3, #content .small-content h4, #content .small-content h5, #content .small-content h6 {width: 100%;}
#content td h1, #content td h2, #content td h3, #content td h4, #content td h5, #content td h6 {width: auto;}
#content li h1, #content li h2, #content li h3, #content li h4, #content li h5, #content li h6 {width: auto;}
#content p {padding: 5px 25px 5px 4px; text-align: justify; width: 100%; font-size: 0.8em;}

#content ul, #content ol {padding-left: 40px; font-size: 0.8em;}
#content ul li, #content ol li {padding: 5px;} #content ul ol, #content ol ul {font-size: 1.0em;}
#content ul ul, #content ul ul ul, #content ul ul ul ul, #content ol ol, #content ol ol ol, #content ol ol ol ol {font-size: 1.0em;}
#content ul ul, #content ol ol {width: 420px;}
#content ul ul ul,#content ol ol ol {width: 380px;}
#content ul ul ul ul, #content ol ol ol ol {width: 340px;}

#content ul.pdf {list-style-image: url('../images/acrobat_logo.gif');}

#content table {width: 100%; table-layout: auto; font-size: 0.9em; vertical-align: top;}
#content table ul, #content table ol {font-size: 1.0em;}
#content table th, #content .styledt th {background-color: #507B64; padding: 4px 4px; color: white; font-size: 0.9em;}

#content table p{width: auto; text-align: left; padding: 4px 1px;}
#content table td {padding: 3px; vertical-align: top;}
#content td a {color: white;}
#content .tech {margin: 0 auto; border: 2px solid black; border-collapse: collapse;}
#content .tech td{padding: 5px 4px;}
#content .styledt {margin-left: 5px; border: 2px solid black; border-collapse: collapse;}
#content .tech td, #content .styledt td {vertical-align: top; padding: 15px 3px; font-size: 0.9em;}
#content strong a {font-weight: bold; color: black;}

#content h3 strong img {margin-top: -4px;}
#content .prodimgs {width: 165px; float: left;}
#content .prodimgs p {width: auto;}
#content .small-content {width: 444px; float: right;}
#content.wide .small-content {width: 595px; float: right;}

/******************Content*********************/

/******************Footer*********************/

#bottom {position: relative; width: 960px; height: 86px; margin: 0px auto; background: #c3d0c8 url('../images/footer.png') no-repeat scroll right bottom;
	border-bottom: 5px black solid;}
@media all and (resolution = 0dpi) { /* exclude Opera 10.50 and higher*/
  :root #bottom { /* you need to append :root to all selectors to exclude Opera lt 9.5*/
	top: -86px;
	margin-bottom: -86px;
  }
  :root #content { /* you need to append :root to all selectors to exclude Opera lt 9.5*/
	padding-bottom: 86px;
  }
  :root #footer { /* you need to append :root to all selectors to exclude Opera lt 9.5*/
	top: 0px;
  }
}

#footer {position: relative; width: 960px; margin: 0px auto 0px; top: 0px; text-align: left; color: white; background-color: #789785; font-size: 0.75em;
border-left: 1px black solid; border-right: 1px black solid; padding-bottom: 8px;}
#footer p {padding: 10px 10px 10px 20px;}
#footer a {color: white; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

.gaugei {
	position: relative;
	margin-top: -20px;
	z-index: 1001;
}
.center {margin: 0 auto; padding-left: 20px; padding-right: 134px;}

@media print {
	* {margin: 0; padding: 0;}
	#header, #menu, #bar, #sidebar, #flags, #bottom, #footer {display: none;}
	#wrapper, #footer {border: 0;}
	#content, #footer, #top, #wrapper {width: 100%;}
	#logo {position: relative; margin: 0 auto;}
	#content {padding: 5px;}
}