/* CSS Document cerated for HSI Arch */
html {
	overflow-y: scroll;
	}
body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #fff url('../images/hsiarch_topbg.gif') repeat-x;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}
img, div, a, input, span { 
	behavior: url(css/iepngfix.htc); 
	}
h1, h2, h3, h4, h5, h6{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	h2{
		font-size: 22px;
		font-family: "Trebuchet MS", Arial, sans-serif;
		padding-bottom: 10px;
		}
	h3{
		font-size: 16px;
		font-family: "Trebuchet MS", Arial, sans-serif;
		}
a, a:hover, a:active{
	outline: none;
	}

#mainBlock{
	width: 999px;
	min-height: 559px;
	height: auto !important;
	height: 559px;
	margin: 89px auto 0 auto;
	padding: 0 0 50px 0;
	background: url('../images/hsiarch_sectionbg.jpg') no-repeat;
	}
	#headerBlock{
		clear: both;
		height: 92px;
		}
		#siteLogo{
			float: left;
			margin: 0 0 0 0;
			padding: 0 0 0 15px;
			}
			#siteLogo h1{
				background: url('../images/hsiarch_logo.gif');
				width: 159px;
				height: 45px;
				}
				#siteLogo h1 a{
					text-indent: -1000px;
					overflow: hidden;
					display: block;
					height: 40px;
					}
		#siteBanner{
			float: right;
			margin: 12px 0 0 0;
			padding: 0 15px 0 0;
			}
		/*#pageHeader{
			margin: 0 0 0 230px;
			padding: 20px 0 0 0;
			color: #6b6b6b;
			clear: both;
			display: block;
			}*/
			
	#bodyBlock{
		clear: both;
		}
		#contentBlock{
			margin: 0 0 0 0;
			padding: 0 0 0 8px;
			float: left;
			width: 802px;
			}
			#contMain{
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				background: url('../images/hsiarch_contbdybg.gif') repeat-y;
				}
				#content{
					display: block;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					line-height: 20px;
					min-height: 100px;
					height: auto !important;
					height: 100px;
					color: #003663;
					background-image: url('../images/hsiarch_conttopbg.png');
					background-repeat: no-repeat;
					}
					#content p{
						margin: 0 0 0 0;
						padding: 5px 0;
						}
					#contentSpan{
						display: block;
						margin: 0 17px 0 17px;
						padding: 13px 0 10px 0;
						}
					#contentSpanG{
						display: block;
						position: relative;
						margin: 0 12px 0 13px;
						padding: 4px 0 0 0;
						}
						*:first-child+html #contentSpanG{
							padding: 9px 0 0 0;
							}
						* html #contentSpanG{
							padding: 9px 0 0 0;;
							}
							.dummy{
								display: block;
								height: 78px;
								}
							#contentSpanG #gallImg{
								position: absolute;
								top: 443px;
								left: -2px;
								display: block;
								margin: 0 -10px 0 -1px;								
								z-index: 100;
								width: 790px;
								}
								#gallImg a{
									background: url('../images/gallery/hsiarch_gallery_thbg.gif') no-repeat;
									display: block;
									float: left;
									width: 87px;
									height: 70px;
									padding: 0 0 0 0;
									margin: 0 0 0 0;
									z-index: 100;
									}
								#gallImg img, #gallImgSet a img{
									margin: 3px 0 3px 3px;
									}
								#gallImgSet{
									display: block;
									margin: 0 -10px 0 -3px;
									height: 70px;	
									}
									#gallImgSet a{
										background: url('../images/gallery/hsiarch_gallery_thbg.gif') no-repeat;
										width: 87px;
										height: 70px;
										display: block;
										float: left;
										}

					#contentSpanT{
						display: block;
						margin: 0 35px 0 50px;
						padding: 25px 0 10px 0;
						}
						#contentSpanT h3{
							margin: 10px 0 0 0;
							}
							#contentSpanT h2{
								display: inline;
								}
						#contentSpanT .downLoadTop{
							float: right;
							margin: -14px 10px 0 0;
							padding: 0 0 0 0;
							}
						#contentSpanT .downLoadBtm{
							float: right;
							margin: 0 29px 0 0;
							padding: 0 0 0 0;
							}
							#contentSpanT .downLoadTop a, #contentSpanT .listSection .downLoadBtm a{
								display: block;
								text-indent: -2000px;
								overflow: hidden;
								width: 199px;
								height: 14px;
								}
							#contentSpanT .downLoadTop a, #contentSpanT .downLoadBtm a{
								background: url('../images/hsiarch_dnload_profile.gif') no-repeat;
								}
								#contentSpanT .downLoadTop a:hover, #contentSpanT .downLoadBtm a:hover{
									background: url('../images/hsiarch_dnload_profileon.gif') no-repeat;
									}
							#contentSpanT .listing a{
								background: url('../images/hsiarch_dnload_listing.gif') no-repeat;
								display: block;
								text-indent: -2000px;
								overflow: hidden;
								height: 22px;
								width: 200px;
								}
								#contentSpanT .listing a:hover{
									background: url('../images/hsiarch_dnload_listingon.gif') no-repeat;
									}
						#contentSpanT .peopleImg{
							background: url('../images/hsiarch_people_imgbg.png') no-repeat;
							float: left;
							margin: -13px 0 0 -38px;
							padding: 5px 10px 5px 6px;
							position: relative;
							width: 190px !important;
							width: 180px
							}
						#contentSpanT p{
							margin: 0;
							padding: 5px 0;
							text-align: left;
							}
							.listSection, .listListing{
								display: block;
								margin: 0 -20px 0 0;
								padding: 10px 0 15px 0;
								}
								.listListing{
									padding: 0 0 20px 0;
									}
								.listSection strong{
									font: bold 16px "Trebuchet MS", Arial, sans-serif;
									}
								.listSection h5, .listListing h5{
									margin: 0 0 0 0;
									padding: 20px 0 5px 0;
									display: block;
									float: none;
									clear: both;
									font-size: 16px;
									font-family: "Trebuchet MS", Arial, sans-serif;
									}
							ul.listItems{
								float: left;
								width: 47%;
								display: block;
								padding: 0 0 0 0;
								margin: 0 15px 0 0;
								list-style: none;
								}
								ul.listItems li{
									display: block;
									background: url('../images/hsiarch_bullet.gif') 0px 5px no-repeat;
									line-height: 16px;
									padding: 0 0 0 12px;
									margin: 0 10px 7px 0;
									min-height: 20px;
									height: auto !important;
									height: 20px;
									}
					#contContact{
						display: block;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						border: 1px solid #a6a5a4;
						clear: none;
						}
						#contContact .contDetails{
							width: 250px !important;
							width: 245px;
							margin: 0;
							padding: 22px 20px 0 20px;
							float: left;
							}
						#contContact .contMap{
							margin: 0;
							padding: 0;
							}
							.contDetails h3{
								margin: 20px 0 0 0;
								}
							.contDetails a{
								color: #003663;
								text-decoration: underline;
								}
								.contDetails a:hover{
									text-decoration: none;
									}
			.sectionOn{
				display: block;
				height: 20px;
				width: 100%;
				text-align: center;
				background-color: #f69604;
				margin: 6px 0;
				}
			.sectionOn1{
				background-color: #f7a01e;
				}
			.sectionOff{
				display: block;
				width: 100%;
				height: 20px;
				text-align: center;
				background-color: #b9bbbc;
				margin: 6px 0;
				}
			.link a{
				margin: 0 0 0 0;
				display: block;
				overflow: hidden;
				text-indent: -1000px;
				background: url('../images/hsiarch_portfolio_back.gif') -1px bottom;
				height: 20px;
				}
				.link a:hover{
					background-position: -1px top;
					}
			#contBtm{
				display: block;
				clear: both;
				float: none;
				margin: -25px 0 20px -1px;
				padding: 0 0 0 0;
				height: 35px;
				background: url('../images/hsiarch_contbtmbg.png') no-repeat;
				}
		#rightBlock{
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			width: 188px;
			float: right;
			}
			.homePage{
				background: url('../images/hsiarch_navhome.png') no-repeat;
				}
			.companyProfile{
				background: url('../images/hsiarch_navcompanypr.png') no-repeat;
				}
			.companyPhilosophy{
				background: url('../images/hsiarch_navcompanypl.png') no-repeat;
				}
			.portfolioGallery{
				background: url('../images/hsiarch_navporfoliog.png') no-repeat;
				}
			.portfolioListing{
				background: url('../images/hsiarch_navporfoliol.png') no-repeat;
				}
			.portfolioCommercial{
				background: url('../images/hsiarch_navporfolioc.png') no-repeat;
				}
			.portfolioResidential{
				background: url('../images/hsiarch_navporfolior.png') no-repeat;
				}
			.peopleHi{
				background: url('../images/hsiarch_navpeoplehi.png') no-repeat;
				}
			.peopleB{
				background: url('../images/hsiarch_navpeopleb.png') no-repeat;
				}
			.contactPage{
				background: url('../images/hsiarch_navcontact.png') no-repeat;
				}
				
				#navBlock{
					display: block;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					height: 220px;
					}
					*:first-child+html #navBlock{
						height: 250px;
						}
					* html #navBlock{
						height: 250px;
						}
					#navBlock ul{
						list-style: none;
						margin: 32px 22px 0 8px;
						padding: 0 0 0 0;
						background: url('../images/hsiarch_navigation.gif') -2185px 0px no-repeat;
						}
						#navBlock ul li{
							padding: 0 0 0 0;
							margin: 0 0 0 0;
							}
							#navBlock ul ul{
								margin: 4px 0 12px 26px;
								width: 105px;
								}
						#navBlock a{
							display: block;
							text-indent: -1000px;
							overflow: hidden;
							height: 24px;
							}
						#navBlock .active{
							display: block;
							text-indent: -1000px;
							overflow: hidden;
							padding: 4px 0;
							}
					#navBlock ul.company{
						background-position: -13px -32px
						}
					#navBlock ul.philosophy{
						background-position: -918px -32px;
						}
					#navBlock ul.profile{
						background-position: -730px -32px;
						}
					#navBlock ul.portfolio{
						background-position: -193px -32px;
						}
					#navBlock ul.portfolio1{
						background-position: -193px 34px;
						}
					#navBlock ul.people{
						background-position: -372px -32px;
						}
					#navBlock ul.people1{
						background-position: -372px 34px;
						}
						#navBlock ul.brendon{
							background-position: -1634px -32px;
							}
						#navBlock ul.hsianiu{
							background-position: -1454px -32px;
							}
					#navBlock ul.contact{
						background-position: -553px -32px;
						}
					#navBlock ul.contact1{
						background-position: -553px 34px;
						}
				#contactBlock{
					background: url('../images/hsiarch_rightcontact.gif') no-repeat;
					width: 179px;
					height: 144px;
					margin: 0;
					padding: 0;
					}
					#contactBlock h4{
						display: block;
						margin: 0;
						padding: 0;
						text-indent: -1000px;
						overflow: hidden;
						}
					#contactBlock h4 a.contAdd{
						display: block;
						padding: 0;
						height: 106px;
						margin: 0 0 0 5px;
						}
						#contactBlock h4 a.contAdd:hover{
						background: url('../images/hsiarch_rightcontact_on.gif') -5px 0px no-repeat;
							}
					#contactBlock h4 a.contEmail{
						display: block;
						padding: 0;
						height: 20px;
						margin: 0 0 0 5px;
						}
						#contactBlock h4 a:hover.contEmail{
							background: url('../images/hsiarch_navemail_hover.gif') 5px 3px no-repeat;
							}

#detailPage{
	display: block;
	float: none;
	clear: both;
	padding: 0 0 25px 0;
	margin: 0 0 0 0;
	}
#detailPage a{
	background-image: url('../images/gallery/hsiarch_detailbg.jpg');
	background-repeat: no-repeat;
	display: block;
	padding: 4px;
	margin: 0 0 10px 15px;
	float: left;
	}
	#detailPage a:hover{
		background-image: url('../images/gallery/hsiarch_detailbgoff.gif');
		background-repeat: no-repeat;
		}
	#detailPage a.detImg{
		margin: 0 0 10px 14px !important;
		margin: 0 0 10px 6px;
		}
.imgContainer{
	height: 300px;
	clear: both;
	float: none;
	margin-top: 10px;
	}
.imgContainer img{
	display: block;
	float: left;
	}
	.imgContainer .img2{
		margin: 0 25px;
		}
	.imgContainer .img4{
		display: block;
		margin: -21px 0 0 0;
		}
	.imgContainer .img5{
		margin: 0 0 0 30px;
		}
.clearer{
	clear: both !important;
	float: none !important;
	background: none !important;
	display: block;
	height: 0px !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	line-height: 0px !important;
	}