/*-------General-------------*/
*{
  margin: 0;
  padding: 0;
 }
   
body
{
    font-family:Arial, "Trebuchet MS", Georgia;
    font-size:12px;
    background: transparent url('../images/body_bg.gif') left top repeat;
}


#page_holder
{
	width:884px;
    margin:0 auto;
}


#content_holder
{
 float:left;
 width:100%;
}



table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

input
{
  float:left;
  width:98.1%;
  height:20px;
  font-size:14px;
  padding:2px 0 0 10px;
  border:#CCC solid 1px;
  font-family:Trebuchet MS;
}

textarea
{
  width:98%;
  border:#CCC solid 1px;
  font-family:Trebuchet MS;
  font-size:14px;
  padding-left:10px;
}

select
{
    height:23px;
    font-size:14px;
	font-family:Trebuchet MS;
}

img 
{
    border:0;
}

a
{
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
}

.clear_float
{
  float:none;
}

.left_float
{
  float:left;
}

#ajax_loader
{
  float:left;
  width:32px;
  height:32px;
  display:none;
  position:absolute;
  z-index:100;
  background: transparent url('../images/ajax_loader.gif') left top no-repeat; 
  
}

#iframe_fake
{
 display:none;
}

/*--------------------------------*/
/*-------------Home Page----------*/

#gen_nav
 {
   float:left;
   width:100%;
   background-color:#EE2375;
   margin:17px 0 5px 0;
 }
 
.gen_nav_inner
 {
   float:left;
   width:88px;
   height:36px;
   background: transparent url('../images/nav_inner_border.gif') right top repeat-y;
 }
 
.gen_nav_inner div
 {
   float:left;
   position:relative;
   top:13px;
 }
 
.gen_nav_inner a
 {
   float:left;
   width:100%;
   height:100%;
 }
 
 .gen_nav_home
 {
   width:32px;
   height:10px;
   left:28px;
   background: transparent url('../images/gen_nav_home.gif') left top no-repeat;
 }
 
.gen_nav_home_sel
 {
   background-image: url('../images/gen_nav_home_sel.gif');
 }
 
 .gen_nav_company
 {
   width:53px;
   height:12px;
   left:17px;
   background: transparent url('../images/gen_nav_company.gif') left top no-repeat;
 }
 
.gen_nav_company_sel
 {
   background-image: url('../images/gen_nav_company_sel.gif');
 }

 
 .gen_nav_services
 {
   width:47px;
   height:10px;
   left:20px;
   background: transparent url('../images/gen_nav_services.gif') left top no-repeat;
 }
 
 .gen_nav_services_sel
 {
   background-image: url('../images/gen_nav_services_sel.gif');
 }
 
 .gen_nav_case
 {
   width:73px;
   height:20px;
   left:9px;
   background: transparent url('../images/gen_nav_case.gif') left top no-repeat;
 }
 
.gen_nav_case_sel
 {
   background-image: url('../images/gen_nav_case_sel.gif');
 }
 
 .gen_nav_people
 {
   width:37px;
   height:12px;
   left:25px;
   background: transparent url('../images/gen_nav_people.gif') left top no-repeat;
 }
 
.gen_nav_people_sel
 {
   background-image: url('../images/gen_nav_people_sel.gif');
 }
 
 .gen_nav_contact
 {
   width:45px;
   height:10px;
   left:21px;
   background: transparent url('../images/gen_nav_contact.gif') left top no-repeat;
 }
 
.gen_nav_contact_sel
 {
   background-image: url('../images/gen_nav_contact_sel.gif');
 }
 
#blue_portfolio
 {
   float:right;
   width:176px;
   height:36px;
   background:#00B2D9  url('../images/nav_border_blue.gif') left top repeat-y;
 }

.gen_nav_portfolio
 {
   float:left;
   width:109px;
   height:27px;
   position:relative;
   left:7px;
   top:4px;
   background:#00B2D9  url('../images/nav_inner_portfolio.gif') left top no-repeat;
 }
 
.gen_nav_portfolio a
 {
   float:left;
   width:100%;
   height:100%;
   cursor:pointer;
 }
 
 #home_med_content
 {
   float:left;
   width:100%;
 }

#home_flash_div
 {
  float:left;
  width:528px;
  height:234px;
  background-color:#4C2432;
 }
 
#home_projects
 {
    float:right;
    width:349px;
    height:232px;
    border:solid 1px #969696;
    background-color: #55595B;
 }

.home_proj_img
 {
   float:left;
   width:100%;
   height:100%;
 }
 
.home_fake_img
 {
   filter:alpha(opacity=00);
   -moz-opacity:0.0;
   opacity:0.0;
 }

.link_to_case
 {
   float:left;
   width:100%;
   height:100%;
   position:relative;
   top:0px;
   margin-top:-232px;
   background-color:Gray;
 }
 
.home_pro_detail
 {
   float:left;
   width:100%;
   height:29px;
   margin-top:-32px;
 }
 
.home_pro_inner
 {
   float:left;
   position:relative;
   left:6px;
   background-color:#5F5F5F;
   filter:alpha(opacity=80);
   -moz-opacity:.8;
   opacity:.8;
    height:100%;
 } 
 
 
.home_pro_name
 {
   width:275px;
 }
 
.home_pro_prev
 {
   width:29px;
   left:8px;
 }
 
.home_pro_next
 {
   width:29px;
   left:10px;
 }
 
.home_pro_text
 {
   float:left;
   position:relative;
   left:6px;
   height:100%;
   font-size:11px;
   color:#fff;
 } 
 
.home_pro_text a
 {
    float:left;
    width:100%;
    height:100%;
 } 
 
 .home_pro_text_name
 {
   width:260px;
   left:16px;
   top:8px;
 }
 
.home_pro_text_prev
 {
   width:29px;
   left:23px;
   background:transparent url('../images/case_prev.gif') 10px 10px no-repeat;
 }
 
.home_pro_text_next
 {
   width:29px;
   left:25px;
   background:transparent url('../images/case_next.gif') 10px 10px no-repeat;
 }
 
#home_bottom_content
 {
   float:left;
   margin-top:5px;
   height:240px;
   width:100%;
 }

.home_content_item
 {
   float:left;
   width:177px;
   height:100%;
   border:solid 0px;
 }
 
#home_con_blue
 {
   background: #00B2D9 url('../images/con_blue_bg.gif') right top repeat-y;
 }
 
#con_blue_inner
 {
   float:left;
   width:100%;
   height:38px;
   border-top:solid 1px #008EB7;
   border-bottom:solid 1px #0090B9;
   background: #0086B0 url('../images/con_blue_inner.gif') 15px 13px no-repeat;
 }
 
#con_blue_inner div
 {
   float:left;
   width:100%;
   height:100%;
   background: transparent url('../images/con_blue_inner2.gif') right top repeat-y;
 }
 
.home_bottom_content_inner
 {
   float:left;
   width:143px;
   height:163px;
   position:relative;
   left:17px;
   margin-top:15px;
   color:#E6F7FB;
 }
 
.home_bottom_case
 {
   float:left;
   width:168px;
   vertical-align:bottom;
   text-align:right;
 }
 
 a.bottom_case_icon
 {
   float:right;
   width:11px;
   height:11px;
   margin:1px 3px 0 0;
   background: transparent url('../images/bottom_case_icon.gif') left top no-repeat;
 }
 
 a.bottom_case_text
 {
   float:right;
   color:#fff;
 } 
 
#home_con_pink
 {
   background: #EE2375 url('../images/con_pink_bg.gif') right top repeat-y;
 }
 
#con_pink_inner
 {
   float:left;
   width:100%;
   height:38px;
   border-top:solid 1px #D51C5B;
   border-bottom:solid 1px #D71C5C;
   background: #D01A55 url('../images/con_pink_inner.gif') 15px 13px no-repeat;
 }
 
 #con_pink_inner div
 {
   float:left;
   width:100%;
   height:100%;
   background: transparent url('../images/con_pink_inner2.gif') right top repeat-y;
 }
 
.pink_color
{
 color:#FDE9F1;
}

#home_con_navy
 {
   background: #415968 url('../images/con_navy_bg.gif') right top repeat-y;
 }
 
#con_navy_inner
 {
   float:left;
   width:100%;
   height:38px;
   border-top:solid 1px #31434E;
   border-bottom:solid 1px #31444F;
   background: #2F414C url('../images/con_navy_inner.gif') 15px 13px no-repeat;
 } 
 
#con_navy_inner div
 {
   float:left;
   width:100%;
   height:100%;
   background: transparent url('../images/con_navy_inner2.gif') right top repeat-y;
 }
 
.navy_color
{
 color:#ECEFF0;
}

#home_con_envi
 {
   background: #4C2432 url('../images/con_envi_bg.gif') right top repeat-y;
 }
 
#con_envi_inner
 {
   float:left;
   width:100%;
   height:38px;
   border-top:solid 1px #3B1C26;
   border-bottom:solid 1px #3C1C27;
   background: #371A24 url('../images/con_envi_inner.gif') 15px 13px no-repeat;
 }
 
#con_envi_inner div
 {
   float:left;
   width:100%;
   height:100%;
   background: transparent url('../images/con_envi_inner2.gif') right top repeat-y;
 }
 
.envi_color
{
 color:#EDEAEB;
}

#home_con_news
 {
   width:176px;
   background-color:#D1D1D1;
 }
 
#con_news_inner
 {
   float:left;
   width:100%;
   height:38px;
   border-top:solid 1px #ADADAD;
   border-bottom:solid 1px #B0B0B0;
   background: #A6A6A6 url('../images/con_news_inner.gif') 15px 13px no-repeat;
 }
 
.news_color
{
 color:#646464;
}

#footer
{
  float:left;
  width:100%;
  height:36px;
  margin-top:5px;
  background-color:#D1D1D1;
}

#copyrights
{
  float:left;
  width:400px;
  margin-top:12px;
  position:relative;
  left:15px;
  color:#415968;
}

/*--------------------------*/
/*---------Company----------*/

#inside_content
 {
   float:left;
   width:100%;
   height:510px;
 }

.margin_top
 {
   margin-top:240px;
 }
 
.inside_left_pane
 {
   float:left;
   width:177px;
   height:100%;
   background:#4C2432 url('../images/inside_logo.gif') 55px 68px no-repeat;
 }
 
.inside_dashed_table
 {
   float:left;
   width:100%;
   padding:10px 0 10px 0;
   background:transparent url('../images/inside_dashed_table.gif') left top repeat-x;
 }

 
.inside_dashed_table div
 {
    position:relative;
    left:10px;
 }
 
.company_sel_row
 {
    background-color:#EE2375;
 }
 
  
.inside_dashed_table a
 {
    color:#fff;
    font-size:13px;
 }

.inside_dashed_table a:hover
 {
    color:#4C2432;
    text-decoration:none;
 }
 
.company_sel_row a
 {
    color:#4C2432;
 }
 
.case_sel_row a
 {
    color:#415968;
 }
 
.case_sel_row a:hover
 {
    color:#415968;
 }
 
.people_sel_row a
 {
   color:#EE2375;
 }
 
.people_sel_row a:hover
 {
   color:#EE2375;
 }
 
.inside_center_pane
 {
   float:left;
   width:348px;
   height:100%;
   position:relative;
   left:5px;
   background:#D1D1D1 url('../images/inside_center_profile.gif') 15px 30px no-repeat;
 }
 
.inside_center_pane_inner
 {
   float:left;
   width:297px;
   position:relative;
   left:15px;
   margin-top:60px;
 }
 
.inside_par
{
  float:left;
  width:100%;
  margin-top:24px;
  color:#4C2432;
  line-height:18px;
  font-size:12px;
}

.inside_right_pane
{
  float:left;
  width:349px;
  height:100%;
  position:relative;
  left:10px;
  background:#00B2D9 url('../images/inside_right_profile.gif') left top no-repeat;
}

/*--------------------------*/
/*---------Contact----------*/

.contact_page
 {
   background:#C2D2D5 url('../images/inside_center_contact.gif') 15px 30px no-repeat;
 }

.contact_par
 {
   color:#415A68;
   margin-top:3px;
 }
 
a.contact_link
 {
    color:#415A68;
 }
 
.inside_right_contact
{
  background:#415A68 url('../images/inside_right_contact.gif') left top no-repeat;
}

/*--------------------------*/
/*---------People----------*/

.people_left
 {
   float:left;
   width:177px;
   height:100%;
   background:#EE2375 url('../images/people_logo.gif') 55px 68px no-repeat;
 }
 
.people_dashed_table
 {
    background:transparent url('../images/people_dashed_table.gif') left top repeat-x;
 }
 
.people_sel_row
 {
    background-color:#4C2432;
 }

.people_page
 {
   background:#C2D2D5 url('../images/inside_center_people.gif') 15px 30px no-repeat;
 }

.people_item
 {
   float:left;
   width:100%;
   padding-bottom:10px;
   margin-top:10px;
   border-bottom:solid 1px #99A6A8;
 }
 
.people_img
 {
   float:left;
   width:80px;
   height:80px;
   background-color:#4C2432;
 }

#rami_pic
 {
   background-image:url('../images/rami.jpg');
 }
 
#zaid_pic
 {
   background-image:url('../images/zaid.jpg');
 }

#diana_pic
 {
   background-image:url('../images/diana.jpg');
 }
 
#mothanna_pic
 {
   background-image:url('../images/mothanna.jpg');
 }
 
#ahmad_pic
 {
   background-image:url('../images/ahmad.jpg');
 }
 
#lama_pic
 {
   background-image:url('../images/lama.jpg');
 }
 
#momen_pic
 {
   background-image:url('../images/momen.jpg');
 }
 
.people_text
 {
   float:left;
   width:205px;
   position:relative;
   left:10px;
 }
 
.people_name
 {
   float:left;
   width:100%;
   font-weight:bold;
 }
 
.people_title
 {
   float:left;
   width:100%;
 }
 
.people_desc
 {
   float:left;
   width:100%;
   margin-top:3px;
 }
 
 .people_desc a
 {
   color:#000;
 }
 
.inside_right_people
{
  background:#4C2432 url('../images/inside_right_people.gif') left top no-repeat;
}

/*--------------------------*/
/*---------Services----------*/

.services_left
 {
   background-color:#D1D1D1;
 }

.ser_pane
 {
   float:left;
   width:172px;
   height:570px;
   position:relative;
 }
 
 .ser_par
 {
   float:left;
   width:152px;
   height:423px;
   position:relative;
   left:11px;
   margin-top:120px;
   line-height:17px;
 }
 
.ser_case
 {
   width:160px;
 }
 
 .ser_brand
 {
   background:#00B2D9 url('../images/ser_brand.gif') left top no-repeat;
   color:#D3E9F0;
   left:5px;
 }
 
.ser_digital
 {
   background:#EE2C74 url('../images/ser_digital.gif') left top no-repeat;
   color:#EADCE6;
   left:10px;
 }
 
 .ser_print
 {
   background:#415968 url('../images/ser_print.gif') left top no-repeat;
   color:#D9E0E4;
   left:15px;
 }
 
 .ser_envi
 {
   background:#4C2432 url('../images/ser_envi.gif') left top no-repeat;
   color:#DBDBDF;
   left:19px;
 }

/*--------------------------*/
/*---------Services----------*/ 
 
 .case_left
  {
    background-color:#415968;
  }
  
.case_dashed_table
 {
    background:transparent url('../images/case_dashed_table.gif') left top repeat-x;
 }
 
 .case_sel_row
 {
    background-color:#00B2D9;
 }
 
.case_desc_pane
 {
   float:left;
   width:177px;
   height:100%;
   color:#4C2432;
   font-size:11px;
   position:relative;
   left:5px;
   background:#D1D1D1 url('../images/case_title.gif') 12px 31px no-repeat;
 }
 
 .case_text_holder
  {
    float:left;
    width:151px;
    height:400px;
    position:relative;
    line-height:17px;
    left:12px;
  }
  
 .case_desc_title
 {
   float:left;
   width:100%;
   font-size:13px;
   font-weight:bold;
   margin-top:120px;
 }
 
.case_desc_text
 {
   float:left;
   width:100%;
   font-size:12px;
   margin-top:10px;
 }
 
.case_arrow
 {
    float:left;
    margin-top:30px;
    position:relative;
    left:97px;
 }
 
 .case_arrow_real
 {
    float:left;
    margin-top:-29px;
    position:relative;
    left:82px;
 }
 
.case_main_div
 {
    float:left;
    width:520px;
    height:100%;
    position:relative;
    left:10px;
    background-color:#D1D1D1;
 }
 
 .case_main_img
 {
    float:left;
    width:100%;
    height:100%;
 }
 
.fake_nav_div
 {
    float:right;
    margin-top:-17px;
 }
 
.fake_footer_bottom
 {
   float:left;
   width:100%;
   height:10px;
 }