body{
	background-color: #000000;
	}
	
#header{
	width: 800px;
	height: 90px;
	text-decoration: none;
}
	
.headerpic{
	border: none 0px;
}
	
#menu {
	width: 800px;
	margin-bottom: 0px;
	float: right;
}

.menuanchorclass{
	float: right;
}
	
#vertmenu{
	height: 480px;
	width: 280px;
	text-align: right;
	right: 0px;
	padding-bottom:12px;
}

.vertmenutable{
	height: 30px;
}

.headercontact{
	margin: 0px;
	top: 0px;
	position: relative;
	float: right;
}

#span {
	color: #FFFFFF;
}

#slideshowtitle {
	height: 20px;
	width: 180px;
	display: block;
	margin: 0px;
	border: 0px none;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 22px;
	float: right;
}
	
#footer{
	width: 100%;
	height: 30px;
	font-family: Verdana;
	color: #666666;
	font-size:0.7em;
	padding-top: 10px;
	text-align: center;
	}

#container{
	width: 800px;
	top: 2px;
	margin-left: 15%;
	}
	

	#indexpreviewPane{
	border-top:1px solid #CCCCCC;
	margin-bottom:10px;
	text-align:center;
	padding-top:10px;
	position:relative;
	/* CSS HACK */
		height: 502px;	/* IE 5.x */
	height/* */:/**/490px;	/* Other browsers */
	height: /**/490px;
	}
	
	#previewPane{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
	text-align:center;
	padding-top:10px;
	position:relative;
	/* CSS HACK */
		height: 502px;	/* IE 5.x */
	height/* */:/**/490px;	/* Other browsers */
	height: /**/490px;
	}
	#previewPane img{
		line-height:400px;}
		
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	font-style:normal;
	text-align:left;
	font-family: Verdana;
	text-indent: 10px;
	font-size:0.9em;
	color: #000000;
	padding-top: 10px;
	}
	
#galleryContainer{
	height:72px;	/* Height of the images + 2 */
	border-bottom:1px solid #CCCCCC;
	position:relative;
	overflow:hidden;
	padding-bottom: 10px;
		
	/* CSS HACK */
	height: 74px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/72px;	/* Other browsers */
	height: /**/72px;
	}
	
#arrow_left{
	position:absolute;
	left:0px;
	z-index:15;
	padding:0px;
	border:0px none;
	}
	
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	padding:0px;
	border:0px none;		
	}
	#theImages{
		position:absolute;
		height:72px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=100);
		opacity: 1;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
	}
	
	#theImages .imageCaption{
		display:none;
	}

/* other css from previous design */

.a#contactlink {
	height: 20px;
	width: 80px;
	display: block;
	background-image: url(graphics/contactlink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding: 0px;
	float: right;
}
.a#contactlink span { display:none; }
.a#contactlink:hover {
	background-image:url(graphics/contactlinkover.gif);
	background-repeat: no-repeat;
}

.menucolumn {
	width: 800px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: absolute;
	height: 30px;
	float: right;
}
.a#portraitlink {
	height: 19px;
	width: 116px;
	display: block;
	background-image: url(graphics/portraitlink.gif);
	background-repeat: no-repeat;
	margin-left: 20px;
	border: 0px;
	position: relative;
	padding: 0px;
	right: 0px;
	float: right;
}
.a#portraitlink span { display:none; }
.a#portraitlink:hover {
	background-image:url(graphics/portraitlinkover.gif);
	background-repeat: no-repeat;
}

.a#architecturelink {
	height: 19px;
	width: 128px;
	display: block;
	background-image: url(graphics/architectlink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding: 0px;
	float: right;
}
.a#architecturelink span { display:none; }
.a#architecturelink:hover {
	background-image:url(graphics/architectlinkover.gif);
	background-repeat: no-repeat;
}

.a#landscapelink {
	height: 19px;
	width: 106px;
	display: block;
	background-image: url(graphics/landscapelink.gif);
	background-repeat: no-repeat;
	margin-left: 20px;
	border: 0px;
	position: relative;
	padding: 0px;
	right: 0px;
	float: right;
}
.a#landscapelink span { display:none; }
.a#landscapelink:hover {
	background-image:url(graphics/landscapelinkover.gif);
	background-repeat: no-repeat;
}

.a#portraitclientlink {
	height: 20px;
	width: 180px;
	display: block;
	background-image: url(graphics/portclientlink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
}
.a#portraitclientlink span { display:none; }
.a#portraitclientlink:hover {
	background-image:url(graphics/portclientlinkover.gif);
	background-repeat: no-repeat;
}

.a#portraitpersonallink {
	height: 20px;
	width: 180px;
	display: block;
	background-image: url(graphics/portpersonallink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
}
.a#portraitpersonallink span { display:none; }
.a#portraitpersonallink:hover {
	background-image:url(graphics/portpersonallinkover.gif);
	background-repeat: no-repeat;
}
.a#architectlandmarklink {
	height: 20px;
	width: 180px;
	display: block;
	background-image: url(graphics/archlandmarklink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
}
.a#architectlandmarklink span { display:none; }
.a#architectlandmarklink:hover {
	background-image:url(graphics/archlandmarklinkover.gif);
	background-repeat: no-repeat;
}
.a#architectentertainmentlink {
	height: 20px;
	width: 180px;
	display: block;
	background-image: url(graphics/archentertainmentlink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
}
.a#architectentertainmentlink span { display:none; }
.a#architectentertainmentlink:hover {
	background-image:url(graphics/archentertainmentlinkover.gif);
	background-repeat: no-repeat;
}
.a#architectinfrastructurelink {
	height: 20px;
	width: 180px;
	display: block;
	background-image: url(graphics/archinfrastructurelink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
}
.a#architectinfrastructurelink span { display:none; }
.a#architectinfrastructurelink:hover {
	background-image:url(graphics/archinfrastructurelinkover.gif);
	background-repeat: no-repeat;
}
.a#architectresidentiallink {
	height: 20px;
	width: 180px;
	display: block;
	background-image: url(graphics/archresidentiallink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
}
.a#architectresidentiallink span { display:none; }
.a#architectresidentiallink:hover {
	background-image:url(graphics/archresidentiallinkover.gif);
	background-repeat: no-repeat;
}

.a#landscapesdungenesslink {
	height: 20px;
	width: 180px;
	display: block;
	background-image: url(graphics/landdungenesslink.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
}
.a#landscapesdungenesslink span { display:none; }
.a#landscapesdungenesslink:hover {
	background-image:url(graphics/landdungenesslinkover.gif);
	background-repeat: no-repeat;
}