html .png {//background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/logo.png,sizingMethod=crop);}

html {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow: auto
	}
	
body {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden
	}
	
img#background {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
	}

#second_body {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow: auto
	}

/*Main pages*/
.divCopyright {
	filter:alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;
}

.imghover:hover {
	z-index:1
}

.imghover:hover {
	cursor:pointer;
	cursor:hand;
}
.colorProjectsBackground {
	background-color:#1E1E1E;
}

.colorPopupBackground {
	background-color:#333333;
}

@font-face {font-family: "VAG Rounded Thin"; src: url(VAGROUN0.eot)}

.textAboutTitle {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size:14px;
	color:#FFF200;
}
.textAboutTitleMain {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size:24px;
	color:#FFF200;
	line-height: 28px;
}
.textAboutTitleMainActive {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size: 24px;
	color: #FFFFFF;
	line-height: 28.8px;
}
.textAboutText {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size:14px;
	color:#FFF200;
	line-height: 16.8px;
}
.textNewsText {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size:14px;
	color:#FFF200;
	line-height: 18.6px;
}
.textAboutPDFText {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size:14px;
	color:#FFF200;
}
.textAboutMainTitle {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size:36px;
	color:#FFFFFF;
}

.textAboutPubText {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size:14px;
	color:#FFF200;
	line-height: 16.8px;
}

.textAboutPubTitle {
	font-family: "VAG Rounded Thin", "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	font-size:14px;
	color:#FFF200;
	line-height: 16.8px;
}

.admin_container_div {
	border:1px;
	border-color:#00393A;
	border-style:solid;
	width:700px;
	margin:0 auto;
}







/* New CSS */
#backgroundContainer {
	width: 1024px;
	height: 768px;
	margin: auto;
	z-index: -2;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer
	}

#main {
	position: absolute;
	top: 201px;
	left: 50px;
	width: 980px
	}
	
#contact {
	position: absolute;
	left: 332px;
	top: 18px;
	width: 665px;
	height: 11px;
	background: url('site_images/images/index_address.png') no-repeat;
	}
	
	#contact a {
		float: right;
		width: 118px;
		height: 11px;
		margin: -1px 0px 0px 0px;
		display: block;
		background: url('site_images/images/index_contact.png');
		}
	
	#contact a:hover {
		background: url('site_images/images/index_contact_on.png');
		}
		
#logo {
	position: absolute;
	left: 30px;
	top: 63px;
	width: 476px;
	height: 123px;
	background: url('site_images/smh_logo_large.png');
	}
	
	#logo a {
		width: 476px;
		height: 123px;
		display: block
		}

#project_container {
	float: left;
	position: relative;
	padding: 0px;
	margin: 20px 0px 0px 0px
	}

	#left {
		float: left;
		position: relative;
		padding: 0px;
		margin: 0px 20px 0px 0px;
		width: 238px
		}

		#container {
			float: left;
			position: relative;
			width: 230px;
			height: 416px;
			overflow: hidden;
			}
			
			#content {
				position: relative;
				width: 220px
				}
			
				#content a {
					float: left;
					position: relative;
					padding: 0px 0px 4px 0px;
					margin: 0px;
					width: 100%;
					text-decoration: none;
					font: normal 9pt "Franklin Gothic", "Helvetica", "Swiss721 LT BT", "Gills Sans", "Arial", "News Gothic MT", "Akzidenz Grotesk";
					color: #848484;
					line-height: normal;
					display: block
					}
					
				#content a:hover {
					color: #f5db00
					}

		#scrollArea {
			float: left;
			position:relative;
			width:6px;
			height:416px;
			border-style:solid;
			border-color:#848484;
			border-width:1px;
			overflow:hidden
			}
			
			#scroller {
				position: relative;
				width: 6px;
				height: 45px;
				background: #848484;
				overflow: hidden
				}
			
				#scroller:hover {
					background: #bbb
					}
					
		#back {
			float: left;
			position: relative;
			padding: 10px 0px 0px 0px;
			width: 100px
			}
			
			#back a {
				font: 14px "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
				color: #fff;
				text-decoration: none;
				line-height: 14.4px;
				}
	
	#iframecontainer {
		float: left;
		position: relative;
		padding: 0px;
		margin: 0px
		}
	
		#iframecontainer iframe {
			padding: 0px;
			margin: 0px;
			width:715px;
			height:450px;
			margin:0px;
			border: 0px;
			}

h1, h2 {
	float: left;
	position: relative;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	width: 100%
	}
	
	h1 a#projects {
		float: left;
		position: relative;
		background: url('site_images/images/index_projects.png');
		width: 113px;
		height: 34px;
		display: block
		}
		
		h1 a#projects:hover {
			background: url('site_images/images/index_projects_on.png')
			}
	
	h1 a#news {
		float: left;
		position: relative;
		background: url('site_images/images/index_news.png');
		width: 82px;
		height: 27px;
		display: block
		}
		
		h1 a#news:hover {
			background: url('site_images/images/index_news_on.png')
			}
	
	h1 a#about {
		float: left;
		position: relative;
		background: url('site_images/images/index_about.png');
		width: 89px;
		height: 29px;
		display: block
		}
		
		h1 a#about:hover {
			background: url('site_images/images/index_about_on.png')
			}
	
	
#featured_projects {
	float:left;
	position: relative;
	padding: 0px 0px 20px 0px;
	width: 100%
	}
	
	#featured_projects div {
		float: left;
		position: relative;
		width: 360px
		}
	
		#featured_projects div a {
			float: left;
			position: relative;
			padding: 0px;
			margin: 0px;
			width: 360px;
			display: block;
			font: 22px "Franklin Gothic", "Helvetica", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
			color: #fff;
			line-height: 22px;
			text-decoration: none
			}
		
			#featured_projects div a:hover {
				color: #f5db00
				}
	
	
#news_latest {
	float:left;
	position: relative;
	padding: 0px 0px 20px 0px;
	width: 100%
	}
	
	#news_latest div{
		float:left;
		position: relative;
		width: 100%
		}
	
		#news_latest div a {
			float:left;
			position: relative;
			padding: 0px;
			margin: 0px;
			display: block;
			font: 26px "Franklin Gothic", "Helvetica", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
			color: #fff;
			line-height: 26px;
			text-decoration: none
			}
	
			#news_latest div a:hover {
				color: #f5db00
				}
	
	a#more_news {
		float:left;
		position: relative;
		padding: 0px;
		margin: 10px 0px 0px 0px;
		width: 58px;
		height: 13px;
		background: url('site_images/images/index_more_news.png');
		display: block
		}
	
		a#more_news:hover {
			background: url('site_images/images/index_more_news_on.png')
			}

#project_categories {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 100%
	}
	
#project_categories img {
	float: left;
	position: relative
	}
	
#project_categories a {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	display: block;
	font: 9pt "Franklin Gothic", "Helvetica", "Arial", "News Gothic MT", "Akzidenz Grotesk", "Swiss721 BT Roman", "Arial";
	color: #fff;
	text-decoration: none
	}
	
	#project_categories a:hover {
		color: #f5db00;
		}
	
	a#all {
		background: url('site_images/images/projectcategory_all.png');
		width: 12px
		}
	
		a#all:hover {
			background: url('site_images/images/projectcategory_all_on.png')
			}
	
	a#residential {
		background: url('site_images/images/projectcategory_residential.png');
		width: 53px
		}
	
		a#residential:hover {
			background: url('site_images/images/projectcategory_residential_on.png')
			}
	
	a#commercial {
		background: url('site_images/images/projectcategory_commercial.png');
		width: 59px
		}
	
		a#commercial:hover {
			background: url('site_images/images/projectcategory_commercial_on.png')
			}
	
	a#cultural {
		background: url('site_images/images/projectcategory_cultural.png');
		width: 38px
		}
	
		a#cultural:hover {
			background: url('site_images/images/projectcategory_cultural_on.png')
			}
	
	a#institutional {
		background: url('site_images/images/projectcategory_institutional.png');
		width: 57px
		}
	
		a#institutional:hover {
			background: url('site_images/images/projectcategory_institutional_on.png')
			}
	
	a#transportation {
		background: url('site_images/images/projectcategory_transportation.png');
		width: 71px
		}
	
		a#transportation:hover {
			background: url('site_images/images/projectcategory_transportation_on.png')
			}
	
	a#planning {
		background: url('site_images/images/projectcategory_planning.png');
		width: 43px
		}
	
		a#planning:hover {
			background: url('site_images/images/projectcategory_planning_on.png')
			}
	
	a#competitions {
		background: url('site_images/images/projectcategory_competitions.png');
		width: 67px
		}
	
		a#competitions:hover {
			background: url('site_images/images/projectcategory_competitions_on.png')
			}
	
	a#exhibitions {
		background: url('site_images/images/projectcategory_exhibitions.png');
		width: 52px
		}
	
		a#exhibitions:hover {
			background: url('site_images/images/projectcategory_exhibitions_on.png')
			}
	
	a#research {
		background: url('site_images/images/projectcategory_research.png');
		width: 46px
		}
	
		a#research:hover {
			background: url('site_images/images/projectcategory_research_on.png')
			}

#about {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 100%
	}
			
#about img {
	float: left;
	position: relative
	}
	
#about a {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 13px
	}
	
	a#people {
		background: url('site_images/images/index_about_people.png');
		width: 61px
		}
	
		a#people:hover {
			background: url('site_images/images/index_about_people_on.png')
			}
	
	a#studio {
		background: url('site_images/images/index_about_studio.png');
		width: 58px
		}
	
		a#studio:hover {
			background: url('site_images/images/index_about_studio_on.png')
			}
	
	a#publications {
		background: url('site_images/images/index_about_publications.png');
		width: 114px
		}
	
		a#publications:hover {
			background: url('site_images/images/index_about_publications_on.png')
			}

#copyright {
	position: absolute;
	left: 860px;
	top: 734px;
	z-index: 10
	}

#copyright a {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	display: block;
	background: url('site_images/images/index_copyright.png');
	width: 126px;
	height: 13px
	}

	#copyright a:hover {
		background: url('site_images/images/index_copyright_on.png')
		}