/* CSS Document */
body { 
	text-align: center;
	background-color: #5a5a5a;
	margin: 0px;
	padding: 0px;
}

#mainBox-900px{
	background-image: url(images/total-bg/total-bg.jpg);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	width: 900px;
	height: 900px;
	border: 0px solid red;	
}

#mainBox-702px{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	text-align: left;
	width: 702px;
	height: 512px;
	border: 1px solid #999999;	
}

#mainBox-695px{
	position: absolute;
	margin-left: 3px;
	margin-top: 0px;
	text-align: left;
	width: 695px;
	height: 900px;
	border: 1px solid blue;	
}

#dark-headerbalk{
	position: absolute;
	background-color: #130d06;
	margin-left: 102px;
	text-align: left;
	width: 695px;
	height: 13px;
	border: 0px solid blue;	
}

#chapter-image{
	position: absolute;
	text-align: left;
	margin-left: 102px;
	margin-top:13px;
	width: 695px;
	height: 190px;
	border: 0px solid green;	
}

#about-button{
	position: absolute;
	margin-left: 111px;
	margin-top: 154px;
	width: 130px;
	height: 36px;
	border: 0px solid red;	
}
#concept-button{
	position: absolute;
	margin-left: 248px;
	margin-top: 154px;
	width: 130px;
	height: 36px;
	border: 0px solid red;	
}
#how-button{
	position: absolute;
	margin-left: 385px;
	margin-top: 154px;
	width: 130px;
	height: 36px;
	border: 0px solid red;	
}
#for-you-button{
	position: absolute;
	margin-left: 522px;
	margin-top: 154px;
	width: 130px;
	height: 36px;
	border: 0px solid red;	
}
#contact-button{
	position: absolute;
	margin-left: 659px;
	margin-top: 154px;
	width: 130px;
	height: 36px;
	border: 0px solid red;	
}

#text-area{
	position: absolute;
	background-image:url(images/text-square-bg/text-square-bg.jpg);
	text-align: left;
	margin-left: 99px;
	margin-top:203px;
	width: 702px;
	height: 642px;
	border: 0px solid red;	
}

#text-top{
	position: relative;
	text-align: left;
	margin-left: 0px;
	margin-top:0px;
	width: 702px;
	height: 214px;
	border: 0px solid red;	
}

#text-bottom{
	position: relative;
	text-align: left;
	margin-left: 0px;
	margin-top:384px;
	width: 702px;
	height: 44px;
	border: 0px solid red;	
}

#lees-text{
	position: absolute;
	text-align: left;
	margin-left: 194px;
	margin-top:335px;
	width: 512px;
	height: 44s7px;
	font-family: Geneva, Arial, Helvetica, san-serif;
  	font-size: 12px;
	color: #737876; /* default font color */
	border: 0px solid red;
	overflow: auto;	
}

#taal{
	position: absolute;
	text-align: right;
	margin-left: 604px;
	margin-top:245px;
	width: 102px;
	height: 21px;
	font-family: Geneva, Arial, Helvetica, san-serif;
  	font-size: 12px;
	color: #999999; /* default font color */
	border: 0px solid red;
	overflow: auto;	
}

#footer{
	position: absolute;
	background-color: #130d06;
	margin-left: 102px;
	margin-top: 865px;
	width: 695px;
	height: 26px;
	border: 0px solid red;	
}
#footer-text{
	position: relative
	margin-left: 102px;
	margin-top: 6px;
	text-align: center;
	width: 695px;
	height: 22px;
	font-family: Arial, Geneva, Helvetica, san-serif;
  	font-size: 11px;
	color: #545756; /* default font color */
	border: 0px solid red;	
}