body, html
{
	margin: 0;
	padding: 0;
	width:  100%;
}

body
{
	font-family: Arial, Helvetica, Sans-Serif;
	background-color: #fff;
	font-size:12px;
	color: #666666;
}

/*******************************************************************************************
*
* Default element styles
*
*******************************************************************************************/

h1.HomeHeader
{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
}

h2
{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
}

h2.SideBlock
{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

.HeaderBlue h1, .HeaderOrange h1, .HeaderRed h1, .HeaderGreen h1, .HeaderGrey h1
{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
}

p
{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
}

p.HomeParagraph
{
	margin: 4px 0 0 0;
	color: #fff;
}

p.LatestNewsItem
{
	margin: 7px 0 5px 0;
	color: #fff;
}

a
{
	text-decoration: none;
	color: #1693A5;
}

a:hover, a:focus
{
	text-decoration: underline;
}

a.ReadMore
{
	font-size: 12px;
	font-weight: bold;
	color: #d3d3d3;
}
.ContentRight a
{
	color: #000;
}
a h2
{
	color: #666666;
}
.Green a, h2.Green	
{
	color: #8bc63f;
}
.Blue a, h2.Blue	
{
	color: #41c2d5;
}
.Red a, h2.Red	
{
	color: #f75c63;
}

.Orange a, h2.Orange	
{
	color: #faa919;
}

.InputContact, .LoginInput	
{
	width: 200px;
	border: #999999 1px solid;
}
.TextareaContact	
{
	width: 200px;
	height: 100px;
	border: #999999 1px solid;
}

.SubmitContact, .ButtonInput
{
	background-color:#999999;
	border: #999999 1px solid;
	color:#fff;
}


/*******************************************************************************************
*
* Main div styles
*
*******************************************************************************************/

#Wrapper
{
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
	#Header
	{
		margin: 0;
		padding: 0;
		width: 900px;
		height: 120px;
		position: relative;
	}
		#Logo
		{
			margin: 0;
			padding: 0;
			width: 280px;
			height: 120px;
			float: left;
			display: inline;
		}
		#MenuWrapper
		{
			position: relative;
			margin: 0;
			padding: 0;
			width: 620px;
			height: 120px;
			float: left;
			background: url(Images/DottedLine.gif) repeat-x 0 63px;
		}
	#ContentWrapper
	{
		margin: 0 auto;
		padding: 0 0 20px 0;
		width: 900px;
	}
		#ProductBlock
		{
			margin: 0 0 10px 0;
			padding: 0;
			width: 900px;
			height: 220px;
		}
			.IntroBlockWrapper
			{
				margin: 0;
				padding: 0;
				width: 900px;
				height: 220px;
			}
				.IntroBlock
				{
					margin: 0;
					padding: 23px 30px 12px 20px;
					width: 620px;
					height: 185px;
					display: inline;
					float: left;
					background: #666 url(Images/IntroBlockBg.jpg) no-repeat left top;
				}
					#HomeBigBlockExpand
					{
						background: #1693A5 url(Images/IntroBlockBlueBg.jpg) no-repeat left top;
					}
					#HomeBigBlockControl
					{
						background: #FAA919 url(Images/IntroBlockYellowBg.jpg) no-repeat left top;
					}
					#HomeBigBlockStructure
					{
						background: #8BC63F url(Images/IntroBlockGreenBg.jpg) no-repeat left top;
					}
					#HomeBigBlockMaintain
					{
						background: #C0262D url(Images/IntroBlockRedBg.jpg) no-repeat left top;
					}
				
				
				
				.LatestNews
				{
					margin: 0 0 0 10px;
					padding: 34px 15px 15px 15px;
					width: 190px;
					height: 171px;
					float: left;
					background-color: #666;
				}
				.ProductHomeRightBlock
				{
					margin: 0 0 0 10px;
					padding: 34px 15px 15px 15px;
					width: 190px;
					height: 171px;
					float: left;
				}
					.ProductHomeRightBlock ul	
					{
						margin:10px 0 0 15px; 
						padding:0;
						color:#fff;
					}
					.ProductHomeRightBlock ul li ul	
					{
						margin:0px 0 0 15px; 
						padding:0;
						color:#fff;
					}
				#ControlRightBlock
				{
					background-color: #FAA919;
				}
				#ExpandRightBlock
				{
					background-color: #1693A5;
				}
				#StructureRightBlock
				{
					background-color: #8BC63F;
				}
				#MaintainRightBlock
				{
					background-color: #C0262D;
				}
				
			.MenuBlockHome
			{
				margin: 0;
				padding: 0;
				width: 900px;
				height: 220px;
			}
				.MenuBlockLeft
				{
					margin: 0;
					width: 680px;
					display: inline;
					float: left;
				}
					.MenuBlock	
					{
						margin: 0 10px 10px 0;
						width: 330px;
						height: 120px;
						float:left;
						display:inline;
						font-size: 30px;
						text-align: right;
					}
						a.GreenImage	
						{
							width: 210px;
							height: 78px;
							display:block;
							color:#fff;
							padding: 42px 120px 0 0;
							background: url(Images/BlockGreen.jpg) no-repeat;
						}
						a:hover.GreenImage 	
						{
							text-decoration:none;
							background: url(Images/BlockGreenOver.jpg) no-repeat;
						}
						a.OrangeImage	
						{
							width: 210px;
							height: 78px;
							display:block;
							color:#fff;
							padding: 42px 120px 0 0;
							background: url(Images/BlockOrange.jpg) no-repeat;
						}
						a:hover.OrangeImage 	
						{
							text-decoration:none;
							background: url(Images/BlockOrangeOver.jpg) no-repeat;
						}
						a.BlueImage	
						{
							width: 210px;
							height: 78px;
							display:block;
							color:#fff;
							padding: 42px 120px 0 0;
							background: url(Images/BlockBlue.jpg) no-repeat;
						}
						a:hover.BlueImage 	
						{
							text-decoration:none;
							background: url(Images/BlockBlueOver.jpg) no-repeat;
						}
						a.RedImage	
						{
							width: 210px;
							height: 78px;
							display:block;
							color:#fff;
							padding: 42px 120px 0 0;
							background: url(Images/BlockRed.jpg) no-repeat;
						}
						a:hover.RedImage 	
						{
							text-decoration:none;
							background: url(Images/BlockRedOver.jpg) no-repeat;
						}
				.MenuBlockRight
				{
					margin: 0;
					width: 180px;
					float: left;
				}
					.BlockRight	
					{
						width: 190px;
						height: 105px;
						background-color:#999;
						margin: 0 0 10px 0;
						padding: 15px 15px 0 15px;
					}
						.Title	
						{
							color:#fff;
							font-size:18px;
						}
						.BlockRight a	
						{
							color:#000;
							font-weight:bold;
							font-size:12px;
						}
						.BlockRight p	
						{
							margin: 5px 0 5px 0;
						}
				
				.HeaderGrey
				{
					width: 900px;
					height: 80px;
					margin: 0 0 10px 0;
					background: url(Images/HeaderGrey.jpg) no-repeat;
				}
				.HeaderBlue	
				{
					width: 900px;
					height: 80px;
					margin: 0 0 10px 0;
					background: url(Images/HeaderBlue.jpg) no-repeat;
				 }
				 .HeaderRed	
				 {
					width: 900px;
					height: 80px;
					margin: 0 0 10px 0;
					background: url(Images/HeaderRed.jpg) no-repeat;
				 }
				 .HeaderOrange	
				 {
					width: 900px;
					height: 80px;
					margin: 0 0 10px 0;
					background: url(Images/HeaderYellow.jpg) no-repeat;
				 }
				 .HeaderGreen	
				 {
					width: 900px;
					height: 80px;
					margin: 0 0 10px 0;
					background: url(Images/HeaderGreen.jpg) no-repeat;
				 }
					.HeaderBlue .Left, .HeaderOrange .Left, .HeaderRed .Left, .HeaderGreen .Left, .HeaderGrey .Left
					{
						width: 658px;
						float: left;
						display: inline;
						padding: 22px 0 0 22px;
					}
					.HeaderBlue .Contact, .HeaderOrange .Contact, .HeaderRed .Contact, .HeaderGreen .Contact, .HeaderGrey .Contact
					{
						width: 190px;
						padding: 20px 0 0 30px;
						float: left;
						display: inline;
						font-size: 12px;
						color: #FFFFFE;
						font-weight: normal;
					}
				 .ContentLeft	
				 {
					width: 670px;
					float: left;
					display: inline;
					margin: 0 10px 0 0;
					color: #666666;
				 }
					.BreadCrumb
					{
						font-size: 11px;
						margin: 0 0 15px 0;
					}
						.BreadCrumb a
						{
							text-decoration: underline;
							color: #000000;
						}
				 .ContentRight	
				 {
					width: 160px;
					padding: 30px;
					float: left;
					display: inline;
					background-color: #666;
					color: #FFFFFF;
				 }

/*******************************************************************************************
*
* Menu styles / lists
*
*******************************************************************************************/


#MenuWrapper .MainMenu
{
	position: absolute;
	top: 44px;
	left: 0;
	margin: 0;
	padding: 0;
}
	#MenuWrapper .MainMenu ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#MenuWrapper .MainMenu ul li
		{
			margin: 0 20px 0 0;
			padding: 0;
			float: left;
			display: inline;
		}
			#MenuWrapper .MainMenu ul li a
			{
				display: block;
				float: left;
				font-size: 11px;
				color: #000;
				text-decoration: none;
			}
			#MenuWrapper .MainMenu ul li a:hover, #MenuWrapper .MainMenu ul li a:focus
			{
				text-decoration: underline;
			}
	
#MenuWrapper .ProductMenu
{
	position: absolute;
	top: 70px;
	left: 0;
	margin: 0;
	padding: 0;
}
	#MenuWrapper .ProductMenu ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#MenuWrapper .ProductMenu ul li
		{
			margin: 0 20px 0 0;
			padding: 0;
			float: left;
			display: inline;
		}
			#MenuWrapper .ProductMenu ul li a.Green
			{
				color: #8bc63f;
			}
			#MenuWrapper .ProductMenu ul li a.Orange
			{
				color: #faa919;
			}
			#MenuWrapper .ProductMenu ul li a.Blue
			{
				color: #1693a5;
			}
			#MenuWrapper .ProductMenu ul li a.Red
			{
				color: #c0262d;
			}
			#MenuWrapper .ProductMenu ul li a
			{
				display: block;
				float: left;
				font-size: 11px;
				color: #000;
				text-decoration: none;
			}
			#MenuWrapper .ProductMenu ul li a:hover, #MenuWrapper .ProductMenu ul li a:focus
			{
				text-decoration: underline;
			}
	
#MenuWrapper .BusinessMenu
{
	position: absolute;
	top: 70px;
	left: 254px;
	margin: 0;
	padding: 0;
}
	#MenuWrapper .BusinessMenu ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#MenuWrapper .BusinessMenu ul li
		{
			margin: 0 20px 0 0;
			padding: 0;
			float: left;
			display: inline;
		}
			#MenuWrapper .BusinessMenu ul li a
			{
				display: block;
				float: left;
				font-size: 11px;
				color: #666;
				text-decoration: none;
			}
			#MenuWrapper .BusinessMenu ul li a:hover, #MenuWrapper .BusinessMenu ul li a:focus
			{
				text-decoration: underline;
			}

/*******************************************************************************************
*
* Form styles
*
*******************************************************************************************/


/*******************************************************************************************
*
* Other styles
*
*******************************************************************************************/

.HomeAutoGraph
{
	margin: 4px 0 0 0;
	padding: 8px 52px 0 0;
	width: 103px;
	height: 43px;
	font-size: 12px;
	color: #d3d3d3;
	display: block;
	background: url(Images/Autograph.gif) no-repeat right;
}

.LatestNews .Date
{
	font-style: italic;
	color: #d3d3d3;
}

.AttentionBlock
{
	width: 215px;
	height: 90px;
	padding: 15px 100px 15px 15px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background: url(Images/AttentionBlock.jpg) no-repeat 0 0;
}

.AttentionBlockLogedIn
{
	width: 298px;
	height: 88px;
	padding: 15px 15px 15px 15px;
	margin: 0 0 10px 0;
	overflow: hidden;
	border: #000 1px solid;
}
	.AttentionBlock a, .AttentionBlockLogedIn a
	{
		display: block;
	}
	.AttentionBlock a:hover, .AttentionBlockLogedIn a:hover
	{
		text-decoration: none;
	}
	.AttentionBlock h2, .AttentionBlockLogedIn h2
	{
		margin: 0 0 5px 0;
	}
	.AttentionBlock a p, .AttentionBlockLogedIn a p
	{
		color: #666666;
	}
	
.ZohoFrameWebToLead
{
	margin: 10px 0 15px 0;
	border: none;
	width: 640px;
	height: 340px;
}

.trBorder	
{
	border-top: #000 1px solid;
}

.FilesTable
{
	width: 100%;
	margin: 0 0 15px 0;
}
	.FilesTable td
	{
		padding: 3px 10px 3px 0;
		border-bottom: solid 1px #EFF3F3;
	}
		.FileDate
		{
			color: #63979F;
			font-style: italic;
		}
		.CategoryCell
		{
			text-align: right;
		}
		.CategoryMailCell
		{
			width: 120px;
			text-align: left;
		}
		


#backgroundPopupVisible
{
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/  
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #050100;
	z-index: 4;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	display: none;
}
	
.ZohoLoginPopup
{
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/  
	width: 350px;
	height: 400px;
	top: 100px;
	left: 0;
	padding: 13px;
	z-index: 100;
	background: #FFFFFF;
	border: solid 1px #535353;
	text-align: left;
	visibility: hidden;
}
	.ZohoLoginPopup iframe
	{
		border: none;
		text-align: left;
	}
	.SpanHeader
	{
		font-size: 18px;
		font-weight: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	.ZohoCloseLink
	{
		position: absolute;
		right: 10px;
		top: 10px;
	}
	.popupAlign
	{
		text-align: left;
	}
	
div.LanguageBar
{
	margin: 0 0 0 0;
	position: absolute;
	top: 45px;
	right: 0px;
}
	div.LanguageBar div
	{
		width: 20px;
		height: 15px;
	}
		div.LanguageBar div.SelectedLanguage
		{
			background: url('Images/LanguageSelectedBg.jpg') no-repeat left top;
		}
		
.newsImage
{
	float: left;
	margin: 0 10px 0 0;
}

.NewsItems	
{
	width:660px;
	float:left;
	display: inline;
	padding: 0 0 10px 0;
}