﻿.accH4
{
    position:absolute;
    top:-999em;
}
.top_header_projects
{
    background-image:url('/WebsiteAssets/Images/top_header_grey.jpg');
    background-repeat:repeat-x;
    height:88px;
    width:100%;
    position:relative;
    top:30px; 
    text-align:center;
    margin-bottom:55px;
}
.clear{clear:both; height:1px;}
body
{
    background-image:url('/WebsiteAssets/Images/mainPageBackground.jpg');
    background-position:right top;
    background-repeat:no-repeat;
    font-family:Arial;
    font-size:14px;
}
#mainPageContainer
{
    width:100%;
    text-align:center;
    overflow-x:hidden;
}
#mainPageContainer #rubricsContainer
{
   width:944px;
   margin:0 auto 30px;
   position:relative;
   height:194px;
   text-align:center;
}
#areas_home
{
    margin:0 auto;
    text-align:center;
    z-index:100;
}
#areas_home ul
{
    width:850px;
    margin:0 auto;
}
#areas_home ul li
{
    background-position:right top;
    background-repeat:no-repeat;
    height:37px;
    text-align:right;
    float:right;
    display:block;    
}
#areas_home ul li a
{
    display:block;
    margin:5px 25px;
    color:#6e6e6e;
    font-weight:bold;
    text-decoration:none;
}
#areas_home ul li a:hover
{
    display:block;
    margin:5px 25px;
    color:Red;
    font-weight:bold;
    font-weight:bold;
    text-decoration:none;
}
 #areas_home ul li.current
 {
    display:block;
    margin:5px 25px;
    color:Red;
    font-weight:bold;
    font-weight:bold;
    text-decoration:none;
}

#areas
{
    margin:0 auto;
    text-align:center;
    position:relative;
    top:30px;
    z-index:100;
    right:100px;
}
#areas ul
{
    width:850px;
    margin:0 auto;
}
#areas ul li
{
    background-position:right top;
    background-repeat:no-repeat;
    height:37px;
    text-align:right;
    float:right;
    display:block;    
}
#areas ul li a
{
    display:block;
    margin:5px 25px;
    color:#6e6e6e;
    font-weight:bold;
    text-decoration:none;
}
#areas ul li a:hover
{
    display:block;
    margin:5px 25px;
    color:Red;
    font-weight:bold;
    font-weight:bold;
    text-decoration:none;
}
#mainPageContainer #rubricsContainer #rubric_01
{
    width:242px;
    height:164px;
    position:absolute;
    right:0px;
    top:50px;
    background-image:url('/WebsiteAssets/Images/rubric_01.jpg');
}
#mainPageContainer #rubricsContainer #rubric_01 .inner
{
    position:absolute; 
    top:19px;
    right:27px;
}

#mainPageContainer #rubricsContainer #rubric_01 .title
{
    position:absolute; 
    top:5px;
    right:30px;
      font-size:14px;
    font-weight:bold;
    color:#FF0000;
    z-index:100;
}

#mainPageContainer #rubricsContainer #rubric_02
{
    width:229px;
    height:164px;
    position:absolute;
    right:242px;
    top:50px;
    background-image:url('/WebsiteAssets/Images/rubric_02.jpg');
}
#mainPageContainer #rubricsContainer #rubric_02 .title
{
    position:absolute;
    right:25px;
    text-align:right;
    top:5px;
}
#mainPageContainer #rubricsContainer #rubric_02 .button
{
    position: absolute; 
    left: 19px; 
    top: 111px;
    font-size:11px;
}
#mainPageContainer #rubricsContainer #rubric_02 .button a
{
   color:White;   
}
#mainPageContainer #rubricsContainer #rubric_02 .title h4
{
    font-size:14px;
    font-weight:bold;
    color:#FF0000;
}
#mainPageContainer #rubricsContainer #rubric_02 .text
{
    position: absolute; 
    top:30px; 
    right:25px; 
    text-align: right; 
    width: 100px; 
    direction:rtl;
}
#mainPageContainer #rubricsContainer #rubric_03
{
    width:229px;
    height:164px;
    position:absolute;
    right:471px;
    top:50px;
    background-image:url('/WebsiteAssets/Images/rubric_03.jpg');
}


#mainPageContainer #rubricsContainer #rubric_03 .title
{
    position:absolute; 
    top:5px;
    right:25px;
    font-size:14px;
    font-weight:bold;
    color:#FF0000;
    z-index:100;
}

#mainPageContainer #rubricsContainer #rubric_03 .text
{
    position: absolute; 
    top:30px; 
    right:25px; 
    text-align: right; 
    width: 120px; 
    direction:rtl;
}

#mainPageContainer #rubricsContainer #rubric_03 .button
{
    position: absolute; 
    left: 35px; 
    top: 111px;
    font-size:11px;
}


#mainPageContainer #rubricsContainer #rubric_03 .button a
{
   color:White;
   text-decoration:none;   
}

#mainPageContainer #rubricsContainer #rubric_04
{
    width:244px;
    height:164px;
    position:absolute;
    right:700px;
    top:50px;
    background-image:url('/WebsiteAssets/Images/rubric_04.jpg');
    background-repeat:no-repeat;
}
#mainPageContainer #rubricsContainer #rubric_04  .title
{
    position:absolute;
    top:5px;
    right:20px;
}
#mainPageContainer #rubricsContainer #rubric_04  .title h4
{
    font-size:14px;
    font-weight:bold;
    color:#FF0000;
}

#mainPageContainer #rubricsContainer #rubric_03  .title h4
{
    font-size:14px;
    font-weight:bold;
    color:#FF0000;
}

#mainPageContainer #rubricsContainer #rubric_04 .fields
{
    direction:rtl;
    text-align:right;
    position:absolute;
    top:30px;
    right:20px;
    direction:rtl;
}
#mainPageContainer #rubricsContainer #rubric_04 .fields .small_input
{
    width:60px;
    height:17px;
    font-weight:normal;
    font-size:12px;
    text-align:right;
    overflow:hidden;
    background-image:url('/WebsiteAssets/Images/small_input.png');
    background-color:Transparent;
    background-repeat:no-repeat;
    border:none;
}
#mainPageContainer #rubricsContainer #rubric_04 .fields div
{
    margin:5px 0 0 0;
}
#mainPageContainer #rubricsContainer #rubric_04 .sendButton
{
	font-size:11px;
    background-color:Transparent;
    border:none;
    color:White;
    cursor:pointer;
    position:absolute; 
    width:40px;
    height:20px;
    left:40px; 
    top:108px;
}
#mainPageContainer #rubricsContainer #rubric_04 .fields .large_input
{
    width:149px;
    height:15px;
    font-weight:normal;
    font-size:12px;
    text-align:right;
    overflow:hidden;
    background-image:url('/WebsiteAssets/Images/large_input.png');
    background-color:Transparent;
    border:none;
}

.contactStatusSmall
{
	position:absolute;
	top:108px;
	right:20px;
	color:#FF0000;
}

.contactStatus
{
	color:#FF0000;
}
#mainPageContainer .contentContainer
{
    width:100%;
    margin:0 auto;
  

}
._996
{
	
    width:996px;
   margin:0 auto; 
    text-align:right;

   
}

#996
{
    width:996px;
     
}

#mainPageContainer .contentContainer #header
{
    width:996px;
    height:80px;
    margin-bottom:35px;
}
#mainPageContainer .contentContainer #content
{
    text-align:center;
    width:100%;
}
.projectItemsContainer
{
    width:100%;
    text-align:right;
    margin-bottom:120px;
}
.projectItemsContainer .projectItems
{
    padding-right:100px;
    width:600px;
    text-align:right;
    margin:0 auto;
}
.projectItemsContainer .projectItems .item
{
    width:400px;
    text-align:left;
    margin: 20px 0 0 0;
}
.projectItemsContainer .projectItems .item .image
{
    width:207px;
    height:157px;
    float:left;
    margin:0 0 0 0;
    background-image:url('/WebsiteAssets/Images/project_image_background.jpg');
    z-index:100;
    position:relative;
}
.projectItemsContainer .projectItems .item .image .img
{
    margin:12px 14px;
}
.projectItemsContainer .projectItems .item .text
{
   /* margin:0px 215px;
    padding-top:40px; */
    position:relative;
    top:10px;
    left:5px;
    font-size:18px;
}
#mainPageContainer .contentContainer #content #pageTitle
{
    height:48px;
    background-image:url('/WebsiteAssets/Images/pagetitleDesc.jpg');
    background-position:right center;
    background-repeat:no-repeat;
    margin:0;
    
}
#mainPageContainer .contentContainer #content #pageTitle h1
{
    float:right;
    margin:5px 20px;
    font-size:30px;
    color:Red;
    font-weight:bold;
}
#mainPageContainer .contentContainer #content .pageimage
{
    float:left;
    margin-right:30px;
   
    
}
#mainPageContainer .contentContainer #content .pagecontent
{
    margin:10px 10px 20px ;
    direction:rtl;
    text-align:right;
    
}
#mainPageContainer .contentContainer #content .contactform
{
	position:relative;
    float:right;
 /*   margin:0px 0px; */
    width:333px; 
    
    height:412px;
    background-image:url('/WebsiteAssets/Images/contactPageBackground.jpg');
    background-repeat:no-repeat;
}
#mainPageContainer .contentContainer #content .contactform .mainForm
{
    float:right;
    margin:40px 30px;
    
}
#mainPageContainer .contentContainer #content .contactform .mainForm .fields
{
    min-height:35px;
}
#mainPageContainer .contentContainer #content .contactform .mainForm .fields .txtBox
{
    width:193px;
    height:23px;
    background-image:url('/WebsiteAssets/Images/txtBoxBackground.jpg');
    border:none;
    background-color:Transparent;
    font-weight:bold;
    color:#898989;
    text-indent:10px;
}
#mainPageContainer .contentContainer #content .contactform .mainForm .fieldsLeft 
{
    text-align:left;
}
#mainPageContainer .contentContainer #content .contactData
{
   /* margin-right:350px;
    width:90%; */
    width:600px;
    float:left;
    text-align:right;
    position:relative;
    right:10px;
}
#mainPageContainer .contentContainer #content .contactData #contactPageContent table
{
    width:90%;
}


#mainPageContainer .contentContainer #content .contactform .mainForm .fieldsLeft .send_button
{
    width:68px;
    height:16px;
    border:none;
    background-image:url('/WebsiteAssets/Images/send_button.jpg');
    margin:10px 0px 0px 0px;
    color:White;
    cursor:pointer;
    background-color:Transparent;
}
#mainPageContainer .contentContainer #content .contactform .mainForm .fields .txtBoxMulti
{
    width:193px;
    height:143px;
    border:none;
    background-color:Transparent;
    background-image:url('/WebsiteAssets/Images/txtBoxMultiBackground.jpg');
}
#mainPageContainer .contentContainer #content .contactform .mainForm label
{
    float:right;
    width:70px;
    font-weight:bold;
    color:#3d3d3d;
}
#mainPageContainer .contentContainer #header .logo
{
    float:left;
    margin:20px 0px 0px 10px;
    z-index:20;
    position:relative;
    
}
#mainPageContainer .contentContainer #header #menu
{
	
    float:right;
    height:35px;
    background-image:url('/WebsiteAssets/Images/topMenuBackground.jpg');
    background-repeat:no-repeat;
    background-position:right bottom;
    margin:25px 134px 0px 0px;
    z-index:10;
}
#mainPageContainer .contentContainer #header #menu ul li
{
    float:right;
    padding-top:2px;
}
#mainPageContainer .contentContainer #header #menu ul li.link
{
    display:block;
    float:right;
    background-image:url('/WebsiteAssets/Images/menu_arrow.jpg');
    background-repeat:no-repeat;
    background-position:right 60%;
    margin:0px 0px 0px 25px;
    padding-top:2px;
}
#mainPageContainer .contentContainer #header #menu ul li.link a
{
    color:#616161;
    text-decoration:none;
    font-weight:bold;
    display:block;
    margin:0px 10px;
    padding-top:2px;
}
#mainPageContainer .contentContainer #header #menu ul li.current
{
    background-image:url('/WebsiteAssets/Images/saman.gif');
    background-repeat:no-repeat;
    background-position:right 60%;
    height:31px;
    width:91px;
    margin:0px 0px 0px 15px;
    text-align:center;
    padding-top:2px;
}
#mainPageContainer .contentContainer #header #menu ul li.current a
{
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;    
}
#mainPageContainer .contentContainer #content .imageMain
{
    width:100%;
    height:415px;
    text-align:center;
}
#mainPageContainer #footerContainer
{
    background-image:url('/WebsiteAssets/Images/pageFooterBackground.jpg');
    width:100%;
    height:275px;
    text-align:center;
    background-repeat:repeat-x;
    background-color:#c9c9c9;
    font-size:12px;
    overflow-y:hidden;
}
#mainPageContainer #footerContainer #footer
{
    width:996px;
    margin:0 auto;
    padding-top:50px;
    position:relative;
}
#mainPageContainer #footerContainer #footer .left
{
    float:left;
    margin:0px 20px;
    text-align:left;
 
}
#mainPageContainer #footerContainer #footer .left p.phone
{
    font-size:36px;
    color:#6f6f6f;
    margin-bottom:10px;
    font-weight:600;
}
#mainPageContainer #footerContainer #footer .left small
{
    font-size:11px;
    color:#6f6f6f;
}
#mainPageContainer #footerContainer #footer .left small a
{
    font-size:11px;
    color:#6f6f6f;
    text-decoration:none;
}
#mainPageContainer #footerContainer #footer .left  p.w3Valid
{
    margin-top:20px;
}
#mainPageContainer #footerContainer #footer .menuContainer
{
/*    position:absolute; */
    position:relative;
  /*  right:25px;
    top:80px; */
    height:100%;
    width:740px;
    float:right;
    z-index:0;
    
 
}
#mainPageContainer #footerContainer #footer ul li.topLevel
{
    float:right;
    color:#6f6f6f;
    font-weight:bold;
    margin-left:25px;
    text-align:right;
   
}

#mainPageContainer #footerContainer #footer ul li.topLevel .topPageName
{
	margin-bottom:5px;
}


#mainPageContainer #footerContainer #footer ul li.topLevel a
{
    color:#6f6f6f;
    font-weight:bold;
    text-decoration:none; 
  
     
}
#mainPageContainer #footerContainer #footer ul li.topLevel ul li
{
    text-align:right;
    color:#6f6f6f;
    text-decoration:none;
    text-indent:10px;
   
}
#mainPageContainer #footerContainer #footer ul li.topLevel ul li a
{
    color:#6f6f6f;
    text-decoration:none;
    font-weight:normal;
}
#projectPage
{
    background-image:url('/WebsiteAssets/Images/top_header_grey.jpg');
    background-repeat:repeat-x;
    margin-bottom:40px;
    position:relative;
    /* overflow:hidden; */
    top:30px;
    left:0px; 
    width:100%;
}

.NextProjectPager
{
	position:absolute;
	background-image:url('/WebsiteAssets/Images/hezbig-yamin.jpg');
	width:22px;
	height:38px;
	right:20px;
	top:20px;
	cursor:pointer;
	z-index:30;
	
}

.PrevProjectPager
{
	position:absolute;
	z-index:30;
	background-image:url('/WebsiteAssets/Images/hezbig-smol.jpg');
	width:22px;
	height:38px;
	left:20px;
	top:20px;
	cursor:pointer;
	
}

.ProjectsListNextPage
{
	position:absolute;
    width:50px;
	height:38px;
	right:10px;
	top:165px;
	text-decoration:none;
	cursor:pointer;
	
	
	
}

.ProjectsListPrevPage
{
	position:absolute;
	width:50px;
	height:38px;
	left:10px;
	top:165px;
	text-decoration:none;
	cursor:pointer;
	
}

#projectH1
{
	font-size:28px;
}

.rightProject 
{
    width:560px;
    background-image:url('/WebsiteAssets/Images/project_logo_image_background.png');
    background-position:left top;
    background-repeat:no-repeat;
    float:right;
    position:relative;
    text-align:center; 
}
.rightProject .images
{
	width:320px;
	margin:30px 30px 0 0;
	float:right; 
	position:relative;
	z-index:0;
	
/*	position:absolute;
	top:100px;
	right:40px;
	height:60px; */

}
.rightProject .images ul li
{
    display:inline;
}
.rightProject h1
{
    font-size:30px;
    color:#6c6c6c;
    float:right; 
  /*  margin:20px 140px; */
    margin:25px 50px; 
}
.projectLogo 
{
    float:left; 
    margin:20px 0px 0px 20px; 
    
}



.rightProject .projectImages
{
    width:515px; 
  /*  position:relative; 
    left:0px;
    top:47px;
    height:455px; */
   
    margin:20px auto;
    text-align:center; 
	
    
}
.rightProject .projectImages .header .projectUrl
{
    text-align:right;
    text-align:left;
    position:absolute;
    top:22px;
    left:90px;
}
.rightProject .projectImages .header .projectUrl a
{
    text-decoration:none;
    color:#898989;
    font-weight:500;
}
.rightProject .projectImages .mainProjectImage
{
    text-align:center; 
    height:350px;
    width:100%;
    padding-bottom:10px;
    margin:0;
}

.rightProject .projectImages  .mainProjectImageShadow
{
	position:absolute;
    width:706px;
    height:57px;
    right:-65px;
    top:543px;
    background:url('/WebsiteAssets/Images/zel.jpg');
    background-repeat:no-repeat;
    background-position:center;
    
}
.rightProject .projectImages .header
{
    position:relative;
    width:100%;
    height:42px;
    background-image:url('/WebsiteAssets/Images/browser_header.jpg');
}
.leftProject
{
    text-align:right;
    width:406px;
    direction:rtl;
}
.leftProject #projectManager
{
    width:320px;
    height:176px;
    position:relative;
    padding-top:10px;
}

.leftProject #projectManager .managerName
{
	
	position:absolute;
	top:160px;
	left:57px;
	
	
}

.leftProject #projectManager .managerName .managerLink
{
	text-decoration:none;
	color:#d57674;
	font-size:12px;
	font-weight:bold;
	border:none;
}
.leftProject #projectDescription #shortDesc
{
    float:right;
    width:120px;
    height:70px;
    background-image:url('/WebsiteAssets/Images/pageTitleDesc.jpg');
    background-position:left top;
    background-repeat:repeat-y;
    text-align:left;
}
.leftProject #projectDescription #shortDesc p
{
    margin:0px 0px 0px 10px;
}
.leftProject #projectDescription
{
    margin:15px 0px;
}
.leftProject #projectDescription #longDesc
{
    margin:0px 130px;
}
.leftProject #projectManager #image
{
    height:166px;
    width:100%;
    position:absolute;
    top:10px;
    right:0px;
}
.leftProject #projectManager #sep
{
    width:100%;
    height:8px;
    background-color:#cecece;
    margin-top:2px;
}
.leftProject #projectManager #managerQuote
{
    position:absolute;
    left:-10px;
    top:3px;
    width:180px;
    height:60px;
    background-image:url('/WebsiteAssets/Images/quotes.gif');
    background-repeat:no-repeat;
}
.leftProject #projectManager #managerQuote p
{
    font-style:italic;
    font-family:Times New Roman;
    color:#666666;
    font-size:15px;
    margin:10px 20px 10px 20px;
}

.RTL
{
	direction:rtl;
}
.ServiceLink
{
	text-decoration:none;
	color: #f24040;
	font-size: x-large;
	
}

.ServiceLink:hover
{
	text-decoration:underline;
}

.ProjectImagesInner
{
	position:relative;
	width:270px;
	height:60px;
	overflow:hidden; 
}
.ProjectImagesWindow
{
	position:absolute;
	left:0px;
	height:60px;
}

.NoDisplay
{
	display:none;
}

.PagerTxtPrev
{
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	color:#fa0001;
	position:absolute;
	top:5px;
	left:43px;
	
	}

.PagerTxtNext
{
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	color:#fa0001;
	position:absolute;
	top:5px;
	right:43px;
	
}

.Amudim
{
	font-size:10px;
	color:Black;
}

.projectsSubMenu
{
	position:absolute;
	width:334px;
	height:200px;
	top:50px;
	right:110px;
	display:none;
	z-index:200;
	
}

.servicesSubMenu
{
	position:absolute;
	width:334px;
	height:200px;
	top:50px;
	right:205px;
	display:none;
	z-index:200;
	
	
}

.clientsSubMenu
{
	position:absolute;
	width:334px;
	height:200px;
	top:50px;
	right:295px;
	display:none; 
	z-index:200;
	
	
}

.aboutSubMenu
{
	position:absolute;
	width:334px;
	height:200px;
	top:50px;
	right:395px;
	display:none; 
	z-index:200;
	
	
}

.contactSubMenu
{
	position:absolute;
	width:334px;
	height:170px;
	top:50px;
	right:490px;
	display:none; 
	z-index:200;
	
	
}



.subMenuTop
{
	background-image:url('/WebsiteAssets/images/topMenu/uper-menu.jpg');
	width:334px;
	height:11px;
	background-repeat:no-repeat;
	
}


.subMenuListRight
{
	display:block;
	padding-bottom:3px;
	padding-top:4px;
	margin-right:10px;
	float:right
}

.subMenuListRight2
{
	display:block;
	padding-bottom:3px;
	padding-top:4px;
	margin-right:20px;
	float:right
}


.subMenuListLeft
{
	display:block;
	padding-bottom:0px;
	margin-left:40px;
	padding-top:4px;
	float:left
}



.subMenuListLeft2
{
	display:block;
	padding-bottom:0px;
	margin-left:60px;
	padding-top:4px;
	float:left
}





.subMenuMid
{
	background-image:url('/WebsiteAssets/images/topMenu/center-pixel-menu.jpg');
	width:334px;	
	background-repeat:repeat-y;
	
}

.subMenuMid li
{
	display:block  ;
	padding-bottom:3px;
	padding-right:5px;
	font-size:12px;
	color:#9d9d9d;
	font-weight:bold;
}

.subMenuBottom
{
	background-image:url('/WebsiteAssets/images/topMenu/downer-menu.jpg');
	width:334px;
	height:2px;
	background-repeat:no-repeat;
	
}

.subMenuLink
{
	font-size:12px;
	font-weight:bold;
	color:#626262;
	text-decoration:none;
}

.subMenuLink:hover
{
	color:#fd0100;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.imageMainNoFlash
{
	height:415px;
	width:100%;
	background-image:url('/WebsiteAssets/images/reka.jpg');
	background-position:center;
	background-repeat:no-repeat;
	
}

.cllientTD
{
	background-image:url('/WebsiteAssets/Images/reka_for_logo.jpg');
	width:250px;
	height:144px;
	
}

.clientLogo
{
	
	width:169px;
	height:130px;
}

.successRight
{
	height:135px;
	
}

.successSeperate
{
	
}

.successLeft
{
	padding-top:35px;
	padding-right:10px;
	
}

.successLeft h4
{
	font-weight:bold;
	padding-bottom:5px;
	color:#424242;
}

.HomeLinksContainer
{
	direction:rtl;
	position:relative;
	font-size:12px;
	font-weight:bold;	
	top:20px;
	right:135px;
	font-size:12px;
	font-weight:bold;	
	color:#fc0000;
	text-align:right;
	
}

.HomeLinksContainer a
{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;	
	color:#fc0000;
	
}

.HomeLinksContainer a:hover

{
	text-decoration:underline;
}

.HomeLinksContainer img
{
	position:relative;
	top:3px;
	text-decoration:none;
	border:none;
	
}

.menuContainer
{
	position:relative;
	top:15px;
	height:80px;
	z-index:30;
}

.mainFlash
{
    padding-top:30px;
	
}

.zin400 { z-index:100; position:relative; }
.zin400 { z-index:100; position:relative; }
.zin50 { z-index:50; position:relative; }
.fl { float:left; }
.fr { float:right; }
.mt10 { padding-bottom:10px; }
.pr { position:relative; }
.fs15 { font-size:15.5px; }
.rtl { direction:rtl; }
.pd5 { padding:5px; }

.logoIE6
{
    position:absolute;
    top:10px;
    left:10px;


}
.menuContainerFooter
{
    margin-right:30px;
}
#devider
{
    height:50px;
}

#videoPlayer
{ 
    position: fixed;
}