/* --[[ Elaf Group :: Designed By Iyad Aloudat ]]-- */
div { }

/************ --[[ HTML Body Style  border:#666666 dashed 1px]]-- ************/
html, body {direction: ltr; height: 100%;}

body {background: #e9d9a7 url(../images/elaf_group_background.jpg) repeat center top; } 

/************ --[[ TD - P - Font - Tr - TH ]]-- ************/
body, td, p, font, tr, th {font: 11px/1.4 Arial, Helvetica, sans-serif; color: #555555;}

p {text-align: justify;}

strong {color: #cc9900; font-size:12px;} 

/************ --[[ Image Style ]]-- ************/
img {border: 0;} 

/************ --[[ HR ]]-- ************/
hr {height: 1px; border: #e2e2e2 1px dotted; width: 80%;} 

/************ --[[ padding - margin - ]]-- ************/

body, h1, h3, h2, h4, h5, p, object, embed, form {padding: 0; margin: 0;} 

/************ --[[ Form - ]]-- ************/

select, option, textarea, input {font: 1.3em  Arial, sans-serif; font-weight: bold; background: #ededed; border: #cdcdcd 1px solid; color: #464646;} 

/************ --[[ float - ]]-- ************/

.nojava { color: #990000; font-weight:bold; text-align:center; font-size:11px; line-height:140px; padding-right:80px; }

/************ --[[ General Link ]]-- ************/

a:link, a:visited {color: #cc9900; text-decoration: none;}

a:hover, a:active {color: #996600; text-decoration: none;}  


/************ --[[ Main - ]]-- ************/
.container { width: 968px; margin: 0 auto; background:url(../images/elaf_group_white_background.png) repeat-y; overflow:hidden; padding-bottom:20px;}
.header_container { width: 968px; height:244px; margin: 0 auto; background:url(../images/elaf_group_header.png) no-repeat; overflow:hidden;}
/************ --[[ Menu - ]]-- ************/
.menu_container { margin-top:22px; height:30px; width: 935px; overflow:hidden; margin-left:26px;}
.menu_item_elafgroup 	{ background:url(../images/menu_elaf_over_bg.png) repeat-x;   color:#a07b11;   font: 13px "Times New Roman", Times, serif; font-weight:bold; line-height:30px;  float:left; width:122px;  text-align:center;  line-height:30px; height: 30px}
.menu_item_hotel 		{ background:url(../images/menu_hotel_back_bg.png) repeat-x;  color:#464646;   font: 13px "Times New Roman", Times, serif; font-weight:bold; line-height:30px;  float:left; width:122px; margin-left:10px; text-align:center;  line-height:30px; height: 30px}
.menu_item_tavel 		{ background:url(../images/menu_travel_back_bg.png) repeat-x; color:#464646;   font: 13px "Times New Roman", Times, serif; font-weight:bold; line-height:30px;  float:left; width:122px; margin-left:10px; text-align:center;  line-height:30px; height: 30px}
.menu_item_hajj 		{ background:url(../images/menu_hajj_back_bg.png) repeat-x;   color:#464646;   font: 13px "Times New Roman", Times, serif; font-weight:bold; line-height:30px;  float:left; width:122px; margin-left:10px; text-align:center;  line-height:30px; height: 30px}


.menu_item_hotel a:hover { background:url(../images/menu_hotel_over_bg.png) repeat-x; color:#9e0b0f; width:122px; height: 30px; display:block; }
.menu_item_tavel a:hover {background:url(../images/menu_travel_over_bg.png) repeat-x; color:#006f8d; width:122px; height: 30px; display:block; }
.menu_item_hajj a:hover  {background:url(../images/menu_hajj_over_bg.png)  repeat-x;  color:#598527; width:122px; height: 30px; display:block; }

.menu_item_hotel a, .menu_item_tavel a, .menu_item_hajj a {color:#464646}
.menu_item_hotel a:visited {color:#9e0b0f}
.menu_item_tavel a:visited {color:#006f8d}
.menu_item_hajj a:visited {color:#598527}

.menu_text { width:358px; padding-left:10px;  padding-top:10px; float:left;}
.menu_text a,.menu_text a:link,.menu_text a:visited { color:#555555;}
.menu_text a:hover, .menu_text a:active { color:#cc9900;}

.contact { float:left; width:27px; height:15px; cursor: pointer;}
.flag { float:right; width:15px; height:15px; cursor: pointer;}
/************ --[[ Header Part - ]]-- ************/
.header_part_container {margin-top:27px;height:150px; width: 940px; overflow:hidden; margin-left:26px;}
.part_container_logo {width: 141px; height:150px; float:left;}
.part_container_logo span { width: 139px; height:150px; display:block; cursor:pointer;  }

.part_header1 {width: 199px; height:150px; float:left; overflow:hidden;}
.part_header1 img { margin-left:21px;}
.part_header1 div { width: 155px; height:80px; margin-left:20px; margin-top:5px;}
.part_header1 span { display:block; font-weight:bold; color:#000000;}

.part_header2 {width: 199px; height:150px; float:left; overflow:hidden;}
.part_header2 img { margin-left:24px;}
.part_header2 div { width: 155px; height:80px; margin-left:20px; margin-top:5px;}
.part_header2 span { display:block; font-weight:bold; color:#000000;}

.part_header3 {width: 199px; height:150px; float:left; overflow:hidden;}
.part_header3 img { margin-left:22px;}
.part_header3 div { width: 155px; height:80px; margin-left:20px; margin-top:5px;}
.part_header3 span { display:block; font-weight:bold; color:#000000;}


.part_header4 {width: 199px; height:150px; float:left; overflow:hidden;}
.part_header4 img { margin-left:21px;}
.part_header4 div { width: 155px; height:80px; margin-left:20px; margin-top:5px;}
.part_header4 span { display:block; font-weight:bold; color:#000000;}


/************ --[[ Body- ]]-- ************/
.body_topic_header_black { color:#000000; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; margin-bottom:5px; }
.body_topic_header_gold  { color:#cc9900; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; margin-bottom:5px; }

/************ --[[ Body Left- ]]-- ************/
.body_left{ width:200px;  overflow:hidden;padding-left:19px; text-align:justify; float:left;}
.body_left span { display:block; height:22px; line-height:22px; border-bottom:#e1e1e1 dashed 1px;}
.body_left a,.body_left a:link,.body_left a:visited { color:#555555;}
.body_left a:hover, .body_left a:active { color:#cc9900;}
.left_shadow { height:15px; margin-top:10px; background:url(../images/left_shadow.png) no-repeat left;}

/************ --[[ Body center ]]-- ************/
.body_center{ width:500px;  overflow:hidden; padding-left:10px; text-align:justify; float:left;}
.news_container {clear:both; border-bottom:#e1e1e1 dashed 1px; overflow:hidden; padding-bottom:5px; padding-top:5px; }
.news_date { float:left; width:78px; height:40px; background:url(../images/date_background.png) no-repeat top; text-align:center; padding-top:12px;}
.news_date span { font-size:18px; font-weight:bold; line-height:15px;}
.news_description { overflow:hidden;}
.news_description span { display:block; overflow:hidden; color:#000000; font-weight:bold;}

.old_news { float:right; border:#e1e1e1 solid 1px; border-top: 0px; padding: 2px 5px 2px 5px;}
.old_news a,.old_news a:link,.old_news a:visited { color:#555555;}
.old_news a:hover, .old_news a:active { color:#cc9900;}


.member_of_header{clear:both; border-bottom:#e1e1e1 dashed 1px; overflow:hidden; margin-bottom:10px;}
.member_of_header div{ padding:5px; background:#e2e2e2; color:#000000; font: 18px"Times New Roman", Times, serif; font-weight:bold; width:100px;}
.member_of_img { width:51px; height:36px; float:left}
.member_of_data{ float:left; width:100px; font-size:9px; text-align:left; margin-left:5px;}

/************ --[[ Body Right ]]-- ************/
.body_right {width:215px;  overflow:hidden; float:left; padding-left:20px; text-align:justify;}

.search{ padding-bottom:2px;}
.search_img  { float:left; width:21px; overflow:hidden; padding-right:5px;}
.search_input		 { width:125px;  float:left;  overflow:hidden;}
.search_input input	 { width:115px; height:16px; line-height:15px; font-size:11px;  border-top: solid 1px #999999; border-left: solid 1px #999999;}

.search_send		 {float:left; }
.search_send input   { background:url(../images/input_button_black.png) repeat-x; border: #000000 1px solid; color:#FFFFFF; height:20px; font-size:11px;}

.search_more { width:200px;  overflow:hidden; padding-left:30px; clear:both;}



.memberarea{ padding-bottom:2px;}
.memberarea_img  {  float:left; width:21px; overflow:hidden; padding-right:5px;}
.memberarea_input		 { width:185px;  float:left;  overflow:hidden;}
.memberarea_input input	 { width:170px; height:16px; line-height:15px; font-size:11px; border-top: solid 1px #999999; border-left: solid 1px #999999;}

.search_login		 {float:left;  padding-left:25px;  }
.search_login input   { background:url(../images/input_button_black.png) repeat-x; border: #000000 1px solid; color:#FFFFFF; height:20px; font-size:11px;}

.memberarea_register		 {float:left; padding-left:5px; }
.memberarea_register input   { background:url(../images/input_button_orange.png) repeat-x; border: #cf7200 1px solid; color:#FFFFFF; height:20px; font-size:11px;}



.body_right_partners  {overflow:hidden;}
.body_right_partners span { display:block; height:15px; line-height:15px; border-bottom:#e1e1e1 dashed 1px;}
.body_right_partners a,.body_right_partners a:link,.body_right_partners a:visited { color:#555555;}
.body_right_partners a:hover, .body_right_partners a:active { color:#cc9900;}

.right_shadow { height:15px; margin-top:10px; background:url(../images/right_shadow.png) no-repeat left;}

/************ --[[ footer group- ]]-- ************/
.elaf_group_footer_bg {width: 968px; height:5px; background:url(../images/elaf_group_footer.png) no-repeat ; margin: 0 auto; overflow:hidden; }

/************ --[[ footer- ]]-- ************/
.footer {width: 960px; height:215px; background: #000000 url(../images/footer_background.png) repeat-x; margin: 0 auto; margin-top:10px;}

.footer_menu_container { width: 170px; overflow:hidden; float:left; padding-left:20px;}
.footer_menu_container div { color: #ff9933; font-weight:bold;  height:30px; line-height:30px; }

.footer_menu_container span { display:block; height:15px; line-height:15px;}
.footer_menu_container a,.footer_menu_container a:link,.footer_menu_container a:visited { color:#c0c0c0;}
.footer_menu_container a:hover, .footer_menu_container a:active { color:#ff9933;}


/************ --[[ footer text- ]]-- ************/
.footer_text {width: 960px; margin: 0 auto; margin-top:10px; text-align:center;}

/************ --[[ sub page- ]]-- ************/
.sub_page_container { width:480px; overflow:hidden; margin: 0 auto;}





















