html { 
  padding:0px;
  margin:0px;
  height:100%;
}

body {
  background-color: #FFF;
  font-size: 80%;
  font-family: Helvetica, Arial, Sans-Serif;
  color:#555;  
  padding:0px 0px;
  margin:0px;
  background-image: url(images/abueg_portfolio_gradient.jpg); 
  background-repeat: repeat-x;
  float:left;
	}
p, pre, h2, h3, h4 {
  	margin:0px;
	padding:0px;
	text-align: left;
	clear:both;

}
.space		{
		display:block;
		position:relative;
		}
p.sep{
		position:relative;
		font-size:100%;
		height:70px;
		}	
p.detail	{
		font-size:110%;
		color:#555;
		line-height:160%;
		padding-top:12px;
		width:500px;
		padding-bottom:12px;
		}
p.detail2, p.fcredit	{
		font-size:95%;
		line-height:135%;
		padding-top:12px;
		}
p.fcredit	{
		padding-bottom:70px;
		font-size:90%;
		line-height:100%;
		}
p.cap 		{
		height: 40px;
		width:280px;
		font-size:90%;
		line-height:120%;
		font-weight:bold;
		padding-top:8px
		}
p.projt		{
		font-size:100%;
		font-style:normal;
		font-weight:bold;
		height:20px;
		}
.project	{
	        white-space: normal;
		float:left;
		position:relative;
		padding-top:70px;
		padding-bottom:0px;
		margin:0px
		 }
.fproject      {white-space: normal;
		float:left;
		position:relative;
		padding-top:0px;
		padding-bottom:0px;
		margin:0px
		 }
ul.proj	{
        list-style-type: none;
  	line-height:225%;
	font-size:95%;
  	padding:0px;
 	margin:0px;}
#header{
    	background: url(images/abueg_portfolio_logo.jpg);
   	width: 300px;
    	height: 250px;
  	position: absolute;
	}
#header a {
   	position: absolute;
   	top: 0;
    	left: 0;
   	width: 300px;
    	height: 250px;
	}
#header a h1 {
	padding:0px 0px;
 	margin:0px;	}
h1	{text-indent: -2000px}
	
h2, h3	{
	font-style:normal;
	text-indent:-1500px;
	}
h2	{
	width:300px
	}
h4	{
	font-style:normal;
	font-size: 105%;
	text-align: left;
	color: #555;
	padding:0;
	width:500px;
	}
h4{
	padding-top:60px
	}
pre 		{ 
		font-family: Helvetica, Arial, Sans-Serif;
		}
table	{
		font-size:100%;
		margin:0px;
		padding: 0px
		}
table.top
		{table-layout:automatic;
		border-collapse:separate;
		border:4px;
		border-color:transparent;
		height:30px
		}
table.feet
		{
		border-collapse: separate;
		border-spacing: 0px;
		border-color:#FFF;
		border-top-color: #555;
		border-style: solid;
		border-width: 1px;
		margin-top: 60px;
		margin-bottom: 0px;
		padding-top: 12px;
		clear:both;
		}
table.menu	{
		font-size:100%;
		display:block;
		position:absolute;
		visibility:hidden;
		}
table.menu2	{
		width:500px;
		height:70px;
		font-size:100%;
		position:absolute;
		visibility:hidden;
		margin:0px;
		padding:0px;
		}
table.about	{
		font-size:100%;
		position:absolute;
		visibility:hidden;
		margin:0px;
		padding:0px;	
		}
td.menu		{
		width:350px;
		height:35px;
		margin: 0px;
		padding: 0px;
		}
td.menu2	{
		margin: 0px;
		padding: 0px;
		height:100px;
		}
td.contact 	{
		text-align:right
		}
td.navspace 	{
		word-spacing: 5px
		}
span.mov	{
		text-align: left;		
		font-size:110%;
		line-height:160%;
		position:relative;
		left:-420px;		
		top:10px;
		}
.name	{	
		font-weight:bold;
		font-size:115%;
		font-style:normal;
		width:500px;
		}
blank		{
		display:none
		}
img.line{
	border:none;
	height:1px; 
	width:500px; 
	margin:0;
	padding-bottom:12px;
	clear:both;
	float:left;
	}
a 		{color: #555; text-decoration: none }
a:visited 	{white-space: normal; }
a:hover		{white-space: normal; text-decoration:none;}

a.two:link 	{
		display:inline;
		text-decoration:none; 
		color: #CCC; 
		font-weight:bold; 
		margin-left:10px;
		}
a.two:visited 	{
		text-decoration:none; 
		color: #CCC; 
		font-weight:bold; 
		margin-left:10px;
		padding:0px
		}
a.two:hover 	{color:#FFF}


a.sub:link 	{position:relative;text-decoration:none; color: #505050; font-weight:bold; margin: 10px; top:10px}
a.sub:visited 	{position:relative;text-decoration:none; color: #505050; font-weight:bold; margin: 10px; top:10px}
a.sub:hover 	{color:#FFF}

a.sub2:link 	{position:relative;text-decoration:none; color: #505050; font-weight:bold; padding: 0px}
a.sub2:visited 	{position:relative;text-decoration:none; color: #505050; font-weight:bold; padding: 0px}
a.sub2:hover 	{color:#FFF}

a.anch:link 	{color:#555}
a.anch:visited 	{color:#555}
a.anch:hover 	{color:#555}

a.pro {		border-spacing: 0px;
		border-color:#FFF;
		border-bottom-color: #CCC;
		border-style: solid;
		border-width: 1px;
		display:block;
		width:180px;
			}
a.pro:link 	{color:#555; text-decoration:none;
		}
a.pro:visited 	{color:#555}
a.pro:hover 	{color:#000; text-decoration: none}

a.pro2 {
	border-bottom-color:#FFF
	}

a.fmenu:link 	{color:#555; 
		font-size:105%;
		text-decoration:none; 	
		padding:0
		}
a.fmenu:visited {color:#555}
a.fmenu:hover 	{color:#000; text-decoration: none}

a.fmain:link 	{color:#555; 
		margin:0px;
		font-size:105%;
		font-weight:bold;
		text-decoration:none; 	
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		}
a.fmain:visited {color:#555;
		margin:0px;
		font-size:105%;
		font-weight:bold;
		text-decoration:none;}
a.fmain:hover 	{color:#000; margin:0px; text-decoration: none}

a.pmov:link	
	 	{margin-bottom:0px;
		padding-bottom:0px;
		}
a.pmov:visited {margin-bottom:0px;
		padding-bottom:0px}
a.pmov:hover	{
		margin-bottom:0px;
		padding-bottom:0px;
		}

a.det:link	{
		margin-bottom:0px;
		padding-bottom:90px;
		}
a.det:visited {margin-bottom:0px;
		padding-bottom:90px}
a.det:hover	{
		margin-bottom:0px;
		padding-bottom:90px;
		}
/*  positioning-layers statisch und absolut */
#menu 		{
  	position: absolute;
  	width: 200px;
  	left: 50px;
  	top: 280px;
  	height:100%;
  	display:inline;
	margin:0px;
	padding:0px;

}
#content {
 	position: absolute;
	width:800px;
  	margin-left:300px;
  	top: 140px;
 	background-color:transparent;
  	height:100%;
	z-index:1;
  	display:inline;
}
#nav {
  	position: absolute;
	left: 295px;
  	top: -2px;
 	background-color:transparent;
	z-index:2}
.detail {
		font-size:110%;
		color:#555;
		line-height:160%;
		padding-top:12px;
		width:500px;
		padding-bottom:12px;
		}
.cap 		{
		height: 40px;
		width:280px;
		font-size:90%;
		line-height:120%;
		font-weight:bold;
		padding-top:8px
		}
.hcap 		{
		min-height: 40px;
		width:450px;
		font-size:90%;
		line-height:120%;
		font-weight:bold;
		padding-top:8px
		}
.hcap1, .cap1 		{
		min-height: 20px;
		width:450px;
		font-size:90%;
		line-height:120%;
		font-weight:bold;
		padding-top:8px;
		clear:both
		}
.hcap2, .cap2 		{
		width:450px;
		min-height: 20px;
		font-size:90%;
		line-height:120%;
		font-weight:normal;
		padding-bottom:12px;
		clear:both
		}
.cap2, .cap1		{
		width:280px
		}
.gline		{
		white-space:normal;
		clear:both;
		margin:0;
		padding:0;
		float:left
		}
.mleft		{
		margin-left:0;
		}
/* // gallery  */	
	
		ul.gallery, ul.gallery li{
			margin:0px;
			padding:0px;
			list-style:none;
			}
		ul.gallery{
			border: 0px;	
			border-color:#555;
			margin:0px;
			padding:0px;
			}
		ul.gallery li{
			float:left;
			display:inline;
			}								
		ul.gallery a{
			float:left;
			display:inline;
			position:relative;
			}	
		ul.gallery a:hover{
			background:none;
			z-index:3;
			}	
		ul.gallery a span {
			display:none;
			}
		ul.gallery a:hover span{
			float:left;
			display:block;
			}
		ul.gallery a:hover em{
			display:none;
			}				
		ul.gallery a img{
			border:0;
			margin:2px;
			padding:0;
			}	
		ul.gallery a:hover img{
			border:0;
			margin:2px;
			padding:0;
			}
		span 	{
			position:relative;
			font-size:100%;
			}
		span.norm 	{
			font-weight:normal;
			clear:both;
			line-height:110%
			}
		span.detail 	{
			clear:both;
			width:500px;
			position:relative;
			font-weight:normal;
			}
		em.tit, span.tit {
			clear:none;
			display:block;
			width:500px;
			height:10px;
			font-size:115%;
			font-style:normal;
			font-weight:bold;
			margin:0;
			padding-bottom:12px;
			}
		em.more {
			clear:none;
			height:10px;
			float:right;
			position: relative;
			top:-15px;
			display:inline;
			font-size:110%;
			font-style:normal;
			font-weight:normal;
			text-align:right;
			margin:0;
			padding:0;
			}

	/* // gallery  */