@import url("ooyes.framework.css");

html, body{
  overflow: hidden;
}

html, body{
  height: 100%;
  /* fullscreen za flash pod ie */

  font: 14px Verdana,Arial,sans-serif

}








#tree{
  opacity:0;
  filter:alpha(opacity=0);
  float: left;
}

#ht_wrapper{
    position: absolute;
    left:50%;
    bottom: 0px;
    zoom:1;
    width: 1010px;
    height: 550px;
}


#tree_injector{
  position: absolute;
  z-index: 99;
  top: 0px;
  left: 0px;
  background: #fff;
  width: 100%;
  height: 100%;
  width: expression(document.body.offsetWidth + 'px');
  height: expression(document.body.offsetHeight + 'px');
}

#hoe{
  float: right;
  margin-top: 230px;
  opacity:0;
  filter:alpha(opacity=0);
}

#homeg{
  position: absolute;
  z-index: 1;
  width: 3000px;
  height: 2000px;
  background: url(img/intro/n_homebg.png) no-repeat;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "nhomebg.png', sizingMethod='crop')");
}







#container{
  overflow: hidden;
}

#introImages{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  width: expression(document.body.offsetWidth + 'px');
  height: expression(document.body.offsetHeight + 'px');
  z-index: 0;
}
#introImages img{
    position: absolute;
    width: expression(document.body.offsetWidth + 'px');
    left: 0px;
    bottom: 0px;
}
#treeanimation{
  position: relative;
  overflow: hidden;
}


#header{
  position: relative;
  z-index: 1;
  height: 99px;
}
#headerContent{
  position: relative;
  z-index: 1;
  height: 99px;
  min-width: 1000px;
}

#headerbg{
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  height: 99px;
  overflow: hidden;
  width: 100%;
  width: expression(document.body.offsetWidth + 'px');
}

.logo{
  display: block;
  background: url(img/intro/logo.png) no-repeat;
  width: 222px;
  height: 85px;
  overflow: hidden;
  cursor: pointer;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/intro/logo.png');
  text-indent: -9999px;
  z-index: 2;
  float: left;
  margin: 2px 10px 10px;
}

#nav{
  float: left;
  list-style: none;
  margin-left: 40px;
  margin-top:57px;
  position: relative;
  zoom:1;
}
#nav li{
  float: left;
  margin-right: 20px;
  position: relative;
  overflow: visible;
  height: 30px;
  zoom:1;
}
#nav a{
  font:bold 13px Arial, sans-serif;
  color: #312D2E;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}
#nav a:hover{
    text-decoration: none;
    border-bottom: 1px solid #3A3A3A;
}

#nav .sub{
  position: absolute;
  left: 0px;
  top: 17px;
  overflow: hidden;
  display: none;
  width: 282px;
  padding: 5px 0;
  margin-top: 17px;
}




#nav .sub ul{
  position: relative;
  list-style: none;
  z-index: 2;
}


#nav .sub li{
  float: left;
  clear: both;
  white-space: nowrap;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-right: 0px;
  position: static;
  white-space: nowrap;
  display: list-item;
  height: auto;
}
#nav .sub a{
  font: 12px Arial, sans-serif;
  color: #312D2E;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 1px 0 1px 10px;
  text-transform: uppercase;
}
#nav .sub a:hover{
  text-decoration: underline;
  border-bottom: none;
}
.subbg{
  position: absolute;
  left: 0px;
  bottom:0px;
  width: 282px;
  height: 250px;
  overflow: hidden;
  background: url(img/intro/dropdown.png) no-repeat;
    -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/intro/dropdown.png', sizingMethod='crop');
  z-index: 0;
  z-index: -1;
}


#skip{
  position: absolute;
  z-index: 3;
  width: 116px;
  height:30px;
  background: url(img/intro/skip.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/intro/skip.png', sizingMethod='scale');
  display: block;
  top: 50px;
  right: 40px;
  font: bold 16px Arial, sans-serif;
  color: #121E23;
  text-decoration: none;
  padding: 5px 0 0 8px;
  cursor: pointer;
}
#skip:hover{
  background: url(img/intro/skiph.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/intro/skiph.png', sizingMethod='scale');
}

#flashoverlay{
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  width:expression(this.parentNode.offsetWidth + 'px');
  height:expression(this.parentNode.offsetHeight + 'px');
  top: 0px;
  left: 0px;
  -background: #fff;
  -filter:alpha(opacity=0);
}

#flashIntro{
  height: expression(document.body.offsetHeight + 'px');
  outline: none;
}
#ctn{
  position: absolute;
  z-index: 9;
  bottom:40px;
  right: 40px;
  background:url(http://omnitom.com/userfiles/templates/omnitom/img/ctn2.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/ctn2.png', sizingMethod='crop');
  width: 171px;
  height: 171px;
  cursor: pointer;
}

#ictn{
  position: absolute;
  z-index: 9;
  width: 300px;
  height: 38px;
    background:url(http://omnitom.com/userfiles/templates/omnitom/img/ictn.png) no-repeat;
    -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/ictn.png', sizingMethod='scale');
    top: 30px;
  right: 40px;
  cursor: pointer;
}

#ictn:hover{



}




#coming-soon{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:white;
 position: absolute;
  z-index: 90;
  width: 100%;
  height: 20px;
  bottom: 00px;
  left: 0px;
  background-color:#b576ba;

}


.circle{
  position: absolute;
  z-index: 15;
  width: 129px;
  height: 129px;
  cursor: default;
  text-indent: -9999px;

  cursor: pointer;

}
.circle1{
  top:25px;
  right: 30px;
}
.circle2{
  top:25px;
  right: 170px;
}

.circle3{
  top:25px;
  right: 310px;
}

.circlebg{
 width: 134px;
 height: 134px;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 0;
  background:url(promocircle2.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/promocircle2.png', sizingMethod='crop');


}
/*.circle1{
  background:url(http://omnitom.com/userfiles/templates/omnitom/img/intro/yogashow.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/intro/yogashow.png', sizingMethod='crop');
}
.circle2{
  background:url(http://omnitom.com/userfiles/templates/omnitom/img/intro/yogajournal.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://omnitom.com/userfiles/templates/omnitom/img/intro/yogajournal.png', sizingMethod='crop');
} */
.circlecontent{
  position: relative;
  z-index: 1;
  padding: 25px 17px;
  font: 12px Arial, sans-serif;
  text-align: center;
  color: #312D2D;
  color: #fff;

  text-transform: uppercase;
}

.circlecontent,
.circlecontent *{
  text-align: center;
  font-family: Arial, sans-serif;
}

.pop1{
  position: absolute;
  z-index: 2;
  width: 31px;
  height: 28px;
  background: url(img/intro/small_pops1.png) no-repeat;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "small_pops1.png', sizingMethod='crop')");
}
.pop2{
  position: absolute;
  z-index: 2;
  width:91px;
  height:81px;
  background: url(img/intro/small_pops.png) no-repeat;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "small_pops.png', sizingMethod='crop')");
}
.pop3{
    position: absolute;
    font:12px Verdana, Arial, sans-serif;
    color: white;
    z-index: 2;
    width:283px;
    height: 270px;
    background: url(img/intro/big_pop.png) no-repeat;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "big_pop.png', sizingMethod='crop')");
}
.pop-text{
         display: none;
}

.pop3 a{
   color: black;
}
.sharebtn{
  display: block;
  margin: 0 auto 20px;
  width:109px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
      background: url(img/intro/sharebth.png) no-repeat;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "sharebth.png', sizingMethod='crop')");
}


.popglobal-content{
  padding:55px 40px;
}

#sidebar{
  clear: both;
  float: left;
  position: absolute;
  top:130px;
  z-index: 1;
  width: 160px;
  margin-left:20px;
}

#theshare{
  padding-top: 20px;
  clear: both;
  padding-left: 12px;
  width: 190px;

}


#theshare a{
  display: block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  float: left;
  margin: 0 3px;
}

#a_facebook{
  background: url(img/intro/a_facebook.png) no-repeat 0 -35px;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "a_facebook.png', sizingMethod='crop')");
}

#a_facebook:hover{
  background: url(img/intro/a_facebook.png) no-repeat;
  -background: none;
}

#a_twitter{
  background: url(img/intro/a_twitter.png) no-repeat 0 -35px;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "a_twitter.png', sizingMethod='crop')");
}

#a_twitter:hover{
  background: url(img/intro/a_twitter.png) no-repeat;
  -background: none;
}


#a_you{
  background: url(img/intro/a_you.png) no-repeat 0 -36px;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "a_you.png', sizingMethod='crop')");
}

#a_you:hover{
  background: url(img/intro/a_you.png) no-repeat;
  -background: none;
}

#a_fav{
  background: url(img/intro/a_fav.png) no-repeat 0 -35px;
  -background: none;
  -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "a_fav.png', sizingMethod='crop')");
}

#a_fav:hover{
  background: url(img/intro/a_fav.png) no-repeat;
  -background: none;
}



#sidenav{
  list-style: none;
  padding-bottom: 35px;

}

#sidenav li{
    padding-bottom:15px;
}

#sidenav a{
    font: bold 14px Verdana, Arial, sans-serif;
    color: #312D2D;
    text-decoration: none;
    display: block;
    text-align: right;
}
#sidenav a:hover{
  text-decoration: none;
}
#sidenav a img{
  padding-bottom: 1px;
}


#sidenav a:hover img{
  text-decoration: none;
  border-bottom: 1px solid #3a3a3a !important;
  padding-bottom: 0;
}
#swan{
    width: 125px;
    height: 125px;
    float: right;
}

#friendform{
  position: absolute;
  display: none;
  width: 500px;
  height: 430px;
  z-index: 99;
  top: 100px;
  left: 50%;
  margin: 0 0 0 -270px;
  background: white;
  padding: 20px;
  border: 8px solid black;
    font: 14px Verdana, Arial, sans-serif;
    color: #312D2D;
}

#friendform label{
  display: block;
  padding: 8px 0 3px 0;
}

.box input{
  width: 350px;
  padding: 3px;
  border: 1px solid #DDDDDD;
}

.box textarea{
  width: 350px;
  height: 120px;
  padding: 3px;
  border: 1px solid #DDDDDD;
}
div.error input,
div.error textarea{
  border: 1px solid red;
}


#the_submit, .subscibe_form_submit{
  padding: 5px;
  display: block;
  background:#DDDDDD;
  color: black;
  cursor: pointer;
  width: 50px;
  border: none;
  text-align: center;

}

#mainImage{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#swan{
  position: relative;
  overflow: hidden;
}


#swan iframe,
#swan object,
#swan embed,
#swan img{
  width:125px !important;
  height:125px !important;
}

#home_banner_link{
  position: absolute;
  z-index: 3;
  display: block;
  width: 125px;
  height: 125px;
  overflow: hidden;
  top: 0;
  left: 0;
}
#swan a{
  text-decoration: none;
}