/*general conventions*/
body {
margin:0px;
font-family:Arial, Verdana;
font-size:11px;
height:100%;
padding:0px;
background-image:url(images/manila-bg-right-fold.jpg);
background-repeat:no-repeat;
background-position: 850px 0px;
/*left:850px;*/
background-attachment: fixed;
}

a {
text-decoration:underline;
color: #006600;
}

a:hover {
text-decoration:underline;
color: #333333;
}

img {
padding: 0px;
margin: 0px;
}

/*background-image on the left side, the gray gradient*/
#left {
width: 150px;
height:100%;
background-image:url(images/manila-bg-left-gray.jpg);
background-repeat:repeat-x;
position: absolute;
top:0px;
left:0px;
}

/* top navigation */
#top {
width: 700px;
height: 32px;
background-image:url(images/manila-bg-blue-top.jpg);
background-repeat:repeat-x;
position:absolute;
left:150px;
text-align:center;
font-size:12px;
font-weight: bold;
}

	#top .left {
	position:absolute;
	top:8px;
	left:8px;
	font-size:11px;
	}
	
	#top .right {
	position:absolute;
	top:8px;
	right:8px;
	}
	
	#top .right a {
	color: #FFFFFF;
	}
	
	#top .right a:hover {
	color: #333333;
	}

/* main viewport in all pages */
#main {
width:550px;
height:390px; /*from 380px, sundayjuly12*/
position:absolute;
top:32px;
left:299px;
z-index:1;
border-right:1px #999999 solid;
background-color: #656856;
}

	#main .main_description {
	bottom:9px;
	left: 8px;
	position: absolute;
	background-color: #A37B45;
	height: 45px;
	width: 534px;
	}
	
	#main .main_description .actual_main_description_left {
	top: 3px;
	left: 3px;
	position: absolute;
	width: 240px;
	}	
	
	#main .main_description .actual_main_description_right {
	top: 3px;
	right: 3px;
	position: absolute;
	width: 250px;
	}
	
	#main .main_description .actual_main_description_right a {
	font-weight: bold;
	color: #FFFFFF;	
	}
	
	#main .main_description .actual_main_description_right a:hover {	
	color: #CCCCCC;
	}
/* content boxes in all pages */
#content {
width:698px;
position:absolute;
left:150px;
background-image:url(images/manila-bg-content.jpg);
background-repeat:repeat-x;
border-right:1px #999999 solid;
border-left:1px #999999 solid;
}

	#content .content_label {
	width:687px;
	height:30px;
	top:3px;
	left:3px;
	background-color: #CCCCCC;
	position: absolute;
	padding-left:5px;
	padding-top: 8px;
	font-weight: bold;
	}

	#content .actualcontent {
	display:block;
	background-image:url(images/manila-bg-content.jpg);
	background-repeat:repeat-x;
	position: absolute;
	top:40px;
	left:5px;
	right:5px;
	bottom: 5px;
	width:692px;	
	height:90%;
	}

/* maps content area, if ever there is */
#maps {
width:700px;
position:relative;
background-color: #CCCEA9;
left:150px;
}

	#maps .map_label {
	width: 689px;
	height: 30px;
	top:3px;
	left:3px;
	background-color: #A6AF7A;
	position: absolute;
	padding-left:5px;
	padding-top: 8px;
	font-weight: bold;
	}
	
	#maps .actual_map {
	width: 694px;
	top:38px;
	left:3px;
	background-color: #CCCCCC;
	position: absolute;
	}

/* further information */
#furtherinfo {
width:700px;
position:absolute;
left:150px;
top: 1348px;
background-color: #424242;
}

	#furtherinfo .furtherinfo_label {
	width:689px;
	height:30px;
	top:3px;
	left:3px;
	background-color: #701112;
	position: absolute;
	padding-left:5px;
	padding-top: 8px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
	#furtherinfo .actual_furtherinfo {
	width:688px;
	position: absolute;
	top:41px;
	left:4px;
	height:150px;
	padding-top:5px;
	padding-left:5px;
	background-color: #FFFFFF;
	}

/* for the iframe / slideshow of past projects */
#body_images {
background-color: #CCCEA9;
}

/* footer on all pages */
#footer_margin {
width: 100%;
background-repeat: repeat-x;
height: 5px;
position:absolute;
background-color: #333333;
}

#footer {
background-image:url(images/manila-bg-blue-top.jpg);
width: 100%;
background-repeat: repeat-x;
height: 30px;
position:absolute;
}


/* product pages - thumbnails and viewport style */
#thumbnails1, #thumbnails2, #thumbnails3, #thumbnails4, #thumbnails5, #thumbnails6 {
height:105px;
width:700px;
position:absolute;
left:150px;
background-color:#CCCEA9;
}

/*thumbnails and image gallery*/
#items {
	height: 105px;
	background-color:#CCCFBC;
}

	#items ul {
		white-space: nowrap;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	#items ul li {
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	
	#items .item {
		float: left;
		position: relative;
		width: 173px;
		height:105px;
		background-color:#CCCFBC;
		cursor: pointer;
		border: 1px solid #CCCFBC;
		margin-top:1px;
	}
	
	#items .item:hover{
		border: 1px solid #CCCFBC;
	}
	
	#items .item img {
		width: 173px;
		height:100px;
		float: left;
	}
	
	#items .item a img {
		border:0px;
	}

/*viewport for the actual images*/
#large{
	width: 550px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

	#large .info{
		background-repeat:no-repeat;
		width: 550px;
		height: 390px;
		background-position: 5px 5px;
	}
	
	#items  p{display:none;}
	
	#large .item {
		cursor: default;
		text-align:center;
		width: 550px;
		height: 390px;
	}
	
	#large .item img{
		margin-top:5px;
		width: 540px;
		height: 380px;
	}