@charset "UTF-8";

body {
  background-image: url(images/background.jpg);
  background-repeat: inherit;
  background-position: center top;
  border::none;
  visibility-x:hidden;
  overflow-x:visible;
  padding: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  line-height: 1.4;
  z-index:-1;
}

/*Fonts*/

@font-face {font-family:"WoodLook";src:url("WoodLook.ttf") format("truetype");}
@font-face {font-family:"Wolves Engraven";src:url("wolves.engraven.ttf") format("truetype");}
@font-face {font-family:"Wolves and Ruin";src:url("wolves.and-ruin.ttf") format("truetype");}


p {color:#FFF; text-shadow: 1px 1px 2px #000; font-family: "Arial";}

h1 {color:#FFF; text-shadow: 1px 1px 2px #000; font-family: "Arial"; font-size:16px}
h2 {color:#FFF; text-shadow: 1px 1px 2px #000; font-family: "Arial"; font-size:15px}
.links {color:#FFF; text-shadow: 1px 1px 2px #000; font-family: "Arial"; font-size:12px}


.textbox {
float:left;
margin: 90px 0 0 150px;
background:url(images/PlantbasedRunners.png) no-repeat;
color:none;
width: 357px;
height: 106px;
}

.textboxlower {
margin: -50px 0 0 0;
text-align:center;
}

.textboxlowerwrap {
margin: 200px 0 0 310px;
float: right;
position: absolute;
width: 500px;
}

.textboxlowerlinks{
margin: 0 auto;
position: relative;
text-align:left;
background: rgba(0, 0, 0, 0.5);
width: 500px;
}

.textboxlowerlinks a{
color:#CFB149;
text-shadow: 1px 1px 2px #000;
font-family: "Arial";
font-size:14px;
}

#container {
  margin: 0 auto;
  width: 1000px;
  height: 772px;
  z-index:2;
}

#content {
margin: 0 auto;
width: 505px;
height: 772px;
position: absolute;
}

#social {
margin: 20px 180px 0 0;
float:right;
}

#social ul {
position:relative;
cursor: pointer;
}

#social li {
display:inline-block;
position:relative;
}

#socialf {
background:url(images/facebooklogo.png) no-repeat;
height:50px;
width:49px;
border: none;
z-index:9999999;
}

#socialt {
background:url(images/twittersquare.png) no-repeat;
height:50px;
width:49px;
border: none;
z-index:9999999;
}

#socialyt {
background:url(images/vegan-you-tube.png) no-repeat;
height:50px;
width:49px;
border: none;
z-index:9999999;
}

#socialtum {
background:url(images/vegan-tumblr.png) no-repeat;
height:50px;
width:49px;
border: none;
z-index:9999999;
}

#socialig {
background:url(images/wood-instagram-icon.png) no-repeat;
height:50px;
width:49px;
border: none;
z-index:9999999;
}

.clear {
clear:right;
}

#menuleft {
float:left;
font:normal normal normal 40px "Wolves Engraven","Wolves and Ruin", "WoodLook";
color: #D9A835;
position: absolute;
display:block;
margin: 350px 0 0 150px;
text-shadow: 2px 1px 3px #7B5E17;
line-height: 50px;
}

#menuleft li {
background-image: url();
background-repeat: no-repeat;
background-position: 0;
list-style: none;
list-style-image: none;
list-style-image: 0;
list-style: 0;
list-style-type: 0;

}
#menuleft li a{
text-decoration:none;
cursor:hand;
color:#D9A835;
}
#menuleft li a:visited {
text-decoration: none;
color: #D9A835;
}
#menuleft li a:hover {
color: #EACE8C;
}

#menuleft ul{
list-style-type: none;
padding:0px;
margin:0px;
}

.kalefloat {
background:url(images/herb-store.png) no-repeat;
position:absolute;
float:right;
width:223px;
height:301px;
margin: 200px 0 0 830px;
border: none;
z-index:9999999;

}

.kalefloat2 {
position:absolute;
float:right;
width:206px;
height:301px;
margin: 214px 0 0 830px;
border: none;
z-index:9999999;

}

.chagafloat {
background:url(images/immune-system-support.jpg) no-repeat;
position:absolute;
float:right;
height: 327px;
width: 721px;
margin: 400px 0 0 300px;
border: none;
z-index:9999999;
}

.foodmattersfloat {
background:url(images/matters.jpg) no-repeat;
position:absolute;
float:right;
width:262px;
height:142px;
margin: 200px 0 0 830px;
border: none;
z-index:9999999;

}


.fatsickandnearlydead2float {
background:url(images/70173634.jpg) no-repeat;
position:absolute;
float:right;
width:262px;
height:238px;
margin: 50px 0 0 850px;
border: none;
z-index:9999999;

}

/* extreme */
.eXTReMe {
      border: 0px;
      width: 42px;
	  z-index: 1;
      position: absolute;
      z-index: 10000;
	  }
.eXTReMe {
      position: absolute;
	  visibility: hidden;
	  margin-left: 10px;
      margin-top: 50px;
	  }
/* accordion
 -------------------------------------------------------------- */

.upstate{ /*header of 1st demo*/
width:95px;
height:15px;
cursor: hand;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #fff;
cursor: pointer;
padding: 2px 5px;
border: 0px #FFF;
background: none;
text-decoration: 0;
}
 
.openstate{ /*class added to contents of 1st demo when they are open*/
background-color:rgba(0, 0, 0, 0.08);;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #333;
}

/*End accordion*/