/*

Designed and Coded By: iDuDi - Web & Cellular consultant
http://www.idudi.co.il
Date: 17/6/2009


PRIMARY COLORS:
grey:#666666
grey-dark:#666565
orange:#c03e13

*/

/******** Reset  *******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/******** General  *******/


body{
font-size: 12px;
font-family: arial, verdana, Calibri;
color: #666565;
}

p{
line-height:1.5em;
}

ul{
list-style:none;
}

li{
display:inline;
}

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

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

a img{
border: none;
}



/******** container *******/

#container{
text-align: left;
margin:50px auto 0px auto;
width:940px;
height:600px;
overflow:hidden;
}

/******** nevigation *******/

#nevigation{
height:47px;
overflow:hidden;
padding:0px 15px;
background:url(../images/hr_top.gif) no-repeat bottom center;
}

#language{
float:left;
padding-top:8px;
margin-right:2px;
}

#language_eng{
float:right;
padding-top:8px;
margin-left:2px;
}

#language a, #language_eng a{
display:block;
width:65px;
height:28px;
background:url(../images/language_bg.gif) no-repeat;
color:#ffffff;
text-align:center;
font-size:13px;
padding-top:5px;
}

#language a:hover{
color:#ffffff;
}

#main_menu, #main_menu_eng{
padding-top:15px;
font-size:13px;
font-weight:bold;
}

#main_menu{
float:left;
width:632px;
direction:rtl;
text-align:right;
}

#main_menu_eng{
float:right;
width:590px;
}

.current, #main_menu .current, #main_menu_eng .current{
color:#c03e13;
}

#main_menu ul li{
margin:0px 18px;
}

#main_menu_eng ul li{
margin:0px 13px;
}

#logo{
float:right;
}

#logo_eng{
float:left;
margin-right:5px;
}


/******** content *******/

#content{
height:528px;
overflow:auto;
padding:0px 20px;
}

.home_page{
margin-top:65px;
}

.home_page p{
text-align:center;
width:100%;
}

#about_text{
float:left;
width:730px;
direction:rtl;
text-align:right;
margin-top:30px;
}

#about_text_eng{
float:right;
width:730px;
text-align:left;
margin-top:30px;
}

#about_text p, #about_text_eng p{
line-height:2em;
font-size:13px;
text-align:justify;
}

#contact_text p, #about_text p, .bibl ul li, #links_text ul li{
font-size:14px;
}

.bibl ul li{
line-height:3em;
}

#about_image{
float:right;
width:142px;
margin-top:30px;
}

#about_image_eng{
float:left;
width:142px;
margin-top:30px;
}

#contact_text{
float:left;
width:674px;
direction:rtl;
text-align:right;
margin-top:50px;
}

#contact_text_eng{
float:right;
width:639px;
text-align:left;
margin-top:50px;
}

#contact_text p{
direction:rtl;
}

#contact_text_eng p{
direction:ltr;
}

#contact_text a, #contact_text_eng a, #about_text a, #about_text_eng a{
text-decoration:underline;
}

#links_text{
height:485px;
overflow:auto;
text-align:right;
direction:ltr;
padding:0px 20px;
margin:20px 0px;
}

#links_text_eng{
height:485px;
overflow:auto;
text-align:left;
direction:rtl !important;
padding:0px 20px;
margin:20px 0px;
}

#links_text ul{
direction:rtl;
}

#links_text_eng ul{
direction:ltr;
}

#links_text ul li{
display:block;
line-height:1.5em;
}

#links_text_eng ul li{
display:block;
line-height:1.5em;
}

#links_text ul li a, #links_text_eng ul li a{
font-weight:bold;
}

#links_text ul li, #links_text_eng ul li{
margin-bottom:5px;
}

/******** Bibliography *******/

.bibl{
text-align:right;
direction:rtl;
margin:8px 10px;
width:840px;
font-weight:normal;
}

.bibl h3{
float:right;
margin-top:3px;
font-weight:normal;
}

.bibl ul{
margin-right:50px;
}

.bibl ul li a, .bibl_eng ul li a{
font-weight:normal !important;
text-decoration:underline;
}

.bibl_eng{
text-align:left;
direction:ltr;
margin:10px;
width:840px;
font-weight:normal;
}

.bibl_eng h3{
float:left;
margin-top:2px;
font-weight:normal;
}

.bibl_eng ul{
margin-left:50px;
}

.biblinks li{
margin-bottom:8px !important;
font-size:12px;
}


/******** available works *******/

#a_works_text, #a_works_text_eng{
height:485px;
overflow:auto;
margin:20px 0px;
}

#a_works_text{
text-align:right;
direction:ltr;
}

#a_works_text_eng{
text-align:left;
direction:rtl !important;
}

.a_work_icon{
float:left;
padding:6px;
}

.a_work_icon a img{
border:2px solid #666565;
}

.a_work_icon a:hover img{
border:2px solid #c03e13;
}

/******** application *******/

#image_title, #image_title_eng{
width: 480px; 
margin-top: 15px; 
height: 65px;
text-align:center;
}

#image_title{
margin-right: 380px; 
margin-left: 30px; 
margin-top:30px;
direction:rtl;
}

#image_title_eng{
margin-left: 380px; 
}

/******** portfolio *******/

.content_portfolio{
overflow:hidden !important;
}

#categories, #categories_eng{
width:60px;
margin-top:60px;
}

#categories{
float:right;
margin-left:22px;
}

#categories_eng{
float:left;
margin-right:12px;
}

#categories ul li, #categories_eng ul li{
display:block;
border-bottom:1px solid #666565;
font-size:13px;
text-align:center;
padding:3px 0px;
width:60px;
}

#portfolio_icons, #portfolio_icons_eng{
width:239px;
margin-top:33px;
text-align:center;
}

#portfolio_icons{
float:right;
}

#portfolio_icons_eng{
float:left;
}

#icons{
height:416px;
width:252px;
}

#portfolio_icons .icon, #portfolio_icons_eng .icon{
margin:13px;
cursor:pointer;
}

#portfolio_icons .icon{
float:right;
}

#portfolio_icons_eng .icon{
float:left;
}

#portfolio_icons img, #portfolio_icons_eng img{
border:2px solid #666565;
}

#portfolio_icons img:hover, #portfolio_icons_eng img:hover{
border:2px solid #c03e13;
}

#paging{
text-align:center;
height:20px;
margin-left:13px;
}

#paging a{
font-size:13px;
padding:0 3px;
}

#attach, #attach_eng{
clear:both;
margin-top:17px;
}

#attach{
text-align:right;
}

#attach_eng{
text-align:left;
padding-left:10px;
}

#attach a, #attach_eng a{
text-decoration:underline;
}

#portfolio_frame, #portfolio_frame_eng{
height:525px;
overflow:hidden;
width:550px;
margin-top:13px;
}

#portfolio_frame{
float:left;
margin-left:15px;
}

#portfolio_frame_eng{
float:right;
margin-right:15px;
}

#main_image, #main_image_eng{
width:550px;
height:394px;
overflow:hidden;
text-align:center;
}

#main_image img, #main_image_eng img{
max-width:550px !important;
max-height:396px !important;
}


#main_title, #main_title_eng{
height:43px;
overflow:hidden;
padding-top:10px;
}

#main_title h1, #main_title_eng h1{
font-weight:normal;
line-height:1.4em;
}

#main_title h1, #sub_title, #sub_title h2{
direction:rtl !important;
}

#sub_title, #sub_title_eng{
margin-top:28px;
}

#sub_title h2, #sub_title_eng h2{
font-weight:normal;
}

#the_image{
width:550px;
height:396px;
margin-bottom:20px;
}

#the_image img{
max-width:550px;
max-height:396px;
}

/******** application *******/

.application_image{
margin-top:58px;
}

#image_form{
float:right;
margin-top:37px;
margin-left:20px;
width:325px;
}

#image_form_eng{
float:left;
margin-top:40px;
margin-right:20px;
width:325px;
}

.lable{
clear:both;
display:block;
text-align:right;
padding:3px 0px;
}

.lable_eng{
clear:both;
display:block;
text-align:left;
padding:3px 0px;
}

.field, .field_eng{
width:324px;
border:1px solid #c03e13;
}

.field{
direction:rtl;
}

.field_eng{
direction:ltr;
}

.send, .send_eng{
width:94px;
height:24px;
text-align:center;
background:url(../images/send_bg.gif) no-repeat;
border:none;
color:#ffffff;
margin-top:10px;
cursor:pointer;
}

.send{
float:left;
}

.send_eng{
float:right;
}


/******** footer *******/


#footer{
background:url(../images/hr_btm.gif) no-repeat top center;
height:21px;
padding:9px 15px 0px 15px;
text-align:right;
direction:rtl;
font-size:11px;
}

#footer_eng{
background:url(../images/hr_btm.gif) no-repeat top center;
height:21px;
padding:11px 15px 0px 20px;
text-align:left;
font-size:11px;
}

#footer #copyright{
float:right;
margin-left:2px;
}

#footer_eng #copyright{
float:left;
}

#footer #credit{
}

.sep{
margin:0px 2px;
}
