#topbar {
background:#3c3c3c;
width:100%;
height:5px;
text-align:center;
}


#intro {
background: url(../images/introtex.png) repeat;
width:100%;
border-top:20px #000000;
height:1200px;
text-align:center;
}

#intro .bg1 {
background: url(../images/intro.png) no-repeat center ; 
background-size:cover;
-moz-box-shadow:    inset 0 0 300px #999999;
-webkit-box-shadow: inset 0 0 300px #999999;
box-shadow:         inset 0 0 300px #999999; 
border-top:20px #000000;
position:absolute;
z-index:100;
width:100%;
min-height:1200px;
margin:0 auto;
padding:0;
}

#description {
background-color:#e9e9e9;
position:relative;
margin: 0 auto;
z-index:300;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}

#description .bg2 {
position:relative;
z-index:100;
margin:0 auto;
padding:0;
padding-left:3%;
padding-right:3%;
text-align:center;
padding-top:300px;
padding-bottom:300px;
}



#visual {
background:url(../images/visual1.png) no-repeat center center fixed;
height:1000px;
position:relative;
z-index:300;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}

@media only screen and (min-width: 380px) and (max-width: 1300px) {
#visual {
background: url(../images/visual2.png) no-repeat center fixed;
height:1000px;
position:relative;
z-index:300;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}
}

#aural {
background:url(../images/aural1.png) no-repeat center center fixed;
position:relative;
height:1000px;
z-index:300;
padding-top:20px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}

@media only screen and (min-width: 380px) and (max-width: 1300px) {
#aural {
background:url(../images/aural2.png) no-repeat center fixed;
position:relative;
height:1000px;
z-index:300;
padding-top:20px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}
}


#verbal {
background:url(../images/verbal1.png) no-repeat center center fixed;;
position:relative;
height:1000px;
z-index:300;
padding-top:20px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}

@media only screen and (min-width: 480px) and (max-width: 1300px) {
#verbal {
background:url(../images/verbal2.png) no-repeat center fixed;;
position:relative;
height:1000px;
z-index:300;
padding-top:20px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}
}

#physical {
background:url(../images/physical1.png) no-repeat center center fixed;;
position:relative;
height:1000px;
z-index:300;
padding-top:20px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}

@media only screen and (min-width: 480px) and (max-width: 1300px) {
#physical {
background:url(../images/physical2.png) no-repeat center fixed;;
position:relative;
height:1000px;
z-index:300;
padding-top:20px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}
}

#logical {
background:url(../images/logical1.png) no-repeat center center fixed;
height:1000px;
position:relative;
z-index:300;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}

@media only screen and (min-width: 480px) and (max-width: 1300px) {
#logical {
background:url(../images/logical2.png) no-repeat center fixed;
height:1000px;
position:relative;
z-index:300;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}
}
	
#social {
background:url(../images/social1.png) no-repeat center center fixed;
position:relative;
height:1000px;
z-index:300;
padding-top:20px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}

@media only screen and (min-width: 480px) and (max-width: 1300px) {
#social {
background:url(../images/social2.png) no-repeat center fixed;
height:1000px;
position:relative;
z-index:300;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}
}

#solitary {
background:url(../images/solitary1.png) no-repeat center center fixed;
height:1000px;
position:relative;
z-index:300;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}

@media only screen and (min-width: 480px) and (max-width: 1300px) {
#solitary {
background: url(../images/solitary2.png) no-repeat center fixed;
height:1000px;
position:relative;
z-index:300;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}
}

#sources {
background:#000;
background: url(../images/sourcestex.jpg) repeat;
position:relative;
height:600px;
z-index:300;
padding-top:200px;
padding-left:100px;
padding-bottom:200px;
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
box-shadow:0 0 2px 0 rgba(0,0,0,0.9);
}