@charset "utf-8";
/* CSS Document */

body,html{
  font-family:Verdana, Arial, sans-serif;
  font-size:14px; 
  line-height: 20px ;
  background-color:#000000;
  color:#666666;
  margin: 20px auto;
}

hr{
  margin:10px auto 10px auto;
  color:#000000;
  background-image:url(images/hr.jpg);
}

#special{z-index:1000; margin:205px 50px 0 380px; position:absolute;}

#container{
  margin:0px auto;
  width:953px;
  padding:15px;
  height:1%;
  height:auto;
  background-color:#191919;
  z-index:0
}

#sound{
	margin:30px 0 30px 0px;
}

#main{
  width:951px;
  background:url(images/body-bg.jpg);
  border: 1px solid #3e3e3e;
  height:1%;
  height:auto;
  z-index:10;
}

#content{
  float:right;
  padding:0px;
  margin:0px;
  width:582px;
  height:1%;
  height:auto;
  background:#000000;
}


.text{
  padding:270px 30px 30px 30px;

}

.text-creator{
  padding:215px 30px 30px 30px;

}

.text-spiritual{
  padding:260px 30px 30px 30px;

}

.text-blessed{
  padding:220px 30px 30px 30px;

}

.text-about{
  margin:60px 30px 30px 30px;

}

.text-full{
  margin:130px 30px 30px 30px;

}


#navigation{
  float:left;
  width:369px;
  background-color:#121212;
  height:100%;
  z-index:500;

}



#footer{
  margin:10px auto 30px auto;
  width:975px;
  line-height:12px;
  font-size:10px;
  font-family: Verdana, Arial, sans-serif;
  color:#666666;

}



#inset-other{
	width:185px;
	margin:90px 0px 0px 715px;
	height:226px;
	position:absolute;
	z-index:1000;
}



#inset-home{
	width:525px;
	margin:340px 0px 0px 400px;
	position:absolute;
}



#inset-player{
	width:186px;
	margin:250px 0px 0px 725px;
	height:55px;
	position:absolute;
	z-index:1000;
}



#inset-home-player{
	width:186px;
	margin:270px 0px 0px 700px;
	height:55px;
	position:absolute;
	z-index:1000;
}





/*=============================================//Content Backgrounds===================================================*/



#spiritual #content{ background:url(images/BG-spiritual.jpg); background-repeat:no-repeat; background-color:#000000;}
#creator #content{ background:url(images/BG-creator.jpg); background-repeat:no-repeat; background-color:#000000;}
#union #content{ background:url(images/BG-union.jpg); background-repeat:no-repeat; background-color:#000000;}
#about #content{ background:url(images/BG-about2.jpg); background-repeat:no-repeat; background-color:#000000;}
#contact #content{ background:url(images/BG-contact.jpg); background-repeat:no-repeat; background-color:#000000;}
#products #content{ background:url(images/BG-products.jpg); background-repeat:no-repeat; background-color:#000000;}
#resources #content{ background:url(images/BG-resources.jpg); background-repeat:no-repeat; background-color:#000000;}





/*==============================================//Floats================================================================*/

.float-right{float:right;}
.float-left{float:left;}
.clear-float{ clear:both}
img.fLeft {float: left; padding:0px 15px 15px 0px;}
img.fRight {float: right; padding:5px 0px 0px 15px;}





/*==============================================//links=================================================================*/

a.footer:active, a.footer:visited, a.footer:link{color:#666666; text-decoration:none;}
a.footer:hover{color:#666666; text-decoration:underline;}

a.union:active, a.union:visited, a.union:link{color:#6e82c6; text-decoration:none;}
a.union:hover{color:#859ae2; text-decoration:underline;}

a.creator:active, a.creator:visited, a.creator:link{color:#f29847; text-decoration:none;}
a.creator:hover{color:#f8ac67; text-decoration:underline;}

a.homepage:active, a.homepage:visited, a.homepage:link{color:#a88f56; text-decoration:none;}
a.homepage:hover {color:#c1a565; text-decoration:none;}

a.nav:active, a.nav:visited, a.nav:link{color:#666666; text-decoration:none; font-size:12px;}
a.nav:hover {color:#979084; text-decoration:none; font-size:12px;}

a:active, a:visited, a:link{color:#666666; text-decoration:underline;}
a:hover {color:#979084; text-decoration:underline;}

a.white:active, a.white:visited, a.white:link{color:#888888; text-decoration:none;}
a.white:hover {color:#999999; text-decoration:underline;}

a.lavender:active, a.lavender:link, a.lavender:visited {color:#c384d5; text-decoration:none;}
a.lavender:hover {color:#dc95f1; text-decoration:none; }

a.duvall:active, a.duvall:visited, a.duvall:link{color:#555555; text-decoration:none;}
a.duvall:hover{color:#555555; text-decoration:underline;}




/*=============================================//text styles============================================================*/

h1 {
	font-size:16px;
	color: #a88f56;
	font-weight: bold;
	margin-top:10px;
}

h2 {
	font-size:13px;
	color: #aba498;
	font-weight: bold;
}

h2 a:link, h2 a:active, h2 a:visited{
	font-size:13px;
	color: #aba498;
	font-weight: bold;
}

.style1{font-size:14px; color: #a88f56;}
.style2{font-size:14px; color: #c384d5;}


/*==================================================//Forms==============================================================*/

input{height:18px; width:220px; border: 1px solid #877959; font-size:11px; color:#888888; margin:5px auto; background-color:#000000; padding:2px;}
.textarea{height:100px; width:220px; border: 1px solid #877959; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#888888; margin-top:5px; background:#000000;vertical-align:top; padding:2px;}
.submit{height:37px; width:225px; margin:8px auto;}