/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	overflow: auto;
	background-color: #000000;
	font-size: 19px;
	font-family: "Verdana", Tahoma, sans-serif;
	
}

.img
{
position: absolute;
top:335px;
left:80px;

}

.img1
{
position: absolute;
top:120px;
left:60px
}

.img2
{
position: absolute;
top:205px;
left:60px
}

.img3
{
position: absolute;
top:60px;
left:80px;

}

.img4
{
position: absolute;
top:85px;
left:80px;

}

.img5
{
position: absolute;
top:110px;
left:80px;

}

.img6
{
position: absolute;
top:135px;
left:80px;

}

.img7
{
position: absolute;
top:160px;
left:80px;

}

.img8
{
position: absolute;
top:185px;
left:80px;

}

.img9
{
position: absolute;
top:410px;
left:922px
}

.img10
{
position: absolute;
top:227px;
left:438px
}

.img11
{
position: absolute;
top:128px;
left:438px
}

.img12
{
position: absolute;
top:163px;
left:438px
}

.img13
{
position: absolute;
top:227px;
left:438px
}

.img14
{
position: absolute;
top:263px;
left:438px
}

.img15
{
position: absolute;
top:325px;
left:438px
}

.img16
{
position: absolute;
top:355px;
left:438px
}

.img17
{
position: absolute;
top:386px;
left:438px
}

.img18
{
position: absolute;
top:534px;
left:60px
}

.img19
{
position: absolute;
top:560px;
left:60px
}

.img20
{
position: absolute;
top:590px;
left:60px
}

.img21
{
position: absolute;
top:745px;
left:60px
}

.img22
{
position: absolute;
top:765px;
left:60px
}

.img23
{
position: absolute;
top:785px;
left:60px
}

.img24
{
position: absolute;
top:810px;
left:60px
}

.img25
{
position: absolute;
top:725px;
left:60px
}

.img26
{
position: absolute;
top:162px;
left:880px
}

.img-row-1 {
position: absolute;
top: 65px;
left:438px;

}

.img-row-2 {
position: absolute;
top: 65px;
left:638px;
}

.img-row-3 {
position: absolute;
top: 65px;
left:838px;
}

.img-row-4 {
position: absolute;
top: 178px;
left:438px;
}

.img-row-5 {
position: absolute;
top: 178px;
left:638px;
}

.img-row-6 {
position: absolute;
top: 178px;
left:838px;
}

.img-row-7 {
position: absolute;
top: 291px;
left:438px;
}

.img-row-8 {
position: absolute;
top: 291px;
left:638px;
}

.img-row-9 {
position: absolute;
top: 291px;
left:838px;
}

.img-row-10 {
position: absolute;
top: 444px;
left: 438px
}

.img-row-11{
position: absolute;
top: 444px;
left: 638px
}

.img-row-12 {
position: absolute;
top: 444px;
left: 838px
}

.img-row-13 {
position: absolute;
top: 555px;
left: 438px
}

.img-row-14 {
position: absolute;
top: 555px;
left: 638px
}

.img-row-15{
position: absolute;
top: 555px;
left: 838px
}

.img-row-16 {
position: absolute;
top: 635px;
left: 715px
}
.img-row-17 {
position: absolute;
top: 765px;
left: 60px
}


.menu {
	position:fixed;
	margin: 0 auto 0 auto;	
	width: 820px;
	display: list-item;
	padding: 210px 0px 0px 60px;
	text-align: center;
	font-size: 21px;
	font-family: "Verdana", sans-serif;
}

.menu-1 {
	position: fixed;
	margin: 0 auto 0 auto;	
	width: 200px ;
	display: block;
	padding: 314px 0 0 14px;
	text-align: center;
	font-size: 14px;
	font-family: "Verdana", sans-serif;
}

.menu1 {
position: fixed;
	margin: 0 auto 0 auto;	
	width: 700px;
	display: list-item;
	padding: 200px 00px 00px 50px;
	text-align: left;
	font-size: 16px;
	font-family: "Verdana", Tahoma, sans-serif;
}

.paragraph_style {
position:fixed;
	margin: 0 auto 0 auto;	
	text-align: left;
	font-size: 18px;
	color:#000000;
	font-family: "Verdana", sans-serif;
}


.page body {
position:fixed;
	margin: 0 auto 0 auto;	
	width: 70px;
	padding: 400px 00px 00px 50px;
	text-align: left;
}
	
.page-footer {
		margin: 0 10% 0 315px;	
		width: 600px;
		padding: 0 0 50px 0;
		text-align: left;
	}
	
	.page-body ul, .page-body ol { 
		color: #ffffff;
		margin: 150px 0 30px 50px; 
	}

	.page-body ul li, 
	.page-body ol li { 
		padding: 0; 
		margin: 0 0 5px 0; 
		color: #cccccc;
		line-height: 140%;
		font-size: 100%;		
	}

	.page-footer p {
		margin: 0;
	}
	
	.page-footer {
		padding: 20px;
	}

	.page-title h1 span {
		text-align: left;
		font-weight: normal;
		font-size: 100%;
		color: #000000;
		margin: 5px 0 15px 0;
	}
	
h1 {
	text-align: left;
	font-weight: normal;
	font-size: 180%;
	color: #96BF55;
	margin: 5px 0 15px 0;
}

	h1 span {
		clear: both;
		font-size: 60%;
		color: #FF9;
	}


h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #09f;
	margin: 5px 0 15px 0;
}

	h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}
	
h3 {
	clear: both;
	font-size: 120%;
	color: #FF9;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #000000;
	background-color: #09f;
	margin: 0 0 20px 0;
}
	
	.notice p, 
	.notice p a, 
	li a {
		color: #ffffff;
		text-decoration: none;
	}

a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: inline; 
	text-align: center;
	padding: 8px 15px 08px 07px; 
	background: #ffffff;
	margin: 0px 2px 0 0;
	border-bottom: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; 
	background: #000000;
}		

a.page-options-1 {
	color: #000000; 
	text-decoration: none; 
	display: inline; 
	text-align: center;
	padding: 8px; 
	background: #ffffff;
	margin: 2px 9px 0 0;
	border-bottom: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

a.page-options-1:hover, 
a.page-options-1:focus {
	color: #fff; 
	background: #000000;
}		

p {
	margin: 0 0 10px 0;
	color: #cccccc;
	line-height: 140%;
}

	p small, 
	li small {
		color: #09F;
		font-size: 100%;
	}
	
	p em, 
	em {
		color: #ffffff;
	}

.hidden {
	display : none;
}