name			{ position: absolute; top: 36px; left: 36px; }
		scheisse		{ color: #333; font: 10px Helvetica, sans-serif; position: absolute; top: 92px; left: 36px; }
		portnav			{ color: #CCC; font: 9px helvetica, sans-serif; position: absolute; top: 166px; left: 36px}
		/*portimg		{ color: #CCC; font: 9px helvetica, sans-serif; position: absolute; top: 166px; left: 225px; height: 600; width: 800}*/
		#container		{ padding: 40px 45px; width: 500px; position: absolute; top: 148px; left:530px }
		.desc			{ color:#666 font: 10px helvetica, sans-serif; position: absolute; top: 112px; left: 36px; z-index: 2; }
		.mo				{ position: absolute; top: 112px; left: 457px; z-index: 2;}
		.mo a			   { color:#666; font: 10px helvetica, sans-serif; }
		.mo  a:hover	{ color:#43ef00 }
		.marker			{ position: relative; left: -6px; top: -12px; margin-bottom: -12px; }
		
		.hola			   { position: absolute; top: 166px; left: 225px; border: 1px solid #cccccc;	}				
		.holaText		{ color:#666 font: 10px helvetica, sans-serif; position: absolute; top: 112px; left: 36px; z-index: 2; }
		#loader		   { position: absolute; top: 36px; left: 36px; width: 940px; height: 800px; z-index: 10; background: #fff; margin: auto auto; }
		#spinner			{ position: relative; left: 440px; top: 370px; z-index: 10; }
		
		




	*		{ margin: 0; padding: 0; }
	body	{ font: 10px helvetica, arial, sans-serif; color: #9d9fa2;}
	a 		{ color: #9d9fa2; text-decoration: none; }
	a:hover	{ color: #43ef00; }
	a img   { border: 0; }	

				
	#mainNav				{ list-style: none; position: absolute; top: 76px; left: 36px }
	#mainNav li				{ float: left; margin-right: 35px; }
	#mainNav li a			{ font: 11px helvetica, arial, sans-serif; color: #666666; }
	#mainNav li a:hover		{ color: #ff78ba; }
	
	#menuContact	{ }
	#menuResume		{ }
	#menuInfo		{ }
	#menuX 			{ }
	
	
	/* info items */
	#navContact		{ position: absolute; top: 36px; left: 457px;  width: 312px; }
	#navResume		{ position: absolute; top: 36px; left: 457px;  width: 312px; }
	#navTimeline	{ position: absolute; top: 36px; left: 457px;  width: 312px; }
	#navBlog		{ position: absolute; top: 36px; left: 457px;  width: 312px; }
	#navInfo		{ position: absolute; top: 36px; left: 457px;  width: 312px; }

	
	#navContact ul
	#navResume ul	{ list-style: none; }
	#navContact li	{ list-style: none; }
	#navResume li	{ list-style: none; }
	
	#navTimeline li	{ list-style: none; display: inline; }
			
	#navBlog li		{ display: inline; list-style: none; }
	#navBlog li a	{ 2px; padding-left: 10px; margin: 4px 3px 0 0; }
	
	#navInfo li		{ display: inline; list-style: none; }
	#navInfo li a	{ padding-left: 10px; margin: 8px 6px 0 0; }
		
		

	/* little info bits between the lines (scheisse) */
	
	#scheissebg			{ position: absolute; top: 0px; left: 0px; width: 745px; z-index: 0 }
	#scheissemanny		{ position: absolute; top: 21px; left: 0px; z-index: 1 }
	#scheissemanny li	{ z-index: 1; list-style: none; }
	#scheissemanny li a	{ color: #00aeef }
	#scheisseviews		{ position: absolute; top: 31px; left: 420px; z-index: 1 }
	#scheisseviews li	{ z-index: 1; list-style: none; }
	#scheisseviews li a	{ color: #00aeef }
	
	
	
	/*portfolio*/
	
	#leftNav				{ position: absolute; top: 166px; left: 36px; z-index: 1 }
	#leftNav li				{ z-index: 1; list-style: none; }
	#leftNav li a			{ color: #999999 }
	#leftNav li a:hover		{ color: #00aeef }
	#leftNav li a:active	{ color: #666666 }
	
	
	.port { /* this is the non slideshoweded stuffs */
	position: absolute; top: 166px; left: 225px;
	border: 1px solid #cccccc;
	}
	
	
	
	
	/*sorry IE*/
	
	#typewriter		{ position: absolute; top: 174px; left: 46px; z-index:1}
	#ie				{ position: absolute; top: 275px; left: 475px; z-index:1; color: #000; font: 30px helvetica, sans-serif; }

	
	
	.svw {width: 50px; height: 20px; background: #fff;}
	.svw ul{position: relative; left: -999em;}

	.stripViewer { /* this is the DIV container for your UL of images */
	position: absolute; top: 166px; left: 225px;
	overflow: hidden; 
	border: 1px solid #cccccc; /* this is the border. should have the same value for the links */
	margin: 0 0 1px 0;
	}
	.stripViewer ul { /* this is your UL of images */
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
	}
	.stripViewer ul li { /* each image is arranged horizontally */
	float:left;
	}
	.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
	position: absolute; top: 117px; left: 457px;
	overflow: auto;
	width: 1%;
	}
	.stripTransmitter ul { /* the auto-generated set of links */
	position: relative;
	list-style-type: none;
	}
	.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
	width: 18px;
	float:left;
	margin: 0 1px 1px 0;
	}
	.stripTransmitter a{ /* the links. */
	font: 10px helvetica;
	text-align: center;
	line-height: 20px;
	background: #fff;
	color: #ccc;
	text-decoration: none;
	display: block;
	}
	.stripTransmitter a:hover { /* hover */
	background: #fff;
	color: #666;
	}
	.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
	background: #ccc;
	color: #fff;
	}
	.stripInfo {
	color:#666
	position: absolute; top: 127; left:36
	}