/*===================Body==========================*/
body{
height:100%;
overflow: hidden;
}
/*===================Font==========================*/
.balanced,.navitems,.currentcontent,#header-content,#header-content22{
font-family: Greyscale Basic Bold,Helvetica, Arial, sans-serif;
line-height:1.4em;
}
.balanced,.navitems{
font-weight:bold;
}
/*============Smooth Transitions======================*/
.balanced,.navitems,.container,.mainbody,iframe.god,.navbar,#header-content{
-moz-transition: all 0.5s;  
-o-transition: all 0.5s;  
-webkit-transition: all 0.5s;  
transition: all 0.5s;  
}
/*====================Hover actions=========================*/
.navitems:hover{ 
width:23%;
background:rgb(254, 254, 254);
background:rgba(254, 254, 254,0.5);
} 
.navbar:hover{
color:black;
}
.balanced:hover{
background:rgb(0, 0, 0);
background:rgba(0, 0, 0,0.5);
}
#header-content:hover,#header-content22:hover{
color:white;
}

/*=====================Shadows========================*/
/*.link,.music,.mix2,.mix1,.about{
box-shadow: 0px 0px 3px 2px #999;
-moz-box-shadow: 0px 0px 3px 2px #999;
-webkit-box-shadow: 0px 0px 3px 2px #999;
border-style:solid;
border-width:1px;
border-color:white;
background-color:rgb(59,89,152);
}*/
/*====================Site Background Image=========================*/
div.homeimage{
position:absolute;
left:0%;
top:0%;
width:100%;
height:100%;
}
img.homeimage{
height:100%;
width:100%;
}
/*===================Logo==========================*/
div.balanced2{
text-decoration:none;
color:white;
font-size:4em;
line-height:1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight:bold;
display:block;

}
div.balanced{
display:block;
position:absolute;
height:12.5%;
width:100%;
background-color:black;
bottom:0;
}
#header-content{
position:relative;
top:0;
line-height:1em;
margin-left:2%;
}
#header-content22{
position:relative;
top:0;
line-height:1em;
margin-left:2%;
}
/*====================Navigation General=========================*/
.panelinfo{
padding-left:9.52%;
font-size:1.5em;
line-height:1em;
background: rgba(255, 255, 255, 0.7);
display:none;
}
.container{
margin-left:auto;
margin-right:auto;
position:absolute;
height:100%;
width:100%;
z-index:100000;
}
#container{
}
/*==================Logo===========================*/
.logo1{
position:absolute;
top:0%;
left:0%;
height:27.5%;
width:21%;
}
img.logo{

width:100%;
height:100%;
}
/*====================Positioning/Size=========================*/
.navibar{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
.about,.music,.link,.mix1,.mix2,.mainbody,.currentcontent{
	position:absolute;
}
.navitems{
	position: relative;
	display: block;
	float: right;
	clear: both;
}
.navitems{
width:21%;
padding: 1%;
border-bottom-style: solid;
border-width: 7px;
border-color: rgb(255, 255, 255);
/*border-color: rgba(254, 254, 254,0.5);*/
}
.home,.currentcontent,.mainbody,.container{
top:0%;
}
.mix1,.mix2{
display:none;
}
.home,.mainbody,iframe.god,.container,.balanced{
left:0%;
}
/*====================Navigation Main=========================*/
.navitems{
background-color:black;
}
.navbar{
	font-size:3em;
	display: block;
	float:left;
	width:100%;
	text-decoration:none;
	color:white;
	line-height:1em;
}
/*==================Body Content===========================*/
.home{
background:rgb(254, 254, 254);
background:rgba(254, 254, 254,0.5);
font-size:2em;
font-weight:bold;
line-height:1em;
}
.homes{
text-decoration:none;
color:black;
}
.currentcontent{

width:21%;
font-weight:bold;
font-size:3em;
z-index:10000;
display:none;
}
.mainbody{
margin-left:auto;
margin-right:auto;
position:absolute;
left:-100%;
bottom:0;
height:100%;
width:100%;
z-index:1;
}
iframe.god{
position:absolute;
left:0%;
top:0%;
height:88%;
width:100%;
border-style:none;
background-color:white;
z-index:-1;
}