@charset "UTF-8";
/* CSS Document */
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure, figcaption {
     display: block;
}
body {
	margin: 0px;
	padding: 0px;
	position: relative;
	color: #022E67;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

footer {
	font-size: 0.8em;
	text-align: center;
	
	
	z-index: 300;
	width: 314px;
}
.centeringDiv {
	width: 980px;
	height: 750px;
	position: relative;
	margin: auto;
}
nav {
	width: 150px;
	height: 387px;
	position: absolute;
	left: -1px;
	background-color: rgba(255,255,255,0.24);
	z-index: 200;
	bottom: 0px;
	top: 34px;
}
.centered {
	text-align: center;
	font-size: 30px;
}

#allArticles {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 750px;
}
.articleBox {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 750px
}

#articleBox1 {
	background-image: url(../images/BackDrop/Back1.png);
	background-repeat: no-repeat;
}
#articleBox2 {
	background-image: url(../images/BackDrop/Back2.png);

}
#articleBox3 {
	background-image: url(../images/BackDrop/back3.png);
	background-repeat: no-repeat;
	background-position: center center;

}
#articleBox4 {
	background-image: url(../images/BackDrop/Back4.png);
	background-repeat: no-repeat;
	background-position: center center;

}
#articleBox5 {
	background-image: url(../images/BackDrop/Back5.png);
	background-repeat: no-repeat;
	background-position: center center;

}
#articleBox6 {
	background-image: url(../images/BackDrop/Back6.png);
	background-repeat: no-repeat;


}
#articleBox7 {
	background-image: url(../images/BackDrop/Back7.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#articleBox8 {
	background-image: url(../images/BackDrop/Back8.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#articleBox9 {
	background-image: url(../images/BackDrop/Back9.png);
	background-repeat: no-repeat;
	background-position: center center;
}
header {
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 201;
}
#allArticlesWrapper {
	position: absolute;
	z-index: 99;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 6750px;
	background-image: url(../images/BackDrop/Back5-7.png);
	background-repeat: repeat;
}
.btn {
	width: 140px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	top:0;
	background-position:-140px 0px;
	background-repeat:no-repeat;
	background-image:url(../images/SpritesButtons.png);
}
.btn:hover {
}
.btn img {
	width:280px;
	height:360px;
}
#btn1 img{
	margin-top:0px;
}
#btn2 img{
	margin-top:-40px;
}
#btn3 img{
	margin-top:-80px;
}
#btn4 img{
	margin-top:-120px;
}
#btn5 img{
	margin-top:-160px;
}
#btn6 img{
	margin-top:-200px;
}
#btn7 img{
	margin-top:-240px;
}
#btn8 img{
	margin-top:-280px;
}
#btn9 img{
	margin-top:-320px;
}
#btn1{
	background-position:-140px 0px;
}
#btn2{
	background-position:-140px -40px;
}
#btn3{  
	background-position:-140px -80px;
}
#btn4{
	background-position:-140px -120px;
}
#btn5{
	background-position:-140px -160px;
}
#btn6{
	background-position:-140px -200px;
}
#btn7{
	background-position:-140px -240px;
}
#btn8{
	background-position:-140px -280px;
}
#btn9{
	background-position:-140px -320px;
}



#photoofself {
	position: absolute;
	z-index: 100;
	width: 647px;
	height: 347px;
	border: 4px solid rgba(238,238,238,1.0);
	margin-left: 40px;
	margin-top: 50px;
	top: auto;
}
#photoofself2 {
	position: absolute;
	z-index: 100;
	width: 647px;
	height: 347px;
	border: 4px solid rgba(238,238,238,1.0);
	margin-left: 40px;
	margin-top: 50px;
	top: auto;
}
#photoofself3 {
	position: absolute;
	z-index: 100;
	width: 647px;
	height: 347px;
	border: 4px solid rgba(238,238,238,1.0);
	margin-left: 40px;
	margin-top: 50px;
	top: auto;
}
#photoofself4 {
	position: absolute;
	z-index: 100;
	width: 647px;
	height: 347px;
	border: 4px solid rgba(238,238,238,1.0);
	margin-left: 40px;
	margin-top: 50px;
	top: auto;
}
#photoofself5 {
	position: absolute;
	z-index: 100;
	width: 647px;
	height: 347px;
	border: 4px solid rgba(238,238,238,1.0);
	margin-left: 40px;
	margin-top: 50px;
	top: auto;
}
#musicBox {
	position: absolute;
	z-index: 220;
	left: 298px;
	top: 390px;
	width: 356px;
}
.indent {
	text-indent: 40px;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 10px;
}

#ContentBox1 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 422px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: 0px;
}
#ContentBox2 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 424px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: -2px;
}
#ContentBox3 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 421px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: -2px;
}
#ContentBox4 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 422px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: 0px;
}
#ContentBox5 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 422px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: 0px;
}
#ContentBox6 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 422px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: 0px;
}
#ContentBox7 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 422px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: 0px;
}
#ContentBox8 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 422px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: 0px;
}
#ContentBox9 {
	position: absolute;
	height: auto;
	z-index: 201;
	top: 422px;
	background-color: rgba(255,255,255,1.0);
	margin-left: 150px;
	width: 655px;
	left: 0px;
}