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

body	{
		background-color: #fff;
		font-family: Helvetica, Arial, sans-serif;
		border-collapse: collapse;
		background: url(../i/bg.png) repeat-x ;
		background-position:0 0;
		margin-top:-16px;
		color:#333;
		}
			
#container	{
			width:900px;
			margin:auto;
			}

.redbold	{
			color:#6D0A0A;
			font-size:12px;
			font-weight: bold;
			}

.greenbold	{
			color:#1A8037;
			font-size:12px;
			font-weight: bold;
			}
			
/*-- Beginning of the Navigation --*/


#nav	{position:relative;}


ul#nav	li a			{
						border: 0;
						display: block;
						height: 109px;
						background: url(../i/nav.png) no-repeat;
						z-index: 9998;
						}

li#logo a				{	width: 218px;}

li#logo a:link			{	background-position: 0px 0px;}
li#logo a:visited		{	background-position: 0px 0px;}
li#logo a:hover			{	background-position: 0px -109px;}
li#logo a:active		{	background-position: 0px -109px;}
li#logoon a				{	width: 218px;background-position: 0px 0px !important;cursor: default;}

li#home a				{	width: 65px;}

li#home a:link			{	background-position: -223px 0px;}
li#home a:visited		{	background-position: -223px 0px;}
li#home a:hover			{	background-position: -223px -109px;}
li#home a:active		{	background-position: -223px -109px;}
li#homeon a				{	width: 65px;background-position: -223px -109px !important;}

li#history a			{	width: 75px;}

li#history a:link		{	background-position: -292px 0px;}
li#history a:visited	{	background-position: -292px 0px;}
li#history a:hover		{	background-position: -292px -109px;}
li#history a:active		{	background-position: -292px -109px;}
li#historyon a			{	width: 75px;background-position: -292px -109px !important;}

li#voc a				{	width: 186px;}

li#voc a:link			{	background-position: -367px 0px;}
li#voc a:visited		{	background-position: -367px 0px;}
li#voc a:hover			{	background-position: -367px -109px;}
li#voc a:active			{	background-position: -367px -109px;}
li#vocon a				{	width: 186px;background-position: -367px -109px !important;}

li#products a			{	width: 97px;}

li#products a:link		{	background-position: -548px 0px;}	
li#products a:visited	{	background-position: -548px 0px;}
li#products a:hover		{	background-position: -548px -109px;}
li#products a:active	{	background-position: -548px -109px;}
li#productson a			{	width: 97px;background-position: -548px -109px !important;}

li#videos a				{	width: 69px;}

li#videos a:link		{	background-position: -647px 0px;}
li#videos a:visited		{	background-position: -647px 0px;}
li#videos a:hover		{	background-position: -647px -109px;}
li#videos a:active		{	background-position: -647px -109px;}
li#videoson a			{	width: 69px;background-position: -647px -109px !important;}

li#contact a			{	width: 91px;}

li#contact a:link		{	background-position: -715px 0px;}
li#contact a:visited	{	background-position: -715px 0px;}
li#contact a:hover		{	background-position: -715px -109px;}
li#contact a:active		{	background-position: -715px -109px;}
li#contacton a			{	width: 91px;background-position: -715px -109px !important;}

ul#nav li				{
						padding: 0;
						display: block;
						margin: 0;
						float: left;
						text-indent: -9999px;
						z-index: 9998;
						}

/*-- Ending of the Navigation --*/

#content	{
			width:753px;
			height:100%;
			background-image:url(../i/shadow.png);
			background-repeat:repeat-y;
			margin-left:85px;
			}

#contentvideo	{
				width:753px;
				height:100%;
				background-image:url(../i/shadowvideo.png);
				background-repeat:repeat-y;
				margin-left:85px;
				}
			
#content h1	{
			font-family: Helvetica, Arial, sans-serif;
			font-size:30px;
			font-weight:200;
			margin:20px 0 -5px 0;
			color:#000;
			}

#content h2	{
			font-family: Helvetica, Arial, sans-serif;
			font-size:19px;
			font-weight:200;
			margin:16px 0 -11px 0;
			line-height:1.2em;
			color:#666;
			font-weight:300;
			}
			
#content h3	{
			font-family: Helvetica, Arial, sans-serif;
			font-size:15px;
			line-height:1.2em;
			color:#666;
			font-weight:bold;
			margin-left:12px;
			margin-top:5px;
			}

.add	{
		font-family: Helvetica, Arial, sans-serif;
		font-size:14px;
		color:#666;
		font-weight:bold;
		}
		
#contentmvsp h1	{
				font-family: Helvetica, Arial, sans-serif;
				font-size:21px;
				font-weight:200;
				margin:20px 0 -5px 0;
				color:#000;
				}

#contentvoc	{
			width:753px;
			background-image:url(../i/shadowvoc.png);
			background-repeat:repeat-y;
			margin-left:85px;
			}

#contentmvsp	{
				width:753px;
				background-image:url(../i/shadowmvsp.png);
				background-repeat:repeat-y;
				margin-left:85px;
				}

.bp	{
	font-size:15px;
	color:#DD1F26;
	line-height:1.25em;
	font-weight:bold;
	}

#cright		{
			width: 460px;
			font-size: 13px;
			line-height: 1.4em;
			clear:right;
			float:right;
			display: block;
			padding-right:15px;
			margin-top:-8px;
			}

#pcright	{
			width: 732px;
			font-size: 13px;
			line-height: 1.4em;
			clear:right;
			float:right;
			display: block;
			padding-right:5px;
			margin-top:-5px;
			}

#pcright p	{
	color:#000;
	font-size:12px;
	font-weight:bold;
	font: Helvetica, sans-serif;
	vertical-align: text-top;
			}
			
#pcright tr	{
			border-collapse:collapse;
			}

#pcright a:hover	{	opacity: .7;
						filter: alpha(opacity=70);
						filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
						}

#pcright img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							filter: alpha(opacity=70);
							opacity: .7;
							}

#contenttop	{
			width:753px;
			height:21px;
			background-image:url(../i/shadowtop.png);
			background-repeat:no-repeat;
			margin:top;
			}
			
#contenttopred	{
				width:753px;
				height:22px;
				background-image:url(../i/shadowtopred.png);
				background-repeat:no-repeat;
				margin:top;
				}

#contentbottom	{
				width:753px;
				height:22px;
				background-image:url(../i/shadowbottom.png);
				background-repeat:no-repeat;
				margin:bottom;
				clear:both;
				}

#contentbottom1	{
				width:753px;
				height:22px;
				background-image:url(../i/shadowbottom.png);
				background-repeat:no-repeat;
				margin:-15px 0 0 85px;
				clear:both;
				}
				
#leftpix	{
			float: left;
			padding: 0 0 0 20px;
			}

#leftpix1	{
			float: left;
			padding: 0 0 0 20px;
			}


.leftpix1	{padding-left:15px;margin-bottom:5px;}

.leftpix1 a:hover	{	opacity: .7;
						filter: alpha(opacity=70);
						filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
						}

.leftpix1 img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
						filter: alpha(opacity=70);
						opacity: .7;
						}


.technlist	{padding-left:12px;}

.technaround01	{height:425px;background-image:url(../i/ecoiemcbt.png);padding-left:15px;margin-bottom:0px;}

.technaround01 a:hover	{	opacity: .7;
							filter: alpha(opacity=70);
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							}

.technaround01 img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
								filter: alpha(opacity=70);
								opacity: .7;
								}

.technaround	{padding-left:15px;margin-bottom:5px;}

.technaround a:hover	{	opacity: .7;
							filter: alpha(opacity=70);
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							}

.technaround img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							filter: alpha(opacity=70);
							opacity: .7;
							}


/*-- Beginning of the Footer --*/

#footer				{
					color: #000;
					font-family: Helvetica, Arial, sans-serif;
					font-size: 12px;
					margin-left: 25px;
					margin-top: -5px;
					padding-top:1px;
					padding-bottom: 20px;
					clear: both;
					height: auto;
					background-image:url(../i/white.png);
					}

#footer	 a			{
					color:#C70000;
					font-family: Helvetica, Arial, sans-serif;
					font-size: 12px;
					text-transform: uppercase;
					text-decoration: none;
					padding:2px 5px 2px 5px;
					}
						
#footer	 a:hover	{
					color: #fff;
					background-color:#C70000;
					font-family: Helvetica, Arial, sans-serif;
					font-size: 12px;
					text-transform: uppercase;
					text-decoration: none;
					padding:2px 5px 2px 5px;
					}

#footer	 p			{
					text-align: center;
					line-height: 1.5em;
					}

/*-- Ending of the Footer --*/


#flash	{width:950px;}

.list	{list-style:none;font-size:14px;}
.list li	{margin-left:-39px;}

#container #content #cright table {
	font-size: 15px;
	font-weight: bold;
}

.link a	{
		color:#666;
		font-size:17px;
		line-height:1.6em;
		font: Helvetica, sans-serif;
		vertical-align: text-top;
		margin-left:13px;
		text-decoration: none;
		padding:5px;
		}
		
.link a:hover	{
				color:#fff;
				background-color:#C70000;
				font-size:17px;
				line-height:1.6em;
				font: Helvetica, sans-serif;
				vertical-align: text-top;
				margin-left:13px;
				text-decoration: none;
				padding:5px;
				}

.comment	{width:422px;height:121px;}


.email a	{
		color:#333;
		font-size:16px;
		line-height:1.6em;
		font: Helvetica, sans-serif;
		vertical-align: text-top;
		text-decoration: none;
		padding:5px;
		margin-left:-3px;
		}
		
.email a:hover	{
				color:#fff;
				background-color:#C70000;
				font-size:14px;
				line-height:1.6em;
				font: Helvetica, sans-serif;
				vertical-align: text-top;
				text-decoration: none;
				padding:5px;
				}

.proimage	{
			margin:10px 0px 11px 5px;
			height:125px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			}

.proimage img	{margin:13px -1px 6px -1px;}

.proimage a:hover	{	opacity: .7;
							filter: alpha(opacity=70);
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							}

.proimage img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							filter: alpha(opacity=70);
							opacity: .7;
							}
			
#videoinfo	{}

#videoinfo p	{
				margin-left:11px;
				}
				
#videoinfo img	{
				margin-bottom:-12px;
				margin-top:15px;
				}

#videoinfo a	{
			color:#666;
			font-size:18px;
			line-height:1.9em;
			font: Helvetica, sans-serif;
			vertical-align: text-top;
			margin-left:6px;
			text-decoration: none;
			padding:5px;
			
			}
		
#videoinfo a:hover	{
					color:#fff;
					background-color:#C70000;
					font-size:18px;
					line-height:1.9em;
					font: Helvetica, sans-serif;
					vertical-align: text-top;
					margin-left:6px;
					text-decoration: none;
					padding:5px;
					}

#roman	{
		margin:0 0 0 17px;
		width:248px;
		float:left;
		clear:left;
		}

#roman a:hover	{	opacity: .7;
							filter: alpha(opacity=70);
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							}

#roman img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							filter: alpha(opacity=70);
							opacity: .7;
							}

#historyimg img	{margin:-1px;}

#historyimg a:hover	{	opacity: .7;
							filter: alpha(opacity=70);
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							}

#historyimg img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							filter: alpha(opacity=70);
							opacity: .7;
							}

#prolist	{margin-top:20px;text-align:center;}

#prolist a:hover	{	opacity: .7;
							filter: alpha(opacity=70);
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							}

#prolist img:hover	{	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
							filter: alpha(opacity=70);
							opacity: .7;
							}
							
#hnaturalleft	{
				margin:0 0 0 17px;
				width:248px;
				height:784px;
				float:left;
				clear:left;
				background-image:url(../i/naturalcementleft.png);
				}
				
				
.hlowproducts	{
				height:158px;
				padding-left:15px;
				margin-bottom:5px;
				}

#hpotassiumleft	{
				margin:0 0 0 17px;
				width:248px;
				height:1730px;
				-moz-height:1730px;
				background-color:#000;
				float:left;
				clear:left;
				background-image:url(../i/hpotassiumleft_moz.png);
				}