/*global reset*/
* {margin:0;padding:0;border:0}

/*html elements*/
body {font-family:Arial,Helvetica,sans-serif;color:rgb(68,56,78);font-size:13px;line-height:20px;background:rgb(161,161,111) url('assets/images/css/back.png') repeat-x}
h1,h2,h3 {margin:0 0 8px 0;font-size:20px;font-weight:normal}
h1 {height:22px}
p {margin:0 0 15px 0}
a {}
a:hover {}
input {width:250px;height:20px}
textarea {width:400px;height:100px}
input,textarea,select {font-size:14px;color:rgb(68,56,78);background:rgb(218,221,173);font-family:Arial,Helvetica,sans-serif}
input.send {background:rgb(68,56,78);color:rgb(196,195,149)}

/*div structure*/
#container {margin:0 auto;width:960px;background:rgb(196,195,149)}

#header {height:186px;background:rgb(68,56,78)}
.headerLeft,.headerRight,.headerLogo,.headerEnglish {float:left;width:320px;height:186px}
.headerLeft {background:url('assets/images/css/headerLeft.jpg')}
.headerRight {background:url('assets/images/css/headerRight.jpg')}
.headerLogo {background:url('assets/images/css/headerLogo.jpg')}
.headerEnglish {background:url('assets/images/css/headerEnglish.jpg')}

#menu {width:960px;height:30px;line-height:30px;background:rgb(218,221,173)}
#menu ul {float:left;width:870px}
#menu li {float:right;display:inline;list-style-type:none}
#menu a {display:block;width:156px;text-decoration:none;background:url('assets/images/css/menuMatrix.jpg') no-repeat}
#menuPre {float:right;width:90px;background:url('assets/images/css/menuMatrix.jpg') no-repeat;background-position:-870px 0}
a#engTab {width:90px;background:url('assets/images/css/menuMatrix.jpg') no-repeat;background-position:0 -30px}
a#hebTab {width:90px;background:url('assets/images/css/menuMatrix.jpg') no-repeat;background-position:-960px 0}
a#hebTab:hover {background-position:-960px -30px}
a#menu1 {background-position:-714px 0}
a#menu1.active,#menu1:hover {background-position:-714px -30px}
a#menu3 {background-position:-558px 0}
a#menu3.active,#menu3:hover {background-position:-558px -30px}
a#menu4 {background-position:-402px 0}
a#menu4.active,#menu4:hover {background-position:-402px -30px}
a#menu5 {background-position:-246px 0}
a#menu5.active,#menu5:hover {background-position:-246px -30px}
a#menu6 {background-position:-90px 0}
a#menu6.active,#menu6:hover {background-position:-90px -30px}
a#menu7 {background-position:0 0}
a#menu7.active,#menu7:hover {background-position:0 -30px}
a#menu7.last {width:90px}

#recommendations {margin:10px 0 0 0;width:130px;height:90px}
#recommendations a {display:block;text-decoration:none;height:70px;width:130px;background:url('assets/images/recommend.png') no-repeat;background-position:0 0}
#recommendations a:hover {background-position:0 -71px}

#space {height:100px;margin:0 60px 0 0}
#landSpace {height:20px;margin:0 60px 0 0}

#main {overflow:auto;margin:0 60px}
#slide,.video {width:400px;height:300px;border:5px solid rgb(222,225,169);margin:0 0 30px 0;background:#000}
.audio {width:400px;height:24px;border:5px solid rgb(222,225,169);margin:0 0 30px 0;background:#000}
.clips,.text,.contactInfo {width:410px}
#autoAudio {visibility:hidden;padding:10px 30px 0 0;height:24px;width:30px;background:rgb(196,195,149)}
.scrollable {position:relative;overflow:hidden;padding:3px 10px;height:60px;width:390px;background:rgb(218,221,173)} 
.items {position:absolute}
.items div {height:66px;width:390px}
.items div.rec {height:500px;width:390px}
.recommendHeight {height:500px}
a.mediaClip,.recLink {display:block;padding:0 20px;margin:10px 0;width:200px;height:30px;line-height:30px;background:rgb(68,56,78);color:rgb(218,221,173);text-decoration:none;font-size:13px}
a:hover.mediaClip,a.mediaClip.playing,a.mediaClip.active,input.send:hover,.recLink:hover {background:rgb(130,107,148)}

#footer {padding:20px 60px 0 60px;margin:30px 0 0 0;width:840px;height:30px;background:url('assets/images/css/footer.jpg') rgb(68,56,78);font-size:11px}
#footer ul {float:right;width:540px;display:inline}
#footer p {float:left;width:300px;display:inline;color:rgb(130,107,148)}
#footer li {float:right;display:inline}
#footer a {padding:0 10px;color:rgb(241,246,172);text-decoration:none}
#footer li a {display:block;padding:0 10px;color:rgb(241,246,172);text-decoration:none;text-align:center}

/*general classes*/
.right {float:right}
.left {float:left}
.clear{clear:both}
.biggerText {font-size:15px}
.smallerText {font-size:11px}
.english {direction:ltr}