@charset "iso-8859-1";

/* author: shenancalhar www.shadoweyez.com.ph */
/* Creation date: 8/8/2007 */


body{
				text-align: center;
				margin: 0; padding: 0;
				font-size: 100%;
				background: white url(images/wpage-bg.gif) top center repeat-y;
}

#wrapper{
				margin: 0 auto;
				position: relative;
				width: 630px;
				height:900px;
				text-align: left;
				background: white;	
				z-index:5;
}

#headerdiv{
					width: 629px;
					height:300px;
					background: black url(images/vampiredude.jpg) no-repeat; background-position: left top;
					padding: 0px;
					position: absolute;
					top:0px;
					left:0px;
					z-index:2;
}

#bodywrapper{
					width: 510px;
					height: 879px;
					background: white url(images/MoonlitCity.jpg) no-repeat; background-position: right bottom;
					position: absolute;
					top: 324px;
					left: 120px;
					border-width: 1px;
					border-style: solid;
					border-color: silver;
					overflow: auto;
					font-family: tahoma,verdana,arial;		
					font-size:0.9em;		
					padding:0px;	
					z-index:6;	
}

#bodywrapper cite{
					display: block;
					font: bold 55%/120% Verdana, Sans-Serif;
					color: navy;
					text-align: right;
					font-variant: small-caps
}

#footerwrapper{
					width: 630px;
					height:63px;
					background: white;
					position: absolute;
					top: 1200px;
					left: 0px;
					border-width: 1px;
					border-style: solid;
					border-color: silver;
					z-index:1;
					
}

#navwrapper {
					width: 120px;
					height:879px;
					background: black url(images/menubg.jpg) no-repeat;background-position: left top;
					position: relative;
					top: 300px;
					left: 0px;
					border-width: 1px;
					border-style: solid;
					border-color: silver;
					z-index:3;
}

#navmainmenu {
					width: 630px;
					height:20px;
					background: black;
					position: relative;
					top: 300px;
					left: 0px;
					border-width: 1px;
					border-style: solid;
					border-color: silver;
					text-align: right;		
					z-index:4;		
}

#navblock1 {
					width: 120px;
					background: black;
					position: relative;
					top: 240px;
					left: 0px;
					margin: 0 auto 0 auto;
}

#navblock2 {
					width: 120px;
					margin: 0 auto 0 auto;
					background: black;
					position: relative;
					top: 240px;
					left: 0px;
}

#navblock3 {
					width: 120px;
					margin: 0 auto 0 auto;
					background: black;
					position: relative;
					top: 240px;
					left: 0px;
}

#navheadermenu1 {

					width: 120px;
					height: 20px;
					background: silver;
					position: relative;
					top: 240px;
					left: 0px;
					color: black;
					text-align: center;
					font-family: tahoma,verdana,arial;												
}

#navheadermenu2 {

					width: 120px;
					height: 20px;
					background: silver;
					position: relative;
					top: 240px;
					left: 0px;
					color: black;
					text-align: center;
					font-family: tahoma,verdana,arial;												
}

#navheadermenu3 {

					width: 120px;
					height: 20px;
					background: silver;
					position: relative;
					top: 240px;
					left: 0px;
					color: black;
					text-align: center;
					font-family: tahoma,verdana,arial;												
}

#uleftdiv{
				position: absolute; 
				left: 0px; 
				top:0px; 
				height:300px; 
				width: 180px; 
				padding: 0.5em;
				z-index:2;
				background: black url(images/upperleftlogo.jpg) no-repeat;
}

#urightdiv{
				position: absolute; 
				right: 0px; 
				top:0px; 
				height:200px; 
				width: 150px; 
				padding: 0.5em;
				z-index:2;
				background: black url(images/upperrightlogo.jpg) no-repeat;
}

#lleftdiv{
				position: absolute; 
				left: 0px; 
				bottom:-180px; 
				height:70px; 
				width: 80px; 
				padding: 0.5em;
				z-index:2;
				background: white url(images/lowerleftlogo.jpg) no-repeat;
}

#lrightdiv{
				position: absolute; 
				right: 0px; 
				bottom:-180px; 
				height:280px; 
				width: 90px; 
				padding: 0.5em;
				z-index:2;
				background: white url(images/lowerightlogo.jpg) no-repeat;
}

#maindiv {
					width: 800px;
					height:700px;
					background: black;
					padding: 5px;
					position:absolute;
					top:0px;
					left:50px;
					z-index:1;
					margin:0;
}


/* every paragraph */
p{ 
					font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif;
					font-size: 0.9em;
					text-indent:25px;
					color:black;
					margin-right:2px;
					margin-top:10px;
					margin-bottom:10px;
					margin-left:2px;					
}

/* every header */
h1{
					font-family: tahoma,verdana,arial; 
					font-variant: small-caps;
					color:red; 
					text-decoration:none;
					letter-spacing:3px;
					font-size: 1.2em;	
					text-indent:10px;
}

b{ 
					font-family: chiller,Verdana,Arial,Helvetica,Sans-serif;
					font-size: 1.5em;
					color:red;
}

ul.pool{
					list-style-image: url(http://www.geocities.com/shadow3y3z/image/bullet.gif);
}

li{
					font-family: tahoma,verdana,arial; 
					font-variant: small-caps;
					color:black; 
					text-decoration:none;
					font-size: 0.9em;	
}

ol{
					text-indent:10px;
}

/* links and hovers for nav */

a.nav:link{
					font-family: tahoma,verdana,arial; 
					font-variant: small-caps;
					color: gray; 
					text-decoration:none;
					font-size: 1.2em;
}

a.nav:visited{		
					font-family: tahoma,verdana,arial;
					font-variant: small-caps;					
					color: silver;
					text-decoration:none;
					font-size: 1.2em;	
}

a.nav:hover{		
					font-family: tahoma,verdana,arial;
					font-variant: small-caps;					
					color: red; 
					text-decoration:none;
					font-size: 1.2em;					
					
}

a.nav:active{		
					font-family: tahoma,verdana,arial;
					font-variant: small-caps;					
 					color: white;
					text-decoration:none;
					font-size: 1.2em;
}


/* links and hovers for others */

a.body:link{
					font-family: tahoma,verdana,arial; 
					font-variant: small-caps;
					color: red; 
					text-decoration:none;
					font-size: 1.0em;	
}

a.body:visited{		
					font-family: tahoma,verdana,arial;
					font-variant: small-caps;					
					color:red;
					text-decoration:none;
					font-size: 1.0em;	
}

a.body:hover{		
					font-family: tahoma,verdana,arial;
					font-variant: small-caps;					
					color: silver; 
					text-decoration:none;
					font-size: 1.0em;			
					
}

a.body:active{		
					font-family: tahoma,verdana,arial;
					font-variant: small-caps;					
 					color: gray;
					text-decoration:none;
					font-size: 1.0em;	
}


/* Classes */

.headerhighlight{
					font-family: verdana,arial;
					font-variant: small-caps;					
 					color: blue;
					text-decoration:none;
					font-size: 0.9em;
}
.footer{
					font-family: tahoma,verdana,arial;
					font-variant: small-caps;					
 					color:black;
					text-decoration:none;
					font-size: 0.7em;
}

.titleblock {	
				font-family:verdana, helvetica, sans serif;
				font-variant: small-caps;	
				
				font-size:15;
				color: green;
				margin-right:2px;
				margin-top:10px;
				margin-bottom:10px;
				margin-left:2px;
				border:1px solid silver;
				padding:1px;
}

.softwareblock {	
				font-family: tahoma,verdana, helvetica, sans-serif;
				font-size:0.9em;
				color: black;
				margin-right:5px;
				margin-top:5px;
				margin-bottom:5px;
				margin-left:2px;
				background: transparent;
				padding:4px
}

/*----- FORM ----- */

input   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	color: #707070;
}

textarea.sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	height:80px;
	color: #707070;
}

input.sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:115px;
	color: #707070;
}

input.button_sidebar   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:119px;
	color: #707070;
}

input.button_content   {
	border-top: 1pt solid #cccccc;
	border-bottom: 1pt solid #cccccc;
	border-right: 1pt solid #cccccc;
	border-left: 1pt solid #cccccc;
	font: normal 10px tahoma;
	width:119px;
	color: #707070;
}