/* Two One Elephant CSS */

        A                         { color: #333333; text-decoration: none; }
        A:link                { color: #FFF; text-decoration: none; }
        A:visited        { color:  #FFF; text-decoration: none; }
        A:active        { color: #DC143C; text-decoration: none;}
        A:hover                { color: #FF0000; text-decoration: none; font-style: italic}

     

        p {
        font-family: helvetica, sans-serif;
        color:#FFF;
        font-size:12px;
        font-weight:normal;
        letter-spacing: 1.2pt;
        line-height: 1.1;
        padding-left:5px;
        padding-right:5px;
        }
        
        h1 {
        font-family: helvetica, sans-serif;
        color:#FFF;
        font-size:14px;
        font-weight:normal;
        letter-spacing: 1.2pt;
        line-height: 1.1;
        }
        
        
/*Structure Elements*/

 * {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
        
        
         body { 
         min-width:900px;/* for good browsers*/	    
	     min-height:600px;/* for good browsers*/
	     }
		 
         #xcontainer {			 
	     width: 900px;
		 margin: 0 auto;
		 }
         
         #front  {
         width: 770px;
         height:530px;
         background-image: url("http://www.twooneelephant.com/images/to_splash.jpg");
         margin: 0 auto;
         margin-top: 100px;
         }
         
         #which  {
         width:200px;
         height:20px;
         margin: -40px 0 0 420px;
         }
         
         #main  {
         width: 900px;
	     height: 768px;
         }
         
         .preload{display:none;}
         
         #header  {
         width: 900px;
	     height: 98px;
	     margin-top:30px;
	     margin-left:auto;
	     margin-right:auto;
	     border:0px dashed #000;
         }
         
         #header .logo  {
         width: 170px;
	     height: 98px;
	     float:left;
	     margin-left:auto;
	     margin-right:auto;
	     border:0px dashed #000;
         }
         
         
         #links  {
         width: 700px;
         height: 65px;
         float:left;
         margin-left: 10px;
         margin-top: 17px;
         border:0px dashed #000;
         }
         
         .navigate1 { 
         width: 116px; 
         height: 55px; 
         margin-top: 20px; 
         margin-left:10px; 
         float:left; 
         border:0px dashed #fff;}

          .navigate2 { 
         width: 72px; 
         height: 55px; 
         margin-top: 20px; 
         margin-left:15px; 
         float:left; 
         border:0px dashed #fff;}
         
          .navigate3 { 
         width: 119px; 
         height: 55px; 
         margin-top: 20px; 
         margin-left:15px; 
         float:left; 
         border:0px dashed #fff;}
         
          .navigate4 { 
         width: 119px; 
         height: 55px; 
         margin-top: 20px; 
         margin-left:15px; 
         float:left; 
         border:0px dashed #fff;}
         
          .navigate5 { 
         width: 47px; 
         height: 55px; 
         margin-top: 20px; 
         margin-left:15px; 
         float:left; 
         border:0px dashed #fff;}
         
          .navigate6 { 
         width: 103px; 
         height: 55px; 
         margin-top: 20px; 
         margin-left:15px; 
         float:left; 
         border:0px dashed #fff;}
         
          #images  {
         width: 895px;
	     height: 575px;
	     margin-top: 20px;
	     margin-left:auto;
	     margin-right:auto;
	     border:0px dashed #000;
         }
         
         #images .thumbs {
          position:relative;
          width: 135px;
          height: 185px;
          margin:0 5px 10px 0;
          border: 0px dashed #CCC;
          float:left;
          display:block;
          /*cursor: pointer;*/
          }
         
         #images2  {
         width: 895px;
	     height: 575px;
	     background-image: url("http://www.twooneelephant.com/images/eng_bio.jpg");
	     margin-top: 20px;
	     margin-left:auto;
	     margin-right:auto;
	     border:0px dashed #000;
	     background-repeat: no-repeat;
         }
         
          #images2 .words {
          width: 370px;
          height: 435px;
          margin-top: 80px;
          margin-left: 70px;     
          border: 0px dashed #FFF;
          float:left;
          }
          
          #images2 .words2 {
          width: 370px;
          height: 435px;
          margin-top: 30px;
          margin-left: 70px;     
          border: 0px dashed #FFF;
          float:left;
          }
         
         
          
          #footer  {
          width: 828px;
	      height: 40px;
	      background-image: url(images/footer.jpg);
	      margin-left: 5px;
	      margin-right:auto;
	      border:0px dashed #000;
          }



         
         /* CSS Rollovers */
	    
         a.rollover { 
         display: block; 
         width: 116px; 
         height: 55px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/artwarks.png"); }

         a.rollover:hover { 
         background-position: -116px 0; }

         a.rollover2 { 
         display: block; 
         width: 72px; 
         height: 55px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/walls.png"); }

         a.rollover2:hover { 
         background-position: -72px 0; }
         
         a.rollover3 { 
         display: block; 
         width: 119px; 
         height: 55px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/graphics.png"); }

         a.rollover3:hover { 
         background-position: -119px 0; }
         
         a.rollover4 { 
         display: block; 
         width: 119px; 
         height: 55px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/projects.png"); }

         a.rollover4:hover { 
         background-position: -119px 0; }
         
         a.rollover5 { 
         display: block; 
         width: 47px; 
         height: 55px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/bio.png"); }

         a.rollover5:hover { 
         background-position: -47px 0; }
         
         a.rollover6 { 
         display: block; 
         width: 103px; 
         height: 55px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/friends.png"); }

         a.rollover6:hover { 
         background-position: -103px 0; }
         
         a.rollover7 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/01.png"); }

         a.rollover7:hover { 
         background-position: -135px 0; }

         a.rollover8 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/02.png"); }

         a.rollover8:hover { 
         background-position: -135px 0; }
         
         a.rollover9 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/03.png"); }

         a.rollover9:hover { 
         background-position: -135px 0; }
         
         a.rollover10 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/04.png"); }

         a.rollover10:hover { 
         background-position: -135px 0; }
         
         a.rollover11 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/05.png"); }

         a.rollover11:hover { 
         background-position: -135px 0; }
         
         a.rollover12 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/06.png"); }

         a.rollover12:hover { 
         background-position: -135px 0; }
         
         a.rollover13 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/07.png"); }

         a.rollover13:hover { 
         background-position: -135px 0; }
         
         a.rollover14 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/08.png"); }

         a.rollover14:hover { 
         background-position: -135px 0; }
         
         a.rollover15 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/09.png"); }

         a.rollover15:hover { 
         background-position: -135px 0; }
         
         a.rollover16 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/10.png"); }

         a.rollover16:hover { 
         background-position: -135px 0; }
         
         a.rollover17 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/11.png"); }

         a.rollover17:hover { 
         background-position: -135px 0; }
         
         a.rollover18 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/12.png"); }

         a.rollover18:hover { 
         background-position: -135px 0; }
         
         a.rollover19 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/13.png"); }

         a.rollover19:hover { 
         background-position: -135px 0; }
         
         a.rollover20 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/14.png"); }

         a.rollover20:hover { 
         background-position: -135px 0; }
         
         a.rollover21 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/15.png"); }

         a.rollover21:hover { 
         background-position: -135px 0; }
         
         a.rollover22 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/artworks/16.png"); }

         a.rollover22:hover { 
         background-position: -135px 0; }
         
         a.rollover23 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/emptiness.png"); }

         a.rollover23:hover { 
         background-position: -135px 0; }
         
         a.rollover24 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/emptiness.png"); }

         a.rollover24:hover { 
         background-position: -135px 0; }
         
         a.rollover25 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/01.png"); }

         a.rollover25:hover { 
         background-position: -135px 0; }
         
         a.rollover26 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/02.png"); }

         a.rollover26:hover { 
         background-position: -135px 0; }
         
         a.rollover27 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/03.png"); }

         a.rollover27:hover { 
         background-position: -135px 0; }
         
         a.rollover28 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/04.png"); }

         a.rollover28:hover { 
         background-position: -135px 0; }
         
         a.rollover29 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/05.png"); }

         a.rollover29:hover { 
         background-position: -135px 0; }
         
         a.rollover30 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/06.png"); }

         a.rollover30:hover { 
         background-position: -135px 0; }
         
         a.rollover31 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/07.png"); }

         a.rollover31:hover { 
         background-position: -135px 0; }
         
         a.rollover32 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/08.png"); }

         a.rollover32:hover { 
         background-position: -135px 0; }
         
         a.rollover33 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/09.png"); }

         a.rollover33:hover { 
         background-position: -135px 0; }
         
         a.rollover34 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/10.png"); }

         a.rollover34:hover { 
         background-position: -135px 0; }
         
         a.rollover35 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/11.png"); }

         a.rollover35:hover { 
         background-position: -135px 0; }
         
         a.rollover36 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/12.png"); }

         a.rollover36:hover { 
         background-position: -135px 0; }
         
         a.rollover37 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/13.png"); }

         a.rollover37:hover { 
         background-position: -135px 0; }
         
         a.rollover38 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/14.png"); }

         a.rollover38:hover { 
         background-position: -135px 0; }
         
         a.rollover39 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/15.png"); }

         a.rollover39:hover { 
         background-position: -135px 0; }
         
         a.rollover40 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/16.png"); }

         a.rollover40:hover { 
         background-position: -135px 0; }
         
         a.rollover41 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/17.png"); }

         a.rollover41:hover { 
         background-position: -135px 0; }
         
         a.rollover42 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/walls/18.png"); }

         a.rollover42:hover { 
         background-position: -135px 0; }
         
         a.rollover43 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/01.png"); }

         a.rollover43:hover { 
         background-position: -135px 0; }
         
         a.rollover44 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/02.png"); }

         a.rollover44:hover { 
         background-position: -135px 0; }
         
         a.rollover45 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/03.png"); }

         a.rollover45:hover { 
         background-position: -135px 0; }
         
         a.rollover46 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/04.png"); }

         a.rollover46:hover { 
         background-position: -135px 0; }
         
         a.rollover47 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/05.png"); }

         a.rollover47:hover { 
         background-position: -135px 0; }
         
         a.rollover48 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/06.png"); }

         a.rollover48:hover { 
         background-position: -135px 0; }
         
         a.rollover49 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/07.png"); }

         a.rollover49:hover { 
         background-position: -135px 0; }
         
         a.rollover50 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/08.png"); }

         a.rollover50:hover { 
         background-position: -135px 0; }
         
         a.rollover51 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/graphics/09.png"); }

         a.rollover51:hover { 
         background-position: -135px 0; }
         
         a.rollover52 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/projects/01.png"); }

         a.rollover52:hover { 
         background-position: -135px 0; }
         
         a.rollover53 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/projects/02.png"); }

         a.rollover53:hover { 
         background-position: -135px 0; }
         
         a.rollover54 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/projects/03.png"); }

         a.rollover54:hover { 
         background-position: -135px 0; }
         
         a.rollover55 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/projects/04.png"); }

         a.rollover55:hover { 
         background-position: -135px 0; }
         
         a.rollover56 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/projects/05.png"); }

         a.rollover56:hover { 
         background-position: -135px 0; }
         
          a.rollover57 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/bonsai.png"); }

         a.rollover57:hover { 
         background-position: -135px 0; }
         
         a.rollover58 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/wf.png"); }

         a.rollover58:hover { 
         background-position: -135px 0; }
         
         a.rollover59 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/nails.png"); }

         a.rollover59:hover { 
         background-position: -135px 0; }
         
         a.rollover60 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/cans.png"); }

         a.rollover60:hover { 
         background-position: -135px 0; }
         
         a.rollover61 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/wooden.png"); }

         a.rollover61:hover { 
         background-position: -135px 0; }
         
         a.rollover62 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/yok.png"); }

         a.rollover62:hover { 
         background-position: -135px 0; }
         
         a.rollover63 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/no_v.png"); }

         a.rollover63:hover { 
         background-position: -135px 0; }
         
         a.rollover64 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/king_b.png"); }

         a.rollover64:hover { 
         background-position: -135px 0; }
         
         a.rollover65 { 
         display: block; 
         width: 135px; 
         height: 185px; 
         text-decoration: none; 
         background: url("http://www.woodenfoundations.com/twooneelephant/images/thumbs/friends/fadexp.png"); }

         a.rollover65:hover { 
         background-position: -135px 0; }