/**
 * Bereshit
 * @Version: 1.0
 * @Author: EGStudio
 * @Author URI: http://www.egstudio.biz/
*/


/** Reset **/
* { margin:0; padding:0; direction:rtl; }
html, body { width:100%; height:100%; }
div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td { color:#4a4a4a; font-size:12px; line-height:17px; font-family:Arial; text-align: right; }
h1,h2,h3,h4,h5,h6  { font-familiy: GuttmanDrogolinNormal; text-align:right; line-height:1em; font-weight:normal;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul {list-style:none;}

cite { text-size:11px; line-height:15px; color:#6b6b6b; font-style:normal; }
.clear { display:block; border:0; height:1px; clear:both; float:none; }
.left { float:left; }
.right { float:right; }
.bold { font-weight:bold; }
.replace span { display:none; }
body {  background:#fff url(../img/body_bg.png) repeat-x top left; text-align:center; }

a:link, a:visited { color:#0f9be4; text-decoration:underline; }
a:hover { color:#4cbffb;}

a.logo:link, a.logo:visited { display:block; float:right; width:261px; height:44px; background: url(../img/bereshit-logo.png) no-repeat top left; }
a.addthis_button_expanded img { position:fixed; top:20%; right:-4px; }
a.addthis_button_expanded img:hover{ right:0; }


/** Layout **/
#container { width: 810px; margin:0 auto; padding-top:20px;}
#header { padding-bottom:0.5em;  padding-top:40px; border-bottom:1px solid #e5e5e5; background: url(../img/bsd.png) no-repeat top right; }
#footer { padding:2em 0 3em 0 ; border-top:1px solid #e5e5e5; background: url(../img/bottom-shade.png) no-repeat bottom center; text-align:center; }
#footer * { text-align:center; font-size:11px; color:#acacac; }
#footer a:link, #footer a:visited { text-decoration:none; }
#footer a:hover { text-decoration:underline; color:#8f8f8f; }


#body { margin:1.5em 0; }
#body div.mainitem h2.hometxt { width:400px; height: 65px; background: url(../img/mainheader.gif) no-repeat top right; margin-right: -25px; }
#body div.mainitem { position:relative; background: url(../img/mainbg.jpg) no-repeat top left; height:300px; }
#body div.mainitem div { padding:2em; float:right; width: 380px; padding-top: 4em; padding-right:30em}
#body div.mainitem img { position:absolute; top:0; right:0; }
#body div.mainitem p { font-size:1.2em; margin-bottom: 1.5em; }
#body div.mainitem a.button:link, #body div.mainitem a.button:visited { display:block; width:141px; height:25px; color:#fff; background: url(../img/button.png) no-repeat bottom right; padding: 7px 14px 0; font-size:1.2em; text-decoration:none; }
#body div.mainitem a.button:hover { background-position: top right; }

/** Navigation **/
#nav { float:left; margin-top:1.4em; width: 530px;}
#nav ul li { display:block; float: right; position:relative; width: 80px; }
#nav ul li a:link, #nav ul li a:visited { display:block; font-size:1.2em; height:20px; color:#1c1c1c; padding:4px 15px; text-decoration:none;  float: right; text-align: center;}
#nav ul li a:hover { text-decoration:underline; }
#nav ul li.dropdown a span { display:block; background:  url(../img/arr.gif) no-repeat center left; padding-left:12px;}
#nav ul li.dropdown:hover { background: url(../img/dd-bg.gif) no-repeat top right; }
#nav ul li.dropdown ul { display:none; position:absolute; top:28px;  width:150px; right:0;  z-index:1000; border:1px solid #e5e5e5; background:#fff; border-top:0; }
#nav ul li.dropdown:hover ul { display:block; }
#nav li.dropdown ul li { display:block; float:none; width:auto; }
#nav li.dropdown ul a:link, #nav li.dropdown ul a:visited { display:block; border-top:1px solid #e5e5e5; padding: 0.3em 0.8em; float:none; font-size:1em;  text-align: right; }
#nav li.dropdown ul a:hover { background:#f1f1f1; text-decoration: none; }
#nav li.dropdown ul li:first-child a:link, #nav li.dropdown ul li:first-child a:visited { border-top:0; background: url(../img/bdimg.gif) no-repeat top right; }
#nav li.dropdown ul li:first-child a:hover {background-color:#f1f1f1; text-decoration: none;}

/** Slider **/

div.wrap { position:relative; width:810px; height:210px; overflow:auto; overflow-y:hidden; }
ul.slider { position:absolute; display:block; width:2000px; }
ul.slider li { display:block; float:right; height: 210px; width: 210px; }
ul.slider li img { width:190px; height: 140px; margin-left:1em; }

ul.blocks { padding: 0; width: 1000px; display: block; height: 210px; }
ul.blocks li { width: 210px; margin: 0; float: right; display: block; height: 210px; }
ul.blocks li img { width:190px; height: 140px; margin-left:1em; }
.holder { margin: 1.5em 0; display: block; }
.scroll-pane { width: 210px; float: right; padding: 0; }
#pane5 { height: 210px; width: 810px; padding: 0; display: block; overflow: hidden; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; bottom: 0; width: 100%; background: url(../img/scroll_bg.png) repeat-x top left; height:19px; }
.jScrollIntervalTrack { position: absolute; }
.jScrollPaneDrag { position: absolute; background: url(../img/drag_bg.png) repeat-x; cursor: pointer; overflow: hidden; }
.jScrollPaneDragLeft { position: absolute; bottom: 0; left: 0; height:19px; width:9px; background: url(../img/drag_corners.png) no-repeat top left; overflow: hidden; }
.jScrollPaneDragRight { position: absolute; bottom: 0; right: 0; height:19px; width:9px; background: url(../img/drag_corners.png) no-repeat top right; overflow: hidden; }
a.jScrollArrowLeft { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; text-indent: -2000px !important; overflow: hidden; }
a.jScrollArrowRight { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px !important; overflow: hidden; }

a.jScrollArrowLeft:link, a.jScrollArrowLeft:visited { display:block; background: url(../img/arrows.png) no-repeat top left; width:20px; height:19px; text-decoration:none;}
a.jScrollArrowLeft:hover { background-position: bottom left; }
a.jScrollArrowRight:link, a.jScrollArrowRight:visited { display:block; background: url(../img/arrows.png) no-repeat top right; width:20px;  height:19px; text-decoration:none; }
a.jScrollArrowRight:hover { background-position: bottom right; }

/** content **/
div.content { width: 66%; }
div.content h1 { font-size:3em; margin-bottom:0.2em; }
div.content p.intro { font-size:1.4em; font-family: David; }
div.content p { margin-bottom:1em; }
div.content p:last-child { margin-bottom:3em; }

/** 404 **/
#pagenotfound { padding-top:290px; background: url(../img/404.png) no-repeat center top; }
#pagenotfound * { text-align:center; }
#pagenotfound hr { background:none; border:none; display:block; height:1px; clear:both;  border-top:1px solid #e5e5e5; margin:1em 0;}
#pagenotfound p { font-size:1.2em; }

/** Contact **/

div.errors { background:#ffdbd2 url(../img/error.png) no-repeat 97% 1.2em ; border:1px solid #f6b3a2; padding:1em; padding-right:3.5em; margin-bottom:1.5em; }
div.success { background:#e5ffc1 url(../img/success.png) no-repeat 97% 1.2em ; border:1px solid #a1c848; padding:1em; padding-right:3.5em;  margin-bottom:1.5em;}

#contact { display:none; padding:1em 0; width:100%; text-align:center; background:#000 url(../img/contactbg.jpg) no-repeat bottom center; }
#contact div.wrapper { width:810px; margin:0 auto; }
#contact div.wrapper h1 { font-weight:bold; color:#fff;text-shadow: #000 -1px 1px 1px; margin-bottom:0.3em; }
#contact div.wrapper p { color:#ededed; text-shadow: #000 -1px 1px 1px; margin-bottom:1em; }
#contact a:link, #contact a:visited { color:#90d6f3; }
#contact a:hover { color:#cff1ff; }
#contact div.wrapper div.rightcol { width:385px; float:right; margin-left:30px; }
#contact div.wrapper div.leftcol { width:385px; float:right; }
#contact div.wrapper input[type="image"]{ opacity:0.8; filter:alpha(opacity=80); float:left; margin-left:1em; }
#contact div.wrapper input[type="image"]:hover { opacity:100; filter:alpha(opacity=100); }
#contact div.wrapper input[type="text"]{ display:block; padding: 5px; background:#4e4e4e; font-family: Arial; font-weight:bold; color:#aaaaaa; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; float:right; margin-left: 1em; margin-bottom: 1em; width:170px; }
#contact div.wrapper textarea { display:block; padding: 5px; background:#4e4e4e; font-family: Arial; font-weight:bold; color:#aaaaaa; border:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; float:right; width:363px; margin-bottom:1em;}

#contact div.leftcol .errors {margin-left:1em; }