body {
	background-color:#9bb2b8;
	font: 12px/160% Tahoma;
	color: #555;
	text-align: center;
	height:100%;
	margin-top:3px;
}
/* ----------------------------------------------
   LAYOUT
------------------------------------------------- */
#wrap {
	width: 850px;
	margin: 0 auto;
	text-align: center;
	position:relative;
}

#content-wrap {
	width: 850px; 
	margin: 0 auto; 
	display:block;
	overflow:hidden;
}

a{
text-decoration:none;
color:#000000;
}

a:hover{
text-decoration:none;
color:#D86112;
}

/************************/
.top_header{
width:850px;
height:27px;
}
#header {
	width: 850px;
	height: 70px;
	background:#FFFFFF;
	position:relative;
	margin-top:1px;
}

#header .menu{
width:567px;
height:70px;
float:left;
}

.logo{
	width: 268px;
	height: 70px;
	float:right;
	background: url(logo.jpg) no-repeat center ;
	cursor:pointer;
}
.top_link{
	width: 80px;
	height: 41px;
	float:right;
	padding-top:16px;
	margin-top:13px;
	cursor:pointer;
	font-family:Tahoma;
	font-weight:bold;
}
/********************************/
#header .menu #menu_link{
	background:url(link.gif) left bottom;
	color:#000000;
}

#header .menu #select_link{
	background:url(select_link.gif) left bottom;
	color:#FFFFFF;
}

#header .menu #menu_link:hover{
	background:url(select_link.gif) left bottom;
	color:#FFFFFF;
}
/**********************************/
#header .menu #select_home{
	background:url(select_home.gif) left bottom;
}
#header .menu #select_company_profile{
	background:url(select_aboutus.gif) left bottom;
}
#header .menu #select_services{
	background:url(select_services.gif) left bottom;
}
#header .menu #select_projects{
	background:url(select_projects.gif) left bottom;
}
#header .menu #select_clients{
	background:url(select_clients.gif) left bottom;
}
#header .menu #select_our_careers{
	background:url(select_careers.gif) left bottom;
}
#header .menu #select_contact_us{
	background:url(select_contact.gif) left bottom;
}
/*****************************************/
#header .menu #home{
	background:url(home.gif) left bottom;
}
#header .menu #company_profile{
	background:url(aboutus.gif) left bottom;
}
#header .menu #services{
	background:url(services.gif) left bottom;
}
#header .menu #projects{
	background:url(projects.gif) left bottom;
}
#header .menu #clients{
	background:url(clients.gif) left bottom;
}
#header .menu #our_careers{
	background:url(careers.gif) left bottom;
}
#header .menu #contact_us{
	background:url(contact.gif) left bottom;
}
/****************************************/
#header .menu #home:hover{
	background:url(select_home.gif) left bottom;
}
#header .menu #company_profile:hover{
	background:url(select_aboutus.gif) left bottom;
}
#header .menu #services:hover{
	background:url(select_services.gif) left bottom;
}
#header .menu #projects:hover{
	background:url(select_projects.gif) left bottom;
}
#header .menu #clients:hover{
	background:url(select_clients.gif) left bottom;
}
#header .menu #our_careers:hover{
	background:url(select_careers.gif) left bottom;
}
#header .menu #contact_us:hover{
	background:url(select_contact.gif) left bottom;
}
/**** Intro ***/
#intro{
width: 850px;
height: 277px;
margin-top:7px;
/*background: url(home_image.jpg) no-repeat center top;*/
}

#image_banner{
width: 850px;
height: 216px;
background: url(page_image.png) no-repeat center top;
}
#company_profile_intro{
width: 850px;
height: 221px;
background:url(aboutus_image.jpg) no-repeat center bottom;
}
#services_intro{
width: 850px;
height: 221px;
background:url(services_image.jpg) no-repeat center bottom;
}
#projects_intro{
width: 850px;
height: 221px;
background: url(projects_image.jpg) no-repeat center bottom;
}
#clients_intro{
width: 850px;
height: 221px;
background: url(clients_image.jpg) no-repeat center bottom;
}
#our_careers_intro{
width: 850px;
height: 221px;
background: url(careers_image.jpg) no-repeat center bottom;
}
#contact_us_intro{
width: 850px;
height: 221px;
background:url(contact_image.jpg) no-repeat center bottom;
}
#support_intro{
width: 850px;
height: 221px;
background:url(support_image.jpg) no-repeat center bottom;
}
#termsofuse_intro{
width: 850px;
height: 221px;
background:url(termsofuse_image.jpg) no-repeat center bottom;
}
/**** Client Bar ****/
#client_bar{
width: 577px;
height: 140px;
background:#FFFFFF;
margin-top:7px;
}
#client_bar .left{
width: 23px;
height: 110px;
float:left;
}
#client_bar .right{
width: 23px;
height: 110px;
float:right;
}
#client_bar .left_arrow{
width: 23px;
height: 40px;
background: url(left_arrow.gif) no-repeat ;
margin-top:53px;
}
#client_bar .right_arrow{
width: 23px;
height: 40px;
background: url(right_arrow.gif) no-repeat ;
margin-top:53px;
}
/************* Home Box ****************/
#left_area{
	width:580px;
	float:right;
}

#right_area{
	width:270px;
	float:left;
}

.home_right_box{
width:256px;
height:240px;
background:#eef2f3;
margin-top:5px;
}

.home_left_box{
width:577px;
height:150px;
background:#FFFFFF;
margin-top:7px;
}

.box_title{
height:26px;
background:url(bloktitle.gif);
color:#FFFFFF;
text-align:right;
font:bold 14px/16px Arial, Verdana, sans-serif;
padding:6px 5px 0px 0px;
}

/**** Footer ****/
#footer {
	background:#FFFFFF;
	width: 850px;
	height: 119px;
	margin-top:7px;
}

#footer ul {
float:right;
list-style:none;
margin-right:5px;
}

.ftd{
text-align:right;
background:url(footer.gif) left no-repeat;
}

.footer_table{
direction:ltr
}
/***** Clients Portal *****/
#clients_down_login{
width:600px;
}
#clients_down_login .button{
width:134px;
height:28px;
background: url(clients_portal.gif) no-repeat ;
float:right;
margin-right:20px;
color:#FFFFFF;
}

.top_arrow{
width:15px;
height:15px;
float:right;
margin-right:5px;
margin-top:5px;
background: url(clients_top.gif) no-repeat ;
}

.down_arrow{
width:15px;
height:15px;
float:right;
margin-right:5px;
margin-top:5px;
background: url(clients_down.gif) no-repeat ;
}
.show_clents_form{
height:30px;
background:#FFFFFF;
}
/*******************************************************/
/*******************     site_page       ***************/
/*******************************************************/
.line_bar{
height:7px;
background:#1c2222;
}
#page_detail{
background:#FFFFFF;
display:table;
}

#page_detail .sub_block{
width:205px;
float:right;
}
.page_title{
color:#f2540a;
height:50px;
background:#1c2222;
font-size:1.6em;
font-family:"Times New Roman";
}
#page_detail .detail{
background: url(bg_page.gif) no-repeat #FFFFFF ;
padding:2px;
height:inherit;
}
.main_block{
float:left;
border-right: 1px solid #d6dee1;
width:638px;
overflow:hidden;
display:block;
background:#FFFFFF;
direction:rtl;
text-align:right;
padding:3px;
}
/*********************** SubPageBlock *****************/
#SubPageBlock{
margin:10px 7px 10px 7px;
border: 1px solid #d6dee1;
padding:1px;
}
#SubPageBlock .sb_title{
background: url(Selection.jpg) repeat-x center 0px ;
height:30px;
color:#FFFFFF;
font-size:1em;
}
#SubPageBlock .sb_text{
direction:rtl;
text-align:right;
}
/*************** clients_block ****************/
#clients_block{
width:206px;
height:165px;
background: url(bg_block.gif) no-repeat ;
position:relative
}

.cilent_title{
text-align:center;
font-family:"Times New Roman";
font-size:1.5em;
position:absolute;
top:12px;
text-align:center;
left:0px;
width:100%;
}


.client_tab{
width:180px;
height:100px;
position:absolute;
top:45px;
left:10px;
border:#CCCCCC 1px solid;
background:#FFF;
}

/******************** services *************************/
#service_block{
width:630px;
margin:5px;
border:1px solid #d6dee1;
}

#service_block .service_image{
float:right;
margin:2px;
background:#1c2222;
width:64px;
height:54px;
}


.service_title{
color:#1c2222;
width:550px;
height:20px;
padding-top:20px;
text-align:right;
font-size:1.6em;
font-family:"Times New Roman";
}

.service_detail{
width:630px;
text-align:right;
}

.service_order{
width:100px;
background:#d6dee1;
text-align:center;
padding:2px;
}
 form {margin:0px;}
/************************ careers ***************************/
#careers_block .careers_title{
width:630px;
font-size:2em;
font-family:"Times New Roman";
color:#1c2222;
text-align:right;
/*margin:3px;*/
padding:2px;
border-bottom:1px solid #d6dee1;
}
#careers_block .careers_detail{
text-align:right;
padding:0px;
margin:0px;
}

/**********************************************/
.text-input{
width:160px;
}
/******************** Link ***********************/
a.menu_item{
color:#000000;
font-size:1.1em;
text-decoration:none;
}

.tooltip {
	/*background:transparent url(white_arrow.png);*/
	font-size:12px;
	border:1px solid gray;
	background:#edeef0;         
	color:#000;         
	padding:10px;
	z-index:1000;
	text-align:right;
	direction:rtl;
}

.tooltitle{ color:#FF3300; }

.clients_portal{ direction:rtl; }

.contact_form{ direction:rtl; }

.work_title{
font-family:"Times New Roman";
font-size:1.3em;
color:#FF0000;
}
.work_image{
float:right;
margin:2px;
background:#1c2222;
width:64px;
height:54px;
}

.work_box{
margin-bottom:2px;
border-bottom:solid 1px #CCCCCC;
width:100%;
}

.facebook{
background-image:url(facebook.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:18px;
} 

.twitter{
background-image:url(twitter.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:18px;
} 

.clear{
	clear:both;
}