* {
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	border: 0px;
}

a {
	color: #3087af;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 10px 0px 15px 0px; /*bottom 22px*/
}

ul {
	list-style-position: inside;
	margin: 0px 0px 18px 0px;
}

ol {
	list-style-position: outside;
	margin: 0px 0px 18px 25px;
}

ol ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0px 0px 18px 20px;
}

h3 {
	margin: 15px 0px 10px 0px;
	font-size: 13px;
	font-weight: bold;
}

h3 span.subhead {
	color: #1d6ca8;
}

hr {
	margin: 10px 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	border: 0px;
	border-bottom: 1px solid #cccccc;
}

/* GENERIC */

.clear {
	clear: both;
}

.clearLeft {
	clear: left;
}

.readMore {
	background-image: url(../images/icons/bullets/arrowRightBlue.gif);
	background-position: left 4px;
	padding: 0px 0px 0px 9px;
}

.readBack {
	background-image: url(../images/icons/bullets/arrowBackBlue.gif);
	background-position: left 4px;
	font-size: 11px;
	padding: 0px 0px 0px 9px;
}

.readNext {
	background-image: url(../images/icons/bullets/arrowNextWhite.gif);
	background-position: right 5px;
	font-size: 11px;
	padding: 0px 7px 0px 0px;
	color: #FFFFFF;
	text-decoration: underline;
}

a.readNext:hover {
	text-decoration: none;
}

.floatLeftColumn  {
	float: left;
	width: 300px; 
	margin: 0px; 
	padding: 0px 15px 20px 0px;
}

.floatLeftContactColumn  {
	float: left;
	width: 215px; 
	margin: 0px; 
	padding: 0px 15px 20px 0px;
}

.floatRightContactColumn  {
	float: right;
	width: 215px; 
	margin: 0px; 
	padding: 0px 15px 20px 0px;
}

.row {
	clear: both;
}

.small {
	font-size: 11px;
}

/*
 *  Layout.
 */

div.container {
	position: relative;

	min-width: 950px;
	_width: 950px;
	width: 100%;
}

div#flashContent {
	width: 100%;
	text-align: center;
}
div#flashContent img {
	margin: 0px auto;
}

div.column {
	margin: 0px auto;

	width: 950px;
}

	div#navArea {
		background-color: #2d91cf;
		background-image: url(../images/bg/tiles/topArea.gif);
		background-position: bottom;
		background-repeat: repeat-x;/**/
		height: 174px;
	}
	
	body.index div#navArea {
		background: url(../images/bg/navArea.jpg) no-repeat top center #2D90CF;
		/*background-image: none;*/
		height: 387px;
	}
	
	div#navArea div.column {
		background: url(../images/bg/navArea.jpg) no-repeat top center;
		position: relative;
		/*background-image: url(../images/bg/navArea.jpg);*/
		height: 174px;
	}
	
	div#navArea div.column ul {
		padding-bottom: 6px;
	}
	
	body.index div#navArea div.column {
		height: /*387px*/69px;
	}
	
	/* Banners. */
	
	div#navArea div.columnBanner {
		background-position: bottom;
		height: 100%;
	}
	
	body.aboutus div#navArea div.columnBanner {
		background-image: url(../images/banners/aboutus.jpg);
	}
	
	body.team div#navArea div.columnBanner {
		background-image: url(../images/banners/team.jpg);
	}
	
	body.testimonials div#navArea div.columnBanner {
		background-image: url(../images/banners/testimonials.jpg);
	}

	body.dubai div#navArea div.columnBanner {
		background-image: url(../images/banners/dubai.jpg);
	}
	
	body.services div#navArea div.columnBanner {
		background-image: url(../images/banners/services.jpg);
	}
	
		body.servicesTown div#navArea div.columnBanner {
			background-image: url(../images/banners/townPlanning.jpg);
		}
		
		body.servicesLand div#navArea div.columnBanner {
			background-image: url(../images/banners/landSurveying.jpg);
		}
		
		body.servicesProperty div#navArea div.columnBanner {
			background-image: url(../images/banners/propertyConsulting.jpg);
		}
		
	body.caseStudies div#navArea div.columnBanner {
		background-image: url(../images/banners/caseStudies.jpg);
	}
	
	body.caseStudy div#navArea div.columnBanner {
		background-image: url(../images/banners/caseStudy.jpg);
	}
	
	body.contactus div#navArea div.columnBanner {
		background-image: url(../images/banners/contactus.jpg);
	}
	
	body.generic div#navArea div.columnBanner {
		background-image: url(../images/banners/generic.jpg);
	}
	
	body.news div#navArea div.columnBanner {
		background-image: url(../images/banners/news.jpg);
	}
	
	div#flashArea {
		background-color: #2d91cf;
		
		height: 299px;
	}
		
		div.flashAreaBackground {
			height: 100%;
			width: 49.9%;  
		}
		
		div.flashAreaBackground.left {
			background-color: #ff8002; 
			float: left;
		}
		
		div.flashAreaBackground.right {
			background-color: #ffffff;
			float: right;
		}
	
	div#blurbArea {
		background-color: #2d90cf;
		height: 165px;
	}
	
	div#contentArea {
		background-color: #ffffff;
	}
	
	div#footerArea {
		background-color: #ffffff;
		background-image: url(../images/bg/tiles/footer.gif);
		background-position: top;
		background-repeat: repeat-x;
		height: 203px;
	}

/*
 *  HMF Logo.
 */

img.siteLogo {
	position: absolute; 
		left: 50px;
		top: 16px;
	z-index: 1;
}

/*
 *  HMF Flash.
 */
 
img.flash {
	position: absolute; 
		bottom: 0px;
		_bottom: -1px;
	z-index: 0;
}

/*
 *  Navigation.
 */

div#navArea ul {
	float: right;
	margin: 0px 7px 0px 0px;
	height: 63px;
	width: 485px;
}

div#navArea ul li {
	float: left;
	list-style: none;
	margin: 0px 2px 0px 0px;
	height: 63px;
}

div#navArea ul li a {
	display: block;
	height: 63px;
}

div#navArea ul li a:hover, 
div#navArea ul li.current a {
	background-position: bottom;
}

	div#navArea ul li#navHome a {
		background-image: url(../images/nav/home.gif);
		width: 64px;
	}
	
	div#navArea ul li#navAbout a {
		background-image: url(../images/nav/about.gif);
		width: 77px;
	}
	
	div#navArea ul li#navServices a {
		background-image: url(../images/nav/services.gif);
		width: 75px;
	}
	
	div#navArea ul li#navCaseStudies a {
		background-image: url(../images/nav/caseStudies.gif);
		width: 111px;
	}
	
	div#navArea ul li#navDubai a {
		background-image: url(../images/nav/dubai.gif);
		width: 57px;
	}
	
	div#navArea ul li#navContact a {
		background-image: url(../images/nav/contact.gif);
		width: 88px;
	}

/*
 *  Content Area.
 */
 
body.content div#contentArea div.column {
	background-image: url(../images/bg/tiles/sidebar.gif);
	background-position: left;
	background-repeat: repeat-y;
	position: relative;
}
 
div#sidebar {
	background-color: #e7e8e8;
	float: left;
	width: 206px;
}

div#sidebarPadding {
	padding: 38px 27px 0px 28px;
}
	
	span.sidebarIntro,
	span#sidebarIntro {
		color: #5e5e5e;
		font-size: 11px;
	}
	
	p.sidebarIntro {
		margin-top: 0px;
	}
	
	div#sidebar ul {
		padding: 14px 0px 0px 0px;
	}
	
	div#sidebar ul li {
		background-image: url(../images/icons/bullets/arrowRightBlueOnGrey.gif);
		background-position: left 9px;
		line-height: 24px;
		list-style: none;
		list-style-position: outside;
		padding: 0px 0px 0px 9px;
	}
	
	div#sidebar ul li.current {
		font-weight: bold;
	}
	
	div#sidebar p {
		line-height: 18px;
	}

div#content {
	color: #5e5e5e;
	float: right;
	line-height: 19px;
	width: 744px;
	min-height: 400px;
	_height: 400px;
}

body.index div#content {
	float: left;
	width: 629px;
}

div#contentPadding {
	padding: 24px 17px 40px 35px;
}

body.index div#contentPadding {
	padding: 24px 17px 10px 16px;
}

body.caseStudy div#contentPadding {
	padding-bottom: 130px;
}

	/*
	 *  Page: Content - Content Area.
	 */
	
	div#content h1 {
		color: #5e5e5e;
		font-weight: normal;
		padding: 4px 30px 0px 0px;
	}
	
	div#content p {	
		padding-right: 15px;
	}
	
	div#content p.caption {
		font-size: 11px;
	}
	
	h2.background {
		background-image: url(../images/bg/headerOrange.gif);
		background-position: left top;
		background-repeat: no-repeat;
		color: #ffffff;
		font-weight: normal;
		line-height: 27px;
		padding: 5px 0px 3px 21px;
	}
	
	div.section {
		padding: 5px 12px 10px 22px;
	}
	
	ul.companyProfiles {
		padding: 0px 0px 0px 0px;
	}
	
	ul.companyProfiles, 
	ul.companyProfiles li {
		list-style: none;
		list-style-position: outside;
	
		width: 630px;
	}
	
	ul.companyProfiles li {
		padding: 0px 0px 20px 0px;
	}

	ul.companyProfiles div.image {
		float: left;
		text-align: center;
		width: 140px;
	}
	
	ul.companyProfiles div.profile {
		float: right;
		width: 480px;
	}
	
	ul.companyProfiles div.profile h4 {
		font-size: 12px;
	}
	
	ul.companyProfiles div.profile h4 a {
		text-decoration: underline;
	}
	
	/*
	 *  Page: Case Studies.
	 */
	
	ul.caseStudies {
		padding: 20px 0px 0px 0px;
		width: 650px;
	}
	
	ul.caseStudies li {
		float: left;
		list-style: none;
		list-style-position: outside;
		height: 160px;
		width: 161px;
	}
	
	ul.caseStudies div.image {
		text-align: center;
		height: 100px;
	}
	
	ul.caseStudies div.image div.padding {
		padding: 20px 0px 0px 0px;
	}
	
	ul.caseStudies div.profile {
		font-size: 11px;
		line-height: 14px;
		text-align: center;
		padding: 10px 0px 0px 0px;
	}
	
	p.summary {
		color: #3087af;
	}
	
	/*
	 *  Page: Case Studies - Gallery.
	 */
	div.photoGallery {
		margin: 10px 0px 30px 0px;
	}
	
	img.photoItem {
		width: 103px;
		height: 67px;
		border: 3px solid #e8e8e8;
		margin-bottom: 15px;
		float: right;
		clear: right;
	}

	/*img.photoMain {
		width: 567px;
		height: 378px;
		float: left;
		clear: left;
	}*/
	
	div#mainPhoto {
		display: block !important;
		float: left;
		height: 378px;
		width: 550px;
	}
	
	div#thumbScroll {
		float: left;
		overflow: hidden;
		margin: 0px 0px 0px 11px;
		height: 367px;
		width: 109px;
	}
	
	div#scrollBar {
		background-image: url(../images/img_scroll_bar.gif);
		float: right;
		margin: 0px 0px 0px 10px;
		height: 367px;
		width: 10px;
	}
	
	div#scrollHandle {
		background-image: url(../images/img_scroll_handle.gif);
		cursor: pointer;
		height: 51px;
		width: 10px;
	}

	/*
	 *  Page: Case Studies.
	 */
	
	h2.caseStudySub {
		font-size: 14px;
		padding: 0px 0px 8px 0px;
	}
	
	ul.projectDetails {
		padding: 2px 0px 28px 0px;
	}
	
	ul.projectDetails, 
	ul.projectDetails li {
		line-height: 22px;
		list-style: none;
		list-style-position: outside;
	}
	
	ul.projectDetails label {
		display: inline-block;
		font-weight: bold;
		width: 130px;
	}
	
	/*
	 *  Page: Contact Form
	 */
	 
	 .errMsg {
	 	display: inline;
	}
	
	table.contactForm {
		padding: 2px 0px 28px 0px;
	}
	
	table.contactForm, 
	table.contactForm td {
		line-height: 22px;
		list-style: none;
		list-style-position: outside;
		padding-bottom: 20px;
		vertical-align: top;
	}
	
	table.contactForm label {
		display: inline-block;
		font-weight: bold;
		width: 150px;
	}
	
	table.contactForm input {
		width: 300px;
		line-height: 22px;
		font-size: 12px;
		padding: 2px 0px;
	}
	
	table.contactForm textarea {
		width: 300px;
		height: 70px;
	}
	

div#logos {
	float: right;
	width: 321px;

}

div#logos h3 {
	margin: 0px;
	padding: 35px 40px 0px 35px;
}

ul#logos {
	list-style: none;
	list-style-position: outside;
	margin: 0px 0px 16px 0px;
	height: 335px;
	width: 321px;
}

ul#logos li {
	float: left;
	height: 75px;
	width: 160px;
}
ul#logos li.short {
	float: left;
	height: 110px;
	width: 105px;
}

/*** THE TEAM ***/

body.team div.staffProfile img.staffPhoto {
	float: left;
	padding: 18px 10px 25px 15px;
}

body.team div.staffProfile div.section {
	float: right;
	width: 500px;
	padding-left: 0px;
}


/*
 *  Page: Index.
 */

div#content h1.intro {
	color: #333333;
	font-size: 18px;
	font-weight: normal;
	padding: 12px 30px 0px 0px;
}

body.index div#content a.readMore {
	margin-left: 5px;
}
/*
 *  Page: Index - Blurb Area.
 */

div#blurbArea div.columnPadding {
	padding: 0px 16px;
}

div.blurb {
	background-position: top;
	color: #ffffff;
	float: left;
	font-size: 11px;
	line-height: 16px;
	height: 165px;
	width: 306px;
}

	div#propertyConsultation.blurb {
		background-image: url(../images/blurbs/propertyConsultation.jpg);
	}
	
	div#townPlanning.blurb {
		background-image: url(../images/blurbs/townPlanning.jpg);
	}
	
	div#landSurveying.blurb {
		background-image: url(../images/blurbs/landSurveying.jpg);
	}

div.blurbPadding {
	padding: 15px 20px 0px 20px;
	height: 110px;
}

div.blurb h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 35px;
}

/*
 *  Page: Index - News List.
 */
div#newsList {
	padding: 0px 17px 40px 0px;
	margin: 0px 0px 0px 16px;
	border-top: 1px solid #ececec;
}

div#newsList ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

div#newsList ul li {
	clear: left;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	height: 19px;
	line-height: 19px;
}

div#newsList ul span {
	float: left;
	display: block;
}

div#newsList span.date {
	width: 120px;
	padding-left: 15px;
	background: url(../images/icons/bullets/circleGreyOnWhite.gif) no-repeat left 7px;
}

div#newsList span.title {
	width: 330px;
}

/*
 *  Page: News - News Summary.
 */
div#newsSummary {
}

div#newsSummary ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 10px 0px;
	margin: 0px;
}

div#newsSummary ul li {
	font-size: 12px;
	padding: 0px 0px 10px 15px;
	margin: 0px;
	line-height: 19px;
	background: url(../images/icons/bullets/circleGreyOnWhite.gif) no-repeat left 7px;
}

div#newsSummary ul span {
	/*float: left;*/
	display: block;
}

div#newsSummary span.date {
}

div#newsSummary span.title {
}


/*
 *  Footer Area.
 */

div#footerArea div.columnPadding {
	padding: 0px 16px;
}

div#footerArea, 
div#footerArea a {
	color: #939393;
	font-size: 11px;
}

div#footerLinks, 
div#copyright {
	margin: 24px 0px 0px 0px;
	line-height: 16px;
}

div#footerLinks {
	float: right;
	text-align: right;
}

div#footerLinks .isoLink {
	float: left;
	text-align: left;
}

div#copyright {
	float: left;
}

div#copyright a,
div#copyright a:hover {
	text-decoration: none;
}

div#copyright a.blissLink:hover {
	text-decoration: underline;
}