

/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a, button, object{ text-decoration: none; outline: none; color: #545751; }
button::-moz-focus-inner , input::-moz-focus-inner { border: 0; }
a:hover { text-decoration: underline; }
fieldset { border: 0; }
.submit:hover { cursor: pointer;}
h1.header { width: 900px; height: 252px; font-size: 0; line-height: 0; color: #fff; margin-top: -2px;}
div.alt { display: none;}
h2 { font: 21px "Times New Roman"; color: #c43916; margin: 40px 20px 5px; text-transform: uppercase;}
h3 { font: 15px "Century Gothic"; color: #fff; margin: 0 0 5px;}
h4 { font: 12px "Times New Roman"; color: #c43916; margin: 0 -10px 7px 0; }
p { margin: 5px 0; line-height: 21px;}
	  
/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #fff url(../images/bg.gif) 50% -378px repeat-x; font: 12px Verdana,Arial,Helvetica,sans-serif; color: #545751;}

#top, #content , #footer{ width: 930px; margin: 0 auto; clear: both; z-index: 1;}
#page { width: 900px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -219px; clear: both;}


/* Top

------------------------------------------------------------------------- */
#top { margin: 0 auto 3px; height: 81px; overflow: hidden; position: relative}
#top .menu { float: left; margin: 0; position: relative; left: 50%; top: 23px;}
#top .menu ul { float: left; margin: 0; padding: 0;  position: relative; left: -50%; list-style: none; }
#top .menu ul li { float: left; margin: 0 3px; font: 14px/14px "Century Gothic"; color: #fff; background: url(../images/menu.gif) -100% -56px no-repeat;}
#top .menu ul li a { float: left; color: #fff;text-decoration: none; text-transform: uppercase; background: url(../images/menu.gif) -100% -46px no-repeat; padding: 3px 9px; height: 16px;}
#top .menu ul li:hover, #top .menu ul li.active {text-decoration: none; background-position: 0 0;}  
#top .menu ul li:hover a, #top .menu ul li.active a {text-decoration: none; background-position: 100% -23px;}  

.yams_list { position: absolute; top: 12px; right: 120px; list-style: none; }
.yams_list li { float: left; margin-left: 9px; text-indent: -9999px; font-size: 0; line-height: 0; color: #353730; position: relative; width: 26px; height: 24px; background: url(../images/lang.gif) 0 -22px no-repeat; opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.yams_list li.yams_lang_pl { background-position: -100px 0;}
.yams_list li.yams_lang_en { background-position: 0 0;}
.yams_list li.yams_lang_es { background-position: -34px 0;}
.yams_list li.yams_lang_il { background-position: -67px 0;}
.yams_list li:hover, .yams_list li.yams_current { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.yams_list li a { float: left; width: 26px; height: 24px; text-indent: -9999px; font-size: 0; line-height: 0; color: #353730; position: absolute; top: 0; left: 0;}

/* Content

------------------------------------------------------------------------- */
#home {width: 740px; float: left; display: inline; margin: 0 65px;}
.info { margin: 0 30px; text-align: justify;}
.more, .totop { float: right; margin: 5px 0 0; font: 11px/12px Verdana; color: #fff; background: #c43916 url(../images/more.gif) 3px 50% no-repeat; padding: 0 3px 0 15px; height: 15px; text-decoration: none;}
.more:hover, .totop:hover { background-color: #75715e; text-decoration: none;}
.totop { float: none; margin:0; padding: 0 10px 0 22px; background-position: 10px 50%; position: absolute; bottom: -40px; right: 25px;}
.boxes { float: left; width: 740px; text-align: justify; background: url(../images/boxes.png) 0 0 no-repeat; list-style: none;}
.boxes li { float: left; width: 220px; height: 160px; display: inline; padding: 0 70px 30px 80px; overflow: hidden; background: url(../images/icons.gif) -100px 0 no-repeat;}
.boxes li#page-2 { background-position: 15px -385px;}
.boxes li#page-3 { background-position: 15px -585px;}
.boxes li#page-4 { background-position: 15px -785px;}
.boxes li#page-5 { background-position: 15px -985px;}
.boxes p { height: 61px; overflow: hidden;}

.content {width: 540px; float: right; display: inline; margin: 0 140px 50px 0; padding: 0 15px 25px; background: url(../images/line.gif) 0 100% repeat-x; text-align: justify; position: relative;}
.content h2 { margin: 40px -15px 20px; padding: 0 10px 20px; background: url(../images/line.gif) 0 100% repeat-x; font-size: 22px;}
.sidebar {width: 122px; float: left; display: inline; margin: 120px 0 0 35px;}

.sidemenu { float: left; clear: both; width: 122px; border-bottom: 1px solid #dfe0de; list-style: none; }
.sidemenu li { float: left; clear: both; width: 100%; border-top: 1px solid #dfe0de; background: url(../images/sidemenu.jpg) 0 0 no-repeat; font: 15px/31px "Times New Roman"; color: #c43916; }
.sidemenu li a { float: left; clear: both; width: 78%; background: url(../images/icons.gif) -100px 0 no-repeat; font: 15px/31px "Times New Roman"; color: #c43916; padding: 0 0 0 22%;text-decoration: none;  white-space: nowrap;}
.sidemenu li a:hover, .sidemenu li.active a {text-decoration: none; color: #353730;}
.sidemenu li#page-2 a { background-position: 0 7px;}
.sidemenu li#page-3 a { background-position: 0 -25px;}
.sidemenu li#page-4 a { background-position: 0 -56px;}
.sidemenu li#page-5 a { background-position: 0 -87px;}

.EmailForm {float: left; clear: both; width: 122px;  margin: 60px 0 0;}
.EmailForm .EmailForm  {margin: 0;}
.EmailForm fieldset {float: left; clear: both; width: 122px;}
.EmailForm .text, .EmailForm textarea{ background: #e5e5e5; border: 0; font: 10px Verdana; color: #6f6f6f; width: 114px; padding: 3px 4px; margin: 0 0 7px;}
.EmailForm .button { float: right; font: 12px "Times New Roman"; color: #c43916; background: #e5e5e5; border: 0; cursor: pointer; margin: 0; padding: 0 4px;}
.EmailForm .button:hover {color: #e5e5e5; background: #c43916;}
.EmailForm textarea { height: 110px; overflow: auto;}
.EmailForm div.errors{ color:#F00; display: none;  }
.EmailForm input.invalid, .EmailForm textarea.invalid { background-color: #353730; color: #c43916;}
.EmailForm input.required, .EmailForm textarea.required { background-color: #353730; color: #c43916; }
.content .EmailForm {width: 544px; float: left; clear: both;  margin: 10px 0 0;}
.content .EmailForm .EmailForm  {margin: 0;}
.content .EmailForm fieldset {width: 534px;}
.content .EmailForm .text  { width: 264px;}
.content .EmailForm textarea { width: 530px; height: 222px;}


/* Footer 

------------------------------------------------------------------------- */
#footer-outer { width: 100%; background: #272922 url(../images/bg.gif) 50% 0 repeat-x; margin: 50px 0 0; overflow: hidden;}
#footer { height: 189px; background: url(../images/bg.gif) 340px -189px no-repeat; font: 11px Verdana; color: #7d7e7a;}
#footer a { color: #7d7e7a;}
#footer a:hover { color: #c43916; text-decoration: none;}
#footer .contact { float: left; width: 230px; margin: 22px 0 0 125px; display: inline;}
#footer .menu { float: right; width: 540px; margin: 20px 10px 0; display: inline;}
#footer .menu ul { float: left; width: 120%; margin: 5px 0 0; padding: 0 0 7px; list-style: none;}
#footer .menu ul li { float: left; padding: 0 4px 0 4px; background: url(../images/bulk.gif) 0 50% no-repeat; font-size: 12px; color: #fff;}
#footer .menu ul li:first-child { background: none; padding-left: 0;}
#footer .menu ul li a { color: #fff;}
#footer .menu ul li a:hover { color: #c43916; text-decoration: none;}
#footer .contact { color: #fff;}
#footer .contact a { color: #fff;}
#footer .contact a:hover { color: #c43916; text-decoration: none;}
#footer .contact h3 { margin-left: -15px;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 189px; }


.content {width: 540px; float: right; display: inline; margin: 0 140px 50px 0; padding: 0 15px 25px; background: url(../images/line.gif) 0 100% repeat-x; text-align: justify; position: relative;}
.content h2 { margin: 40px -15px 20px; padding: 0 10px 20px; background: url(../images/line.gif) 0 100% repeat-x; font-size: 25px;}
.sidebar {width: 122px; float: left; display: inline; margin: 120px 0 0 35px;}

.rtl { text-align: right; direction: rtl; font-size: 14px;}
.rtl #home { float: right;}
.rtl .content { float: left; margin: 0 0 50px 140px; direction: rtl;}
.rtl .sidebar { float: right;  margin: 120px 35px 0 0; direction: rtl; }
.rtl .sidemenu li a { padding: 0 22% 0 0;  direction: rtl; font-size: 17px; }
.rtl .sidemenu li#page-2 a { background-position: 100px 7px;}
.rtl .sidemenu li#page-3 a { background-position: 100px -25px;}
.rtl .sidemenu li#page-4 a { background-position: 100px -56px;}
.rtl .sidemenu li#page-5 a { background-position: 100px -87px;}
.rtl .more { float: left; font-size: 18px;}
.rtl h4 { margin: 0 0 7px -10px; font-size: 19px; }
.rtl .boxes { float: right; background-image: url(../images/boxesrtl.png);}
.rtl .boxes li { float: right; padding: 0 80px 30px 70px; }
.rtl .boxes li#page-2 { background-position: 295px -385px;}
.rtl .boxes li#page-3 { background-position: 295px -585px;}
.rtl .boxes li#page-4 { background-position: 295px -785px;}
.rtl .boxes li#page-5 { background-position: 295px -985px;}
.rtl #footer { direction: rtl; background-position: 560px -189px;}
.rtl #footer .contact { float: right; margin: 22px 100px 0 0;}
.rtl #footer .menu { float: left; width: 520px; margin: 22px 0 0 10px;}
.rtl #footer .menu ul { float: right;}
.rtl #footer .menu ul li { float: right; padding: 0 8px 0 7px; background-position: 100% 50%;}
.rtl #footer .menu ul li a { font-size: 14px;}
.rtl #footer .contact h3 { margin-left: 0; margin-right: -15px; }
.rtl #footer h3 {font-size: 20px;}
.rtl #top .menu { float: right; right: 50%; }
.rtl #top .menu ul { float: right; right: -50%; }
.rtl #top .menu ul li { float: right; }
.rtl #top .menu ul li a { font-size: 18px;}
.rtl .EmailForm .text, .rtl .EmailForm textarea{font-size: 14px;}
.rtl .EmailForm .button { font-size: 16px;}
.rtl .more, .rtl .totop  { font-size: 15px;}



