/* style.css */
body {
  direction:rtl;
  margin:0;
  font: 1em/1em Arial;
  color:#04161e;
  background-color:#EEF7FF;
  font-size: 0.9em
}
  a {text-decoration:none;}
  a:hover {color:#ffb202;}
  img {border:0;}
  #wrapper {
    position:relative;
    width:901px;
    margin:0 auto;
    background-color:#C4E1FF;
  }
  #head {
    position:relative;
    height:260px;
  }
    #nav {
    }
  #content {
    float:left;
    width:821px;
    padding:0 40px 0 40px;
  }
    #page-name {
      color:#ffcc02;
    }
    #main {
      float:left;
      width:550px;
      padding:109px 0 0 0;
      margin:25px 0 0 0;
      background: url("./media/main.gif") no-repeat;
    }
    #main-bg {
      background: url("./media/main.bg.gif") 0 100% no-repeat;
      min-height:300px;
      padding:0 1em 3em 1em;
    }
    #newsletter {
      float:left;
      width:205px;
      height:360px;
      background: url("./media/newsletter.back.gif") no-repeat;
      margin:43px 0 0 60px;
    }
      #letter-success {
        color:#0a3243;
        font-weight:bold;
        padding:0 10px 0 0;
      }
      #frm-desc {
        padding:70px 10px 5px 10px;
        font-size:80%;
      }
      #frm-newslink {
        font-size:85%;
        font-weight:bold;
        padding:10px 0 0 10px;
        margin:0;
      }
      #frm {
        margin:10px 10px 0 0;
      }
        #frm input {
          border:1px solid #7f7f7f;
          width:130px;
        }
        #frm-send {
          margin-right:2.1em;
        }
          #frm-send input {
            width:40px;
            cursor:pointer;
          }
        #frm-name, #frm-email {
          margin:0 0 2px 0;
          font-size:80%;
        }
          #frm-name input {
            margin-right:11px;
          }
          #frm-name label, #frm-email label {
            float:right;
          }
      #frm-disclaimer {
        clear:both;
        margin:0;
        padding:10px 10px 10px 10px;
        font-size:70%;
      }
    #smallnav {
      float:left;
      width:205px;
      height:280px;
      background: url("./media/smallnav.back.gif") right bottom no-repeat;
      padding:80px 0 0 0;
      margin:10px 0 0 60px;
    }
      #smallnav ul {
        position:absolute;
        width:190px;
        right:3.7em;
        margin:0;
        padding:0.2em 0 0 0;
        list-style-type:none;
        font-weight:bold;
      }
      #smallnav li {
        margin-bottom:1.6em;
        font-size:95%;
      }
      #smallnav-animation {
      }
    #categories-heading {
      padding:0.5em 0;
      margin-top:0;
      background: url("./media/rainbow.line.up.gif") right bottom no-repeat;
    }
    #categories-animation {
      float:left;
      margin:-2em 0 0 0.5em;
      width:100px;
      height:100px;
    }
    .category {
      background: url("./media/rainbow.line.gif") right bottom no-repeat;
      padding:1em 0;
    }
      .category-heading {

      }
      .category-thumb {
        float:right;
        width:70px;
        height:90px;
        margin:1em 0 1em 10px;
        background:#eee;
      }
      .category-text {
        padding:0.3em 80px 0 0;
      }
      .category-list {
        padding: 0.5em 90px 0 0;
        margin:0;
      } 
    #gallery {
      
    }
      #gallery-heading, #gallery-anim-heading {
        float:left;
        width:369px;
        height:100px;
        padding:0;
        margin:60px 0 0 4em;
        background: url("./media/rainbow.line.bubble.gallery.gif") right bottom no-repeat;
      }
      #gallery-anim-heading {
        margin:60px 0 0 1.5em;
      }
      #gallery-big {
        float:left;
        width:370px;
        height:420px;
        margin:5.5em 0 0 0;
      }
      #gallery-frame {
        position:absolute;
        top:20em;
        left:15px;
        width:426px;
        height:484px;
      }
      #gallery-anim-big {
        position:relative;
        margin:35px 35px 0 0;
        width:360px;
        height:308px;
      }
      #gallery-anim-frame {
        float:left;
        width:415px;
        height:351px;
        margin-top:100px;
        background: url("./media/gallery.animation.frame.gif") no-repeat;
      }
      #max3 {
        float:left;
        margin:0.5em 0 0 6em;
      }
      #max3-anim {
        float:left;
        margin:0.5em 0 0 3em;
      }
        .scroll-pane {
          width:335px;
          height:365px;
          overflow:auto;
        }
      .gallery-thumbs,.gallery-anim-thumbs {
        float:left;
        padding:1em 0;
        background: url("./media/rainbow.line.gallery.gif") bottom no-repeat;
      }
        .gallery-thumbs p, .gallery-anim-thumbs p {
          margin:0;
          padding:0.5em 2.2em 0 20px;
          line-height:1.3em;
        }
        .gallery-thumbs img, .gallery-anim-thumbs img {
          cursor:default;
        }
      .gallery-thumb,.gallery-anim-thumb {
        float:left;
        width:70px;
        height:70px;
        margin-left:30px;
        background:#eee;
      }
  #contact {
    width:370px;
    padding-top:0.5em;
  }
    #contact div {
      clear:both;
      padding:2px 0 2px 0;
    }
    #contact div .text {
      float:left;
      width:200px;
      border:1px solid #7f7f7f;
      font-size:0.8em;
      padding:2px;
      margin-left:100px;
    }
    #contact div textarea {
      float:left;
      height:100px;
      width:300px;
      border:1px solid #7f7f7f;
      padding:2px;
    }
    #contact-heading {
      margin-top:0;
    }
    #contact-submit {
      width:80px;
      margin-right:66px;
      border:1px solid #7f7f7f;
      cursor:pointer;
    }
    #contact-success {
      color:#0a3243;
      font-weight:bold;
      padding:0 10px 0 0;
      margin-top:1em;
      border:1px solid green;
      background-color:#ffff00;
    }
  #footer-animation {
    position:relative;
    margin:0 auto;
    width:545px;
  }
  #footer {
    text-align:center;
    padding:0 0 5px 0;
    font-size:80%;
  }
  
  .my {}
    .my a   {text-decoration:underline;}
    .my h3 {
      margin:0;
      line-height:1.5em;
    }
    .my h4 {
      margin-bottom:0;
      line-height:1.5em;
    }
    .my li   {line-height:1.5em;}
    .my ul  {}
    .my p   {
      margin:0.5em;
      line-height:1.5em;
    }
    
  .uline {
    text-decoration:underline;
  }
  .centered {
    text-align:center;
  }
  .clear {
    clear:both;
  }
  
  
  /* jScrollPane CSS */
  
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
  /*padding-right:10px;*/
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
  background: #aaa url("./media/scrollpane/track.gif") repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666 url("./media/scrollpane/drag_middle.gif") center;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
  background: url("./media/scrollpane/drag_top.gif") center no-repeat;
  height:4px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
  background: url("./media/scrollpane/drag_bottom.gif") center no-repeat;
  height:4px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
  background: url("./media/scrollpane/arrow_up.gif") center 0 no-repeat;
	height: 17px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
  background: url("./media/scrollpane/arrow_down.gif") center 0 no-repeat;
	height: 17px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}