﻿html, body
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    background-color: #B9BEC1;
    background-position: top;
    background-image: url(     '../images/back.jpg' );
    background-repeat: repeat-x;
    font-family: Arial;
    direction: rtl;
    min-height: 600px;
    height: auto !important;
    height: 600px;  
}

#main
{
    width: 764px;
    margin: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}


/* Start -  Top Menu  - Start */
#top_menu
{
    height: 58px;
    background-image: url(     '../images/top_menu_back.jpg' );
    background-repeat: repeat-x;
}
#top_menu ul
{
    height: 32px;
    margin: 0px;
    padding: 0px;
    width: 760px;
    margin: auto;
    list-style: none;
    font-size: 12px;
    padding-right: 0px;
    margin-bottom: 0px;
    padding-bottom: 2px;
    padding-top: 24px;
}
#top_menu ul li
{
    width: 106px;
    height: 32px;
    float: right;
    text-align: center;
}
#top_menu ul li a
{
    display: block;
    width: 106px;
    height: 32px;
    background-position: bottom;
    background-image: url(     '../images/top_menu.jpg' );
    background-repeat: no-repeat;
    text-align: center;
    color: #F59D17;
    text-decoration: none;
}
#top_menu ul li a:hover ,#top_menu ul li a.selected
{
    background-image: url(     '../images/top_menu_hover.jpg' );
    color: #252525;
}

#top_menu ul li.sperator
{
    width: 3px;
    background: none;
}
/* End -  Bottom Menu  - END */

/* Start -  Bottom Menu  - Start */
#bottom_menu
{
    clear: both;
    height: 20px;
    background-image: url(    '../images/bottom_menu_back.jpg' );
    background-repeat: repeat-x;
}

#bottom_menu ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 11px;
    padding-right: 13px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 3px;
}

#bottom_menu ul li
{
    float: right;
}
#bottom_menu ul li a
{
    color: #0082D6;
    text-decoration: none;
}
#bottom_menu ul li a:hover
{
    text-decoration: underline;
}
#bottom_menu ul li.sperator
{
    padding-right: 28px;
    padding-left: 28px;
}
/* End -  Bottom Menu  - END */
#container 
{
    width: 100%;
    clear: both;
    min-height: 100%;
    height: auto !important;
    height: 100%;  
   
    background-image: url( '../images/container_back.gif' );
    background-repeat: repeat-y; 
    display:table-cell;
}
#left_bar
{
    width: 557px;
    float: left;
}
#left_bar #content
{
    min-height: 600px;
    height: auto !important;
    height: 600px;
    background-color: #252525;
}
#left_bar #contnet_bottom
{
    height: 20px;
    padding-left: 20px;
    text-align: left;
    font-size: 11px;
    color: White;
    background-color: #252525;
}
.field_name
{
    color: #F57017;
}
#right_bar
{
    float: right;
    width: 207px;
    height:100%;
}
* html #right_bar
{
    height:1%;
}


/* rightBar CONTAIN logo,index_bar,news_bar */
#logo
{
    width: 207px;
    height: 100px; 
}
#logo a img
{
    border: none;
}
#news_bar
{
    width: 207px;
    min-height: 259px;
    height: auto !important;
    height: 259px; 
    background-image: url(   '../images/news_back.gif' );
    background-repeat: repeat-y;
}

#news_bar .news
{
    margin-top: 0px;
}
#news_bar .news marquee
{
    width: 180px;
    margin-right: 20px;
}
#news_bar .news marquee p
{
    margin: 0px;
    padding: 0px;
    color: #3D7B9E;
    font-size: 12px;
}
#news_bar .news marquee p.item
{
    color: #3D7B9E;
    margin:0px; padding:0px; 
    width:180px;  
    clear:both;       
    padding-top:15px;
    * padding-top: 0px;
}
.arrow_news
{
	color: #3D7B9E;
    display:block;
    float:right;
    width:3px;
    padding-left:13px; 
}
.text_news
{
    width:156px; 
    display:block;
    float:right;
    font-size:12px;
}
/* Start -  Index Bar  - Start */
#index_bar
{
    width: 207px; /* Min-Height Fast Hack */
    min-height: 254px;
    height: auto !important;
    height: 254px;
    background-image: url(   '../images/index_bak.jpg' );
    background-repeat: repeat-y;
}

#index_bar .city_box
{
    width: 207px;
    font-size: 12px;
}
#index_bar .city_box .name
{
    height: 21px;
    width: 207px;
    font-weight:bold;
    margin-top: 7px;
    text-align: right;
    text-indent: 19px;
    background-position: bottom;
    background-image: url( '../images/index_city_line.jpg' );
    background-repeat: no-repeat;
}

#index_bar .city_box ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-top: 3px;
    text-align: right;
}

#index_bar .city_box ul li
{
    width: 207px;
    height: 20px;
    display: block;
    margin-bottom: 3px;
}
#index_bar .city_box ul li a
{
    display: block;
    width: 187px;
    min-height:20px;
    height:auto !important;
    height:20px;    
    background-image: url(            '../images/index_item.jpg' );
    background-repeat: repeat-y;
    color: #363C45;
    text-decoration: none;
    padding-right:20px;
}
#index_bar .city_box ul li a:hover
{
    background-image: url(   '../images/index_item_hover.jpg' );
    background-repeat: repeat-y;
}
/* End -  Index Bar  - END */
.common_background
{
    background-position: top;
    background-image: url(  '../images/project_top_back.jpg' );
    background-repeat: no-repeat;
}
/* Start - Project - Start */
#project 
{
    background-position: top;
    background-image: url(  '../images/project_top_back.jpg' );
    background-repeat: no-repeat;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    margin-bottom: 60px;
}
#project .title
{
    color: #FFFFFF;
    padding-top: 45px;
    margin-right: 70px;
}
#project .title h1
{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    font-weight: normal;
    padding-right: 26px;
}
#project .title img
{
}

#project .picture_box
{
    margin-top: 10px;
    margin-right: 45px;
}
#project .picture_box .logo
{
    /* border: solid 1px #F59919; */
    text-align:center;
    float: right;
    /*width: 98px;    */
}

/*
#project .picture_box .logo img
{
    display: block;
    border: solid 1px #F59919;
    padding: 2px
}
*/
#project .picture_box .logo
{
    display: block;
    border: solid 1px #F59919;
    padding: 2px
}
#project .picture_container 
{
   width: 309px;  /* background-color:Red;  */
   margin-bottom: 25px;  
   float:right;
}
#project .picture_box .picture
{
   /* border: solid 1px #F59919;*/
    text-align:center;
    float: right;
    width: 289px;
    /* height: 216px; */
    margin-right: 20px;   
}
.border img
{
    display: block;
    border: solid 1px #F59919;
    padding: 2px;
}
.more_picture 
{
    margin-right: 25px;
    color: #FFFFFF;
    font-size: 12px;    
    height: 17px;
    width: 200px; 
    padding-top: 2px; /* background-color:Yellow; */
    clear:both;
}
.more_picture a
{
    text-decoration: none;
    color: #FFFFFF;     
}
.more_picture a:hover
{
    text-decoration: underline;
}
.more_picture a.selected
{
    text-decoration: underline;
    color: #F59919; 
}
#project .picture_box .picture img
{
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 2px;	
	margin-bottom: 2px;	
}
#project .description
{
    color: #FFFFFF;
    font-size: 12px;
    clear: both;
    width: 420px;
    margin-right: 40px;
    margin-bottom: 20px;
}
#project .description p
{
    margin: 0px; 
    padding:0px;
}

#project .plans_box ,#project .pictures_box , #project .prices_box, #project .map_box
{
    clear: both;
   /* width: 100%; */
    width: 490px;  
    margin-right: 42px;
    margin-bottom: 15px;  
}
#project .sub_title
{
    font-size: 12px;
    color: #F57A17;
    padding-bottom: 15px;    
    width: 100px;
}
#project .plans_box .plans
{
    
}
#project .plans_box .plans div
{
   width: 510px; 
}
#project .plans_box .plans div  a
{
    display: block;
    color: #FFFFFF;
    float: right;
    text-decoration:none;
     font-size: 12px;      text-align:center;  
}
#project .plans_box .plans div a:hover
{
    text-decoration:underline;
}
#project .plans_box .plans div img
{
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom:15px;
    float: right; 
}
#project .plans_box .plans div img.lineEnd
{
  padding-left: 0px;  display:none;
}
#project .pictures_box .pictures .picture_border
{
  width: 110px;
  /* height:74px; */
  margin-right:7px;
  margin-bottom:5px;
  float:right;
  overflow:hidden;
  border: solid 1px #F59919; 
  text-align: center;
}

#project .pictures_box .pictures img
{
	/*margin-right: 2px;
	margin-left: 2px;  */
	margin-top: 2px;
    margin-bottom: 2px;	
   /* float: right; */
}
#project .prices_box .sub_title
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#project .prices_box p.description
{
    margin: 0px; 
    padding:0px;
}
#project .map_box 
{
    margin-top: 20px;
}
#project .map_box a
{
    color: #F57A17;
    font-size:12px;
}
/* END -  Project -  END */

#tcd
{
    clear: both;
    text-align: right;
    padding-right: 12px;
    padding-top: 4px;
}
#tcd a
{
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}
#tcd a:hover
{
    text-decoration: underline;
}

.marginTop10
{
    margin-top:10px;    
}
.marginTop20
{
    margin-top:20px;    
}
.marginTop30
{
    margin-top:30px;    
}
.marginTop40
{
    margin-top:40px;    
}
.Eng
{
     direction: ltr;
}

