/* Main Elements */
*{
    margin:0;
    padding:0;
}
body,html{
  font-family:arial;
  direction: rtl;
  margin:0;
  padding:0;
  font-size: 12px;
  background:#FFF url(../images/body-bg.gif) repeat-x bottom;
  height:100%;
}
#page_body{background:#FFF url(../images/body-bg.gif) repeat-x bottom;clear:both}
#wrapper{
  width:735px;
  margin:0 auto;
}
#header{
	height:250px;
	margin-top:2px;
	border-bottom:5px solid #ededed;
	overflow: default;
	z-index: 1;
	position: absolute;

}

/* Common */
a{text-decoration: none;color:#FFF;}
.clear{clear: both;}
form{display: block;margin: 0;padding: 0;}
a.more_dit{
  color:#6ab5e1;
  text-decoration: underline;
  font-weight: bold;
  float: left;
}
a.more_dit1{
  color:#6ab5e1;
  text-decoration: underline;
  font-weight: bold;
}
.errors{font-weight: bold;font-size: 16px;margin-right:20px;}

/* Header,Top Bar, and Menu */
#top_bar{
    height:53px;
    background: url(../images/top-bar-bg.gif) repeat-x;
    width:100%;
    position: relative;
}
#top_bar .left_corner{
    height:53px;
    width:18px;
    background: url(../images/bar-lc.gif) no-repeat;
    left:0;
    top:0;
    position: absolute;
}
#top_bar .right_corner{
    height:53px;
    width:18px;
    background: url(../images/bar-rc.gif) no-repeat;
    right:0;
    top:0;
    position: absolute;
}

  
.menu {
	width:835px;
	height:53px;
	position:relative;
	z-index:100;
	margin:0 auto;
	padding-right:100px;
	text-align: center;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu li a{display:block;;background: url() no-repeat right 20px;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:149px;position:relative;border-left:2px solid #4296d0} 
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:18px;text-decoration:none; color:#fff; width:138px; height:53px; border:1px solid #000; border-width:0px 0 0px 0px; padding-left:10px; line-height:53px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000 url() no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#000 ) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#000 no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#000;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:51px;left:0; width:150px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#000; font-size:14px; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#6ab5e1;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#6ab5e1;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu li.last{border:0;}
.menu li a.first{margin-right:0;border:none;}
.menu li a.last{margin:0 0;}


img.elegant {margin-top:250px;}

#holder {width:750px:}
#holder img {margin-top:-4px;}




/* Main Content Elemnts */
#main_content{
	width:735px;
	position: relative;
	padding-top: 257px;
}
#wide_content{
  min-height:336px;
  padding-top: 20px;
}
#wide_content.index{
  height:336px;
}
#left_content{width:415px;position: absolute;left: 0;top:0;height: 356px; padding-top:257px;}
/* Right Content and Wide Content Classes */
#wide_content .title{
  font-size:20px;
  color:#6ab5e1;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}
#wide_content .title.inner{margin-bottom:10px;}
#wide_content .small_title{
  font-size:16px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}
#wide_content .small_title.about{margin-bottom:5px;}
#wide_content .left{width:415px;}
#wide_content p,#wide_content div.left{font-size:14px;margin-bottom: 20px;}
#wide_content .inner{padding-right:20px;}
#wide_content img{position: absolute;bottom:0;left:0;}
#wide_content .types{padding-right:30px;}
#wide_content .types li ul.inner{padding-right:40px;list-style: disc;}
#wide_content .types li span.inner_title{
  text-decoration:underline;
  display: block;
  font-weight: bold;
  padding-right:20px;
  margin:5px 0;
}

/* Right Content and Wide Content Classes- Form Elemnts */
#wide_content .form_line{padding-bottom:10px;}
#wide_content input.text{
  width:150px;
  border:1px solid #000;
  font-size: 16px;
  background: #ededed;
}
#wide_content .label{width:100px;font-size: 16px;font-weight: bold;float:right;}
#wide_content .submit_line{text-align:left;}
#wide_content .submit{width:100px;}
#wide_content .form_right{width:300px;float: right;}
#wide_content .form_left{float:left;padding-right:10px;font-size: 16px;font-weight: bold;}
#wide_content select{width:150px;background: #ededed;border: 1px solid #000;}
#wide_content textarea{width:320px;height:150px;border: 1px solid #000;background: #ededed;float:left;}
#wide_content form{padding-top: 10px;}
/* right Deal offer box */
#deal_offer{
  margin-bottom:5px;
  height:200px;
  background:url(../images/offer-bg.gif) no-repeat;
  padding-right:40px;

}
#deal_offer span{
  color: #000;
  font-size:12px;
  padding-right:3px;
}
#deal_offer .title{height: 35px;width:206px;background: url(../images/offer_title.gif) no-repeat right;float:right;}
#deal_offer .form{padding:5px 65px 0 0;}
#deal_offer .form_line{height:22px;}
#deal_offer .label{
  width:65px;
  font-size: 14px;
  font-weight: bold;
  float:right;
}
#deal_offer input.text{
  border:0;
  margin-top:2px;
  height: 18px;
  width:215px;
}
#deal_offer .submit{
  width:218px;
  height:67px;
  background: url(../images/offer-submit.gif) no-repeat;
  border:0;
  cursor: pointer;
  display: block;
  margin: 5px 65px 0 0;
}
/* How We Do It Box - classes */
#how_we_do_it{
  height:141px;
  background: url(../images/how-bg.gif) no-repeat;
  padding:10px 15px 0 10px;
  width:225px;
  font-family:OronMF;
  font-size: 14px;
  float: left
}
#how_we_do_it .title{font-weight: bold;font-size: 18px;display: block;}

/* Bottom Boxes - classes */
#bottom_boxes{
  height:100px;
  background:#ededed;
  margin-top:5px;
  padding:8px 8px 7px 8px;
}
#bottom_boxes .box{
  width:224px;
  background:url(../images/bottom-box-bg.gif) repeat-x;
  height:80px;
  float:right;
  padding:10px 10px 10px 1px;
}
#bottom_boxes .box.space{margin-left:7px;}
#bottom_boxes .box .text{float:right;width:137px;padding-left:5px;}
#bottom_boxes .box p{height:35px;}
#bottom_boxes .box .title{font-size: 14px;font-weight: bold;margin-bottom:10px;display: block;}
#bottom_boxes .box .title.mashkanta{color:#c3463c;}
#bottom_boxes .box .title.life{color:#5ba461;}
#bottom_boxes .box .title.car{color:#e0ab4e;}
#bottom_boxes .box .img_box{float:left;width:82px;height:81px;margin:0;padding:0;}

#footer{color:#858586;font-size: 12px;padding-top:5px;}
#footer_menu{list-style: none;width:500px;float: right;}
#footer_menu li{float:right;padding:0 5px;border-left:1px solid #858586;}
#footer_menu li.first{padding-left:10px;padding-right:0;border-left:1px solid #858586;}
#footer_menu li.last{padding-right:10px;padding-left:0;border:0;}
#footer_menu li a{color:#858586;}
#footer_menu li a:hover{color:#000;}
#footer .copyright{float:left;}

#list {
	list-style-position: inside;
	list-style-type: circle;
}