﻿html
{
 /* background:#484747; #888282; 
	background-color:#888282;*/
}
body, div, p, td, th, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, dl, dt, dd
{
	margin:0 0 0 0;
padding:0;
}
table
{
	border-collapse:collapse;border-spacing:0;
	width: 92px;
}
fieldset,img
{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}
li
{
	list-style:none;
}
caption,th
{
	text-align:left;
}
h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:normal;
}

a
{
 text-decoration: none; 	
}

body 
{
	background-color:#888282;	
}
/*
	#MainFrame
	{

		height:831px;	
		background: url(../images/OkSoftMlmSite_MainBgRepeate.jpg) repeat-x left top;
		text-align:center;			
	}
*/

/* ----------------------------------------------------------------------------------- */

#SiteFrame
{
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
  	width: 990px;
  	vertical-align:top;
	top: 0px;
	left: 0px;
}

/* ----------------------------------------------------------------------------------- */

#TopMenu
{
	float:left;
	width:990px;
	height:180px;
	background: url(../images/bg_top_center.jpg) no-repeat center center;		
}

ul.OkSoft_TopMenu
{
	float:left;
	text-align:left;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
}

.OkSoft_TopMenu li
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin: 15px 0px 15px 0px;
}

.OkSoft_TopMenu a
{
	text-decoration:none;
	color:#444141;
		
}

.OkSoft_TopMenu a:hover
{
	text-decoration:none;
	color:#ffffff;	
}

#TopMenuChapters
{
	float:left;
	width:990px;
	height:45px;
}

#TopMenuChapters ul li
{
	float:left;
	display:block;	
	margin-top:15px;	
}

#TopMenuChapters p
{
	font-family:Tahoma;
	font-weight:700;
	letter-spacing:1px;
	font-size:12px;
	color:#e4e0df;
}

#TopMenuChapters a
{
	text-decoration:none;
	color:#e4e0df;
}

#TopMenuChapters a:hover
{
	text-decoration:none;
	color:#ffffff;
}


/* ----------------------------------------------------------------------------------- */

#SwitchLine
{
	float:left;
	width:990px;
	height:15px;	
	padding: 5px 0px 0px 0px; 
}

#FlashLogoDiv
{
	float:left;
	width:990px;
	height:590px;		
}

div.OkSoft_Swither
{
	font-family:Arial;
	font-size:10px;
}

.OkSoft_Swither a
{
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	color:#444141;
}

/* ----------------------------------------------------------------------------------- */

#EmptySpace
{
	float:left;
	width:990px;
	height:100px;
}

/* ----------------------------------------------------------------------------------- */

#Article
{
	float:left;
	width:990px;
	vertical-align:top;
}

#Article1
{
	float:left;
	width:458px;
	height:313px;
	vertical-align:top;
	background: url(../images/article1_bg.jpg) no-repeat center center;	
	padding: 30px 17px 0px 20px;
}

#Article2
{
	float:left;
	width:458px;
	height:313px;
	vertical-align:top;
	background: url(../images/article2_bg.jpg) no-repeat center center;
	padding: 30px 17px 0px 20px;
}

#Article3
{
	float:left;
	width:458px;
	height:850px;
	vertical-align:top;
	background: url(../images/article3_bg.jpg) no-repeat center top;
	padding: 10px 17px 0px 20px;
}

#Article4
{
	float:left;
	width:458px;
	height:850px;
	vertical-align:top;
	background: url(../images/article4_bg.jpg) no-repeat center top;
	padding: 10px 17px 0px 20px;
}

p.Article
{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	line-height:12px;
}

h1.Article
{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

/* ------------------------- Site Map -------------------------------------------- */

#SitemapFrame
{
	float:left;
	width:990px;

}

#AutomatisationSection
{
	float:left;
	width:330px;

}

#NetworkSection
{
	float:left;
	width:330px;

}

#DesignSection
{
	float:left;
	width:330px;

}


/* ------------------------------------------------------------------------------- */

ul.MapNode
{
	float:left;
	text-align:left;
	vertical-align:top;
	margin: 5px 0px 5px 70px;
}

.MapNode li
{
	font-family:Arial;
	width:330px;	
	font-size:12px;
	font-weight:bold;
	margin: 5px 0px 5px 0px;	
}

.MapNode a
{
	text-decoration:none;
	color:#444141;
		
}

.MapNode a:hover
{
	text-decoration:none;
	color:#ffffff;	
}