body { margin: 0; background: #445969 url(images/body-bg.png) no-repeat 50% 0; }

body * { font-family: Arial }

ul.reset, ul.reset li { list-style: none; margin: 0; padding: 0 }
h1, h2, h3, h4, p { margin: 0; padding: 0 }
a, a:link, a:visited, a:active { color: #AA0000 }
a:hover { color: #dd0000 }

img { border: none }

#wrapper { width: 1000px; height: 600px; background: url(images/wrapper-bg.png) no-repeat; position: relative }
#wrapper.en { background: url(images/wrapper-bg-en.png) no-repeat }

.he * { direction: rtl; text-align: right; }
.en * { direction: ltr; text-align: left; }

#menu { position: absolute; right: 32px; top: 20px; z-index: 1006 }
.en #menu { left: 29px; right: auto }
#menu #arrow { position: absolute; top: 50px; width: 21px; height: 11px; background: url(images/menu-arrow.png) no-repeat; z-index: 1009 }
.tab-105 #arrow { right: 12px }
.tab-124 #arrow { right: 78px }
.tab-126 #arrow { right: 160px }
.tab-127 #arrow { right: 243px }
.tab-128 #arrow { right: 330px }
.tab-129 #arrow { right: 427px }
/* english */
.tab-132 #arrow { left: 16px }
.tab-133 #arrow { left: 82px }
.tab-135 #arrow { left: 166px }
.tab-134 #arrow { left: 248px }
.tab-136 #arrow { left: 333px }
.tab-137 #arrow { left: 432px }

#language { position: absolute; left: 40px; top: 36px; font-weight: bold; color: #fff; font-size: 15px; cursor: default }
.en #language { left: auto; right: 40px; }
#language a { color: #c0cdd6; text-decoration: none; cursor: pointer }

#content { width: 940px;  height: 491px; background: #eee url(images/content-bg-1.png) no-repeat; position: absolute; right: 32px; top: 60px; }
.en #content { background: #eee url(images/content-bg-1-en.png) no-repeat }
#wrapper.tab-105 #content { background: url(images/content-bg-0.png) no-repeat }
#wrapper.tab-132 #content { background: url(images/content-bg-0.png) no-repeat }
#content .scroller { width: 940px; height: 421px; overflow: auto; margin-top: 30px }
#content .pad { padding: 8px 38px 5px 38px }
.tab-105 #content .pad, .tab-132 #content .pad { padding-left: 350px }
#content, #content .Normal { font-size: 16px; color: #444 }
#content h1 { font-size: 23px; color: #aa0000; padding-bottom: 20px }
#content h2 { font-size: 16px; color: #aa0000; padding-bottom: 15px }
#content p { padding-bottom: 13px }

#small-logo { position: absolute; bottom: 0; left: 1px; z-index: 10000 }
.en #small-logo { position: absolute; bottom: 0; left: auto; right: 12px; z-index: 10000 }

#footer { width: 940px; position: absolute; right: 32px; top: 580px; text-align: center;  }
#footer, #footer * { color: #ddd; font-size: 12px }

#admin-menu { position: absolute; right: 0; bottom: 0 }
#admin-menu * { color: #fff; font-weight: bold; font-size: 11px }

#admin-login-link { display: none }

#contact-form { float: left; width: 500px }
#contact-form * { font-size: 16px }
#contact-form label { font-weight: normal }
#contact-form label a { display: none }
#contact-form a { font-weight: bold; background: #AA0000; display: inline-block; padding: 5px 15px 5px 15px; color: #e0e0e0 }
#contact-form textarea { height: 130px }

.portfolio-items .item { clear: both; height: 74px; margin-bottom: 10px }
.portfolio-items .item .thumb { width: 74px; height: 74px; display: block; background: #eee; overflow: hidden }
.he .portfolio-items .item .thumb { float: right; border-right: solid 7px #3a3a3a; }
.en .portfolio-items .item .thumb { float: left;  border-left:  solid 7px #3a3a3a; }
.portfolio-items .item .info { width: 480px; font-weight: bold }
.he .portfolio-items .item .info { float: right; margin-right: 4px; }
.en .portfolio-items .item .info { float: left;  margin-left:  4px; }
.portfolio-items h2 { width: 185px; height: 23px; line-height: 22px; background: url(images/portfolio-cat-bg.png) no-repeat;
                            margin-top: 20px; margin-bottom: 10px; font-size: 20px; color: #870000; font-weight: bold;
                            text-indent: 38px }
.he .portfolio-items h2 { margin-right: -38px; }
.en .portfolio-items h2 { margin-left:  -37px; background: url(images/portfolio-cat-bg-en.png) no-repeat; }
.portfolio-items .item h3 { width: 470px; height: 20px; background: #3a3a3a; margin-bottom: 3px; text-indent: 4px }
.portfolio-items .item h3, .portfolio-items .item h3 * { color: #fff; font-size: 18px; line-height: 20px }
.portfolio-items .item ul.credits { width: 480px }
.portfolio-items .item ul.credits li { width: 233px; height: 15px; background: #f0f0f0; margin-bottom: 3px; 
                                       font-size: 13px; line-height: 15px; color: #676767; text-indent: 4px }
.he .portfolio-items .item ul.credits li { float: right; margin-left:  4px; }
.en .portfolio-items .item ul.credits li { float: left;  margin-right: 4px; }
.portfolio-items .item .details { width: 470px; height: 15px; background: #fff; font-size: 13px; clear: both; text-indent: 4px }


#home-animation { position: absolute; left: 0; top: 0; }