body
{
color:#888888;
background-color:#ffffff;
}
a,
a.link,
a.visited
{
	text-decoration:none;
	color:#888888
}

a.hover,
a.active
{
	border:1px solid blue;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94;
	color:rgb(0,0,160);
}
p{line-height:110%}
h2.preview {
	
	text-align:center;
	color:rgb(100,100,100);
	font-family:Comic,Verdana, Arial, Helvetica, sans-serif;
	
}
#loader_container {
	position:relative;
	top:30%;
	left:0px;
}
#loader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000 !important;
	background:transparent url("square_little/2.gif") no-repeat center;
	padding:10px 0 16px 0;
	position:relative;
	left:0px;
	top:0px;
	display:block;
	width:135px;
	border:0px solid #6A6A6A;
	text-align:left;
	z-index:255;}
	
.switchcontent{			border: 0px dotted rgb(192, 192, 192); 
						position: absolute;  
						z-index: 3; 
						text-align: center; 
						background-color: transparent; 
						cursor: pointer;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 80%;	 
						font-weight: normal; 
						line-height: 120%;	
						color: rgb(192,192,192);
						}
#leg1{top: 34%; left: 33%;width: 50px; height: 20px;}
#leg2{top: 24%; left: 37%;width: 50px; height: 20px;}
#leg3{top: 27%; left: 54%;width: 50px; height: 20px;}
#leg4{top: 31%; left: 58%;width: 50px; height: 20px;}
#leg5{top: 40%; left: 34%;width: 50px; height: 20px;}
#leg6{top: 43%; left: 36%;width: 50px; height: 20px;}
#leg7{top: 46%; left: 48%;width: 50px; height: 20px;}
#leg8{top: 37%; left: 61%;width: 50px; height: 20px;}
#mondri1{}
/*Portfolio*/
#mondri2{top: 76%; left: 50%;width:400px;height:4px;} 
#mondri3{}
/*Aboutme*/
#mondri4{top: 4%; left: 3%;width: 30%; height: 40%;z-index: 10; font-family:Verdana,Helvetica,Arial;font-weight: normal;  font-size: 70%; color:#888888} 
/*Activity*/
#mondri5{top: 1%; left: 1%;width: 99%; height: 99%;font-size: 6pt; font-weight: normal; color: rgb(192, 192, 192); background-color: transparent;border:0px solid #0000ff;z-index:0}
#mondri6{}

#mondri7{top: 26%; right: 18%;width: 18%; height: 60%;z-index: 8; font-family:Verdana,Helvetica,Arial;font-weight: normal;  font-size: 70%; color: #000080;background-color: transparent; cursor: pointer;  }
/*Jobs*/
#mondri8{top:1%;left:67%;width:30%;height:90%;background-color:transparent;color:#888888;z-index:0;text-align:left;font-family:Verdana,Helvetica,Arial;  font-size: 67%;}
#base1{width: 55%; height: 3%;z-index: 5;color: #1851BD; text-align: left; background-color:transparent; bottom:2%;left:35%}
#base2{width: 99%; height: 2%;z-index: 2;color: #0000ff;  background-color: transparent;bottom:10%;left:00%}
#top1{top: 1%; left: 0%;width: 99%; height: 3%;z-index: 3;color: rgb(200, 105, 105);  font-family:Verdana, Monaco, Arial, monospace;line-height: 120%; text-align: left; background-color: transparent; }
#top2{width: 99%; height: 2%;z-index: 2;color: rgb(192, 192, 192); background-color: transparent; top: 4%; left: 0%}
a:link {text-decoration:none;}   
a:visited {text-decoration:none;}  
a:hover {text-decoration:none;}		
a:active {text-decoration:none;}
.opilink {background-color:transparent;color:yellow;}
.opilink a:link {text-decoration:none;color: #0000ff;background-color:transparent;}    
.opilink a:visited {text-decoration:none;color: #0000ff;background-color:transparent;}  
.opilink a:hover {text-decoration:none;color: #000080;background-color:transparent;}
.opilink a:active {text-decoration:none;color: #0000ff;background-color:transparent;}
#lev00{top: 20%; left: 20%; width: 60%; height: 60%; 
		border: 0px dotted rgb(192, 192, 192); 
		position: absolute; 
		z-index: 1; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: rgb(192, 192, 192); 
		line-height: 120%; 
		text-align: center; 
		background-color: transparent; 
		cursor: pointer;} 

#marqueecontainer1{position: absolute; width: 6%; height: 80%;z-index: 4; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%; font-weight: normal;  line-height: 120%; text-align: right;   top: 2%;left: 13%;overflow:hidden}
#marqueecontainer2{position: absolute; width: 10% ; height: 80%;z-index: 4; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 40%; font-weight: normal;  line-height: 120%; text-align: right;   top: 20%;left: 70%;overflow:hidden}
#marqueecontainer3{position: absolute;top: 50%;left: 47%; width:4% ; height: 80%;z-index: 2; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 200%; font-weight: normal;   text-align: center;overflow:hidden }


#vmarquee1{top:0%;left: 20%;width: 100%;position:absolute;z-index: 3; text-align: right;}	
#vmarquee2{top:0%;left: 20%;width: 100%;position:absolute;z-index: 3; text-align: right;}	
#vmarquee3{top:0%;left: 00%;width: 1%;height:80%;position:absolute;z-index: 3; text-align: center;}