﻿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 80px 0px 87px;
	text-align: left;
  	width: 1048px;
  	vertical-align:top;
	top: 0px;
	left: 0px;
}
/*--------------------------------------------------------------------------*/
#UpperHeaderMenu
{
	float:left;
	vertical-align:top;	
	width:1048px;
	height:73px;
}

#ProjectAdvantagesMenu
{
	float:left;
	vertical-align:top;
	width: 597px;
	height:35px;
	background: url(../images/OkSoftMlmSite_UpperMenuBg.png) no-repeat left top;		
}

#ProjectAdvantagesMenu p
{
	font-family:Tahoma;						
	font-size:13px;
	font-weight:bold;
	color:#000000;
}

#ProjectAdvantagesMenu ul
{
	float:left;
	height:28px;
}

#ProjectAdvantagesMenu ul li
{
	float:left;
	display:block;	
	margin-top:7px;
}

#ProjectAdvantagesMenu a
{
	color:#000000;
}


#UpperMenu
{
	float:left;
	width:1048px;
	height:35px;
			
}

#UpperMenu ul
{
	float:left;
	height:35px;
}

#UpperMenu ul li
{
	float:left;
	display:block;	
	margin-top:13px;
}

#UpperMenu p
{
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

#UpperMenu a
{
	color:#ffffff;
}

#UpperMenu a:hover
{
	text-decoration:none;
	color:#e4e0df;
}

/*--------------------------------------------------------------------------*/

#Header
{
	float:left;
	vertical-align:top;	
	width:998px;
	height:346px;
	padding-left:50px;
	background: url(../images/OkSoftMlmSite_Header.jpg) no-repeat center center;
}

#Header_auto
{
	float:left;
	vertical-align:top;	
	width:998px;
	height:346px;
	padding-left:50px;
	background: url(../images/Auto/OkSoftAutoBusinessSite_Head.jpg) no-repeat center center;
}

#Header_network
{
	float:left;
	vertical-align:top;	
	width:998px;
	height:346px;
	padding-left:50px;
	background: url(../images/Network/OkSoftNetworkSite_Head.jpg) no-repeat center center;
}

#Header_customisation
{
	float:left;
	vertical-align:top;	
	width:998px;
	height:346px;
	padding-left:50px;
	background: url(../images/Customisation/header_customisation.jpg) no-repeat center center;
}

#Header_warehouse_and_financial
{
	float:left;
	vertical-align:top;	
	width:998px;
	height:346px;
	padding-left:50px;
	background: url(../images/WarehouseFinancial/Oksoft_Sofware_Network_Marketing_Software_MLM_Company__header_finance.jpg) no-repeat center center;
}

#Slogan
{
	margin-top:80px;
	padding: 0px 0px 0px 0px;
	float:left;
	width:500px;
	height:210px;
	text-align:left;
	vertical-align:text-top;
	filter: shadow(color=#000000, direction=140);	
}

#Logo
{
	position:absolute;
	top: 52px;
	left:790px;
	float:left;
	vertical-align:top;
	width:259px;
	height:107px;
}

#Logo img
{
	border:none;	
}

/*--------------------------------------------------------------------------*/

#Footer
{
	float:left;
	width:1048px;
	height:34px;
}

#FooterLeftContent
{
	float:left;
	width:446px;
	height:36px;
}

#FooterRightContent
{
	float:left;
	width:600px;
	height:36px;
}

p.footer
{
	font-family:Arial;
	font-size:9px;
	color:#ffffff;	
}

/*--------------------------------------------------------------------------*/

#SiteBody
{
	float:left;
	width:1048px;
	background:#ffffff;
}

#UpperShadow
{
	float:left;
	width:1048px;
	height:44px;
	vertical-align:top;
	background: url(../images/OkSoftMlmSite_UpperShadow.png) no-repeat center center;	
}


#LowerShadow
{
	float:left;
	width:1048px;
	height:47px;
	vertical-align:bottom;
	background: url(../images/OkSoftMlmSite_LowerShadow.png) no-repeat center center;
}

#ContentArea
{
	float:left;
	width:1023px;
	padding-right:25px;
	/*height:450px;*/
}

/*#ContentArea img
{
	margin: 10px 10px 10px 10px;
}
*/

/* ------------------------------------------------------------------------------- */

	

/* ------------------------------------------------------------------------------- */



/* ---------------------------- Named Classes ------------------------------------- */

p.content
{
	font-family:Verdana;
	font-size:12px;
	color:#000000;
	margin-top:10px;
	margin-left:25px;	
}

li.content
{
	font-family:Verdana;
	font-size:12px;
	color:#000000;
	margin-left:50px;
	margin-right:30px;
}

h1.OkSoft_Mlm_Developing_ArticleHeader
{
	font-family:Verdana;
	font-size:14px;
	color:#888282;	
	font-weight:bold;
	margin-left:25px;
	margin-top:10px;
	margin-right:30px;
}

h2.OkSoft_Mlm_Developing_ArticleHeader
{
	font-family:Verdana;
	font-size:14px;
	color:#000000;	
	margin-left:25px;
	margin-top:10px;
	margin-right:30px;
}

div.project
{

	float:left;
	width:990px;
	margin-left:25px;	
	margin-bottom:40px;
	padding: 0px 0px 0px 0px;
	
}

div.projects_frame
{
	float:left;
	width:990px;
	margin-bottom:50px;	
}

div.project_logo
{
	float:left;
	width:170px;
	vertical-align:top;
	text-align:left;
}

.project_logo img
{
	margin-bottom:10px;	
}

div.project_link
{
	float:left;
	width:170px;
	height:20px;
	vertical-align:middle;
	text-align:center;	
}

p.project_text
{
	font-family:Arial;
	font-size:12px;
	color:#000000;		
}


div.project_description
{
	float:left;
	width:308px;
	vertical-align:text-top;
	text-align:left;
	padding-right:15px;
}
/* ------------------------------------------------------------------------------ */

div.project_logo_auto
{
	float:left;
	width:293px;
	vertical-align:top;
	text-align:left;
}

.project_logo_auto img
{
	margin-bottom:10px;	
}

div.project_link_auto
{
	float:left;
	width:293px;
	height:20px;
	vertical-align:middle;
	text-align:left;
}

div.project_description_auto
{
	float:right;
	width:657px;	
	vertical-align:text-top;
	text-align:left;
	padding: 0px 15px 0px 25px;
}

/* ------------------------------------------------------------------------------ */

div.news_frame
{
	float:left;
	width:990px;
	margin-bottom:50px;
	margin-left:25px;	
}

div.news_caption
{
	float:left;
	width:990px;
	height:20px;	
	margin-bottom:10px;	
	vertical-align:text-top;
}

.news_caption p
{
	font-family:Times New Roman;
	font-size:14px;
	font-weight:bold;
	font-style:italic;	
}

div.news_logo
{
	float:left;
	width:125px;
	vertical-align:top;
	text-align:left;
}

div.news_logo_big
{
	float:left;
	width:206px;
	vertical-align:top;
	text-align:left;	
}

.news_logo_big, .news_logo img
{
	margin-bottom:10px;	
}

div.news_description
{
	float:right;
	width:840px;
	vertical-align:text-top;
	text-align:left;
	padding-right:15px;	
}

div.news_description_big
{
	float:right;
	width:765px;
	vertical-align:text-top;
	text-align:left;
	padding-right:15px;	
}

p.news_text
{
	font-family:Arial;
	font-size:12px;
	color:#000000;		
}

/* ------------------------------------------------------------------------------------ */

table.content
{
	margin: 5px 5px 5px 25px;
	border-collapse:collapse;
	border:solid 1px #000000;
}

td.content
{
	padding: 5px 5px 5px 5px;	
	border-collapse:collapse;
	border:solid 1px #000000;	
}

#Articles
{
	float:left;
	width:100%;
}

#Articles a
{
	color:#000000;
}
