* { margin: 0px; padding: 0px; border: 0px;}

/********************************************************
	*
	* Common Style
	*
********************************************************/
hr {
	display: none;
	}
p {
	padding: 0px 0px 1em 0px;
	font-size: 0.8em;
	line-height: 1.8em;
	
	}
	p.first {
		margin-bottom: 0.5em;
		border-bottom: solid #ddd 1px;

		}
	p.last {
		margin-top: 1em;
		padding-top: 0.5em;
		color: #7B1913;
		border-top: solid #ddd 1px;

		}
ul {
	font-size: 0.8em;
	line-height: 1.8em

	}
	ul li ul {
		font-size: 0.95em

		}
.highlight {
	color: #FFC600;

	}
.anchorPoint {
	position: relative;
	clear: both;
	display: block;
	}
.borderBottom { margin-bottom: 0.5em;
	border-bottom: solid #eee 1px;

	}

/********************************************************
	*
	* Body and Container elements
	*
********************************************************/

body {
	z-index: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #111;
	text-align: center;
	background-color: #CAD2DC;
	
	}
	#container {
		position: relative;
		float: none;
		margin: 65px auto 85px auto;
		width: 920px;
		text-align: left;
		background: url(images/containerBg.png);
		
		}
		#container #containerTop {
			position: absolute;
			z-index: 0;
			top: -39px;
			left: 0px;
			width: 920px;
			height: 39px;
			background: url(images/containerTop.png);

			}
		#container #containerBottom {
			position: absolute;
			z-index: 0;
			bottom: -39px;
			left: 0px;
			width: 920px;
			height: 39px;
			background: url(images/containerBottom.png);

			}
		
/********************************************************
	*
	* Header
	*
********************************************************/

#container #header {
	position: relative;
	z-index: 3;
	top: -14px;
	left: 10px;
	width: 900px;
	height: 211px;

	}
	#logoContainer {
		position: absolute;
		z-index: 10;
		top: 0px;
		left: 10px;
		width: 240px;
		height: 112px;
		font-size: 0.7em;
		background: url(images/headerLeftpanelBg.png) repeat-y;

		}
		#logoContainer dt {
			position: absolute;
			z-index: 11;
			top: 2px;
			left: 30px;

			}
			#logoContainer dt span {
				position: absolute;
				z-index: 12;
				top: 0px;
				left: 0px;
				width: 180px;
				height: 73px;
				background: url(images/logo.png);

				}
		#logoContainer dd {
			position: absolute;
			z-index: 11;
			top: 85px;
			left: 30px;

			}
			#logoContainer dd span {
				position: absolute;
				z-index: 12;
				top: 0px;
				left: 0px;
				width: 181px;
				height: 19px;
				background: url(images/specialistGeneral.png);

				}

/********************************************************
	*
	* Content
	*
********************************************************/

#container #content {
	position: relative;
	z-index: 2;
	margin-top: 55px;
	left: 10px;
	width: 900px;
	background: url(images/contentBg.png) repeat-y;


}

/********************************************************
	*
	* Main Content
	*
********************************************************/

#container #content #mainContent {
	position: relative;
	z-index: 2;
	float: left;
	top: -6px;
	left: 260px;
	margin: 0px 0px 20px 0px;
	width: 411px;

	}
	#mainContent h1 {
		position: relative;
		top: -26px;
		color: #7B1913;
		font-size: 1.2em;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;

		}
	#mainContent h2 {
		position: relative;
		padding: 0px 0px 0.5em 0px;
		color: #7B1913;
		font-size: 1.1em;
		letter-spacing: 1px;
		font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;

		}
	#mainContent #mainImageContainer {
		position: absolute;
		z-index: 16;
		top: -274px;
		left: -260px;
		width: 900px;
		height: 211px;		
		background: url(images/headerBg.png) repeat-x;

		}
		#mainImageContainer #mainImage {
			position: absolute;
			top: 20px;
			left: 20px;
			width: 860px;
			height: 210px;
			background: url(images/mainImageBg.png);

			}
		#mainImageContainer img {
			position: absolute;
			top: 9px;
			right: 9px;
			border: solid 1px #ddd;

			}
	#mainContent .pageIntro {
		border-bottom: solid #ddd 1px;

		}
	#mainContent .pageSection {
		padding: 1em 0px 0.5em 0px;
		overflow: auto;
		border-bottom: solid #eee 1px;

		}
		.pageSection .aboutImage {
			position: relative;
			float: right;
			margin: -43px 0px 10px 10px;
			padding: 4px;
			width: 125px;
			height: 125px;
			border: solid 1px #ddd;

			}
			.aboutImage img {
				width: 123px;
				height: 123px;
				border: solid 1px #ddd;

				}
		.pageSection ul, .lastPageSection ul {
			margin: 0px 0px 1em 20px;

			}
	#mainContent .lastPageSection {
		padding: 1em 0px 0.5em 0px;
		overflow: auto;
		border: none;

		}
	#mainContent .pageOutro {
		padding: 1em 0px 0px 0px;
		color: #7B1913;
		border-top: solid #ddd 1px;

		}
	#mainContent .contactDetails {
		margin: -8px 0px 0px 0px;
		padding: 0px 0px 1em 0px;
		font-size: 0.8em;

		}
		#mainContent .contactDetails dt {
			text-transform: lowercase;
			color: #185503; 
			margin-top: 0.1em;

			}
		#mainContent .contactDetails dd {
			margin: 0.1em 0px 0.5em 0px;
			text-indent: 1em;

			}
	#mainContent .aboutHeadings span {
		position: relative;
		top: -4px;
		display: block;
		margin: 0px 0px 0.7em 0px;
		font-size: 0.8em;
		color: #185503; 

		}
	#mainContent .aboutSections {
		margin: 0px 0px 0.4em 0px;
		overflow: auto;	

		}
	#mainContent .testimonialQuotes {
		font-family: Times, serif;
		font-size: 1.8em;
		color: #185503;		

		} 
	#mainContent .testimonialAuthor {
		position: relative;
		display: block;
		margin: -10px 0px 1em 0px;
		width: 411px;
		font-size: 0.8em;
		text-align: right;
		color: #185503;

		}
	#mainContent #topLink {
		position: absolute;
		bottom: -10px;
		right: -210px;
		font-size: 0.8em;

		}

.projectHistory #container #content #mainContent {
	width: 620px;

	}
	.lastPageSection .projectHistoryList {
		margin: 0px 0px 0px 14px;

		}
	.lastPageSection .projectHistoryList2 {
		margin: 0px;

		}
		.projectHistoryList li, .projectHistoryList2 li {
			display: inline;
			list-style: none;
	
			}
			.projectHistoryList li .projectHistoryImage, .projectHistoryList2 li .projectHistoryImage {
				position: relative;
				float: left;
				margin: 0px 10px 10px 0px;
				padding: 4px;
				width: 100px;
				height: 100px;
				border: solid 1px #ddd;	
	
				}
				.projectHistoryImage img {
					width: 98px;
					height: 98px;
					border: solid 1px #ddd;
				
					}
			.projectHistoryList2 li .projectHistoryImage {
				width: 117px;
				height: 117px;
				
				}
				.projectHistoryList2 li .projectHistoryImage img {
					width: 115px;
					height: 115px;
					border: solid 1px #ddd;
				
					}
	.projectHistory #container #content #topLink {
		position: absolute;
		bottom: 0px;
		right: 0px;
		font-size: 0.8em;

		}

/********************************************************
	*
	* Right Panel
	*
********************************************************/

#container #content #rightPanel {
	position: relative;
	z-index: 2;
	float: right;
	top: -35px;
	right: 20px;
	padding: 22px 28px 19px 28px;
	margin: 0px 0px 20px 0px;
	width: 134px;
	background: url(images/rightPanelBg.png) #E5E7EA repeat-y;

	}
	#rightPanel #workDisplay {
		position: relative;
		margin: -16px 0px 0px 0px;

		}
		#rightPanel #workDisplay img {
			position: relative;
			margin-top: 16px;
			width: 130px;
			height: 130px;
			background: #CAD2DC;
			border: solid 2px #fff;
	
			}
	#rightPanel #rightPanelTop {
		position: absolute;
		top: -6px;
		left: 0px;
		width: 190px;
		height: 6px;
		background: url(images/rightPanelTop.png) #E5E7EA;

		}
	#rightPanel #rightPanelBottom {
		position: absolute;
		bottom: -6px;
		left: 0px;
		width: 190px;
		height: 6px;
		background: url(images/rightPanelBottom.png) #E5E7EA;

		}
	#rightPanel #testimonialExcerpts {
		position: relative;
		margin: -36px 0px -6px 0px;
		font-weight: bold;

		}
		#testimonialExcerpts .testimonialExcerpt {
			position: relative;
			margin: 30px 0px 0px 0px;
			font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
			color: #185503;
			line-height: 1.8em;
	
			}
			.testimonialExcerpt span {
				position: relative;
				display: block;
				width: 134px;
				font-size: 0.8em;
				text-align: right;
				color: #185503;

				}

.extendedPage #container #content #rightPanel {
	background: #fff;
	border: solid 1px #ddd;

	}
	.extendedPage #container #content #rightPanel img {
		border: 1px solid #ddd;
		}
	.extendedPage #rightPanel #rightPanelTop {
		left: -1px;
		background: #fff;
		border: solid #ddd;
		border-width: 1px 1px 0px 1px;

		}
	.extendedPage #rightPanel #rightPanelBottom {
		left: -1px;
		background: #fff;
		border: solid #ddd;
		border-width: 0px 1px 1px 1px;

		}
/********************************************************
	*
	* Left Panel
	*
********************************************************/

#container #content #leftPanel {
	position: relative;
	z-index: 2;
	float: left;
	top: 0px;
	left: -391px;
	margin: 0px 0px -4px 0px;
	padding: 20px 20px 0px 20px;
	width: 200px;

	}
.projectHistory #container #content #leftPanel {
	left: -600px;

	}

/********************************************************
	*
	* Footer
	*
********************************************************/

#container #footer {
	position: absolute;
	clear: both;
	z-index: 1;
	bottom: -85px; /* -- Required for IE: normally -20px, and no padding-bottom, would suffice -- */
	left: 0px;
	padding-bottom: 65px; /* -- Required for IE -- */
	width: 900px;	
	font-size: 0.9em;

	}
	#footer h3 {
		display: none;	

		}
	#footer ul li {
		list-style: none;
		display: inline;

		}
	#footer #contactInfo {
		position: absolute;
		top: 0px;
		right: 10px;

		}
	#footer #copyrightInfo {
		position: absolute;
		top: 20px;
		right: 10px;

		}

/********************************************************
	*
	* Navigation
	*
********************************************************/

	#container #navigation #mainNav {
		position: absolute;
		z-index: 3;
		top: 98px;
		left: 20px;
		width: 240px;	
		font-size: 0.86em;
		background: url(images/headerLeftpanelBg.png) repeat-y;

		}
		#navigation h3 {
			display: none;

			}
		#navigation #mainNav li {
			position: relative;
			z-index: 1;
			left: 10px;
			width: 220px;
			height: 28px;	
			list-style: none;

			}
			#navigation li a span {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 220px;
				height: 28px;	
				cursor: pointer;

				}
			#navigation li ul {
				display: none;

				}
		#navigation #homeLink a span {				
			background: url(images/homeLink.png);	

			}
		#navigation #servicesLink a span {				
			background: url(images/servicesLink.png);	

			}
			#navigation #servicesLink ul, #navigation #servicesLinkSelected ul {		
				position: absolute;
				top: 0px;
				left: 220px;		
				background: #CAD2DC;

				}
				#servicesLink #designBuildLink a span, #servicesLinkSelected ul #designBuildLink a span {				
					background: url(images/designBuildLink.png);

					}
				#servicesLink #generalBuildingLink a span, #servicesLinkSelected ul #generalBuildingLink a span {			
					background: url(images/generalBuildingLink.png);

					}
				#servicesLink #minorWorkLink a span, #servicesLinkSelected ul #minorWorkLink a span {
					background: url(images/minorWorkLink.png);

					}
		#navigation #projectHistoryLink a span {				
			background: url(images/projectHistoryLink.png);	

			}
		#navigation #testimonialsLink a span {				
			background: url(images/testimonialsLink.png);	

			}
		#navigation #aboutUsLink a span {				
			background: url(images/aboutUsLink.png);	

			}
		#navigation #contactLink a span {				
			background: url(images/contactLink.png);	

			}

		#navigation #homeLinkSelected a span {				
			background: url(images/homeLink.png);	
			background-position: 0 -56px;	

			}
		#navigation #servicesLinkSelected a span {				
			background: url(images/servicesLink.png);	
			background-position: 0 -56px;	

			}
		#navigation #designBuildLinkSelected a span {				
			background: url(images/designBuildLink.png);	
			background-position: 0 -56px;	

			}
		#navigation #generalBuildingLinkSelected a span {				
			background: url(images/generalBuildingLink.png);	
			background-position: 0 -56px;	

			}
		#navigation #minorWorkLinkSelected a span {				
			background: url(images/minorWorkLink.png);	
			background-position: 0 -56px;	

			}
		#navigation #projectHistoryLinkSelected a span {				
			background: url(images/projectHistoryLink.png);	
			background-position: 0 -56px;	

			}
		#navigation #testimonialsLinkSelected a span {				
			background: url(images/testimonialsLink.png);	
			background-position: 0 -56px;	

			}
		#navigation #aboutUsLinkSelected a span {				
			background: url(images/aboutUsLink.png);	
			background-position: 0 -56px;	

			}
		#navigation #contactLinkSelected a span {				
			background: url(images/contactLink.png);	
			background-position: 0 -56px;	

			}

/********************************************************
	*
	* Links
	*
********************************************************/

a:link {
	color: #1463A5;
	text-decoration: none;

	}
a:visited {
	color: #416AA2;
	text-decoration: none;

	}
a:hover {
	color: #7B1913;
	text-decoration: none;
	border-bottom: solid 1px #7B1913;

	}
a:active, a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #489F19;

	}

/* -- navigation -- */
#navigation li:hover ul {			
	display: block;

	}
#navigation #homeLink a:hover span, #navigation #homeLink a:focus span {				
	background: url(images/homeLink.png);
	background-position: 0 -28px;	

	}
#navigation #homeLink a:active span {				
	background: url(images/homeLink.png);
	background-position: 0 -56px;	

	}
#navigation #servicesLink a:hover span, #navigation #servicesLink a:focus span {				
	background: url(images/servicesLink.png);
	background-position: 0 -28px;		

	}
#navigation #servicesLink a:active span {				
	background: url(images/servicesLink.png);
	background-position: 0 -56px;		

	}
	#servicesLink #designBuildLink a:hover span, #servicesLink #designBuildLink a:focus span, #servicesLinkSelected #designBuildLink a:hover span, #servicesLinkSelected #designBuildLink a:focus span {				
		background: url(images/designBuildLink.png);
		background-position: 0 -28px;		

		}
	#servicesLink #designBuildLink a:active span, #servicesLinkSelected #designBuildLink a:active span {				
		background: url(images/designBuildLink.png);
		background-position: 0 -56px;		

		}
	#servicesLink #generalBuildingLink a:hover span, #servicesLink #generalBuildingLink a:focus span, #servicesLinkSelected #generalBuildingLink a:hover span, #servicesLinkSelected #generalBuildingLink a:focus span {				
		background: url(images/generalBuildingLink.png);
		background-position: 0 -28px;		

		}
	#servicesLink #generalBuildingLink a:active span, #servicesLinkSelected #generalBuildingLink a:active span {				
		background: url(images/generalBuildingLink.png);
		background-position: 0 -56px;		

		}
	#servicesLink #minorWorkLink a:hover span, #servicesLink #minorWorkLink a:focus span, #servicesLinkSelected #minorWorkLink a:hover span, #servicesLinkSelected #minorWorkLink a:focus span {				
		background: url(images/minorWorkLink.png);
		background-position: 0 -28px;		

		}
	#servicesLink #minorWorkLink a:active span, #servicesLinkSelected #minorWorkLink a:active span {				
		background: url(images/minorWorkLink.png);
		background-position: 0 -56px;		

		}
#navigation #projectHistoryLink a:hover span, #navigation #projectHistoryLink a:focus span {				
	background: url(images/projectHistoryLink.png);	
	background-position: 0 -28px;	

	}
#navigation #projectHistoryLink a:active span {				
	background: url(images/projectHistoryLink.png);	
	background-position: 0 -56px;	

	}
#navigation #testimonialsLink a:hover span, #navigation #testimonialsLink a:focus span {				
	background: url(images/testimonialsLink.png);	
	background-position: 0 -28px;	

	}
#navigation #testimonialsLink a:active span {				
	background: url(images/testimonialsLink.png);	
	background-position: 0 -56px;	

	}
#navigation #aboutUsLink a:hover span, #navigation #aboutUsLink a:focus span {				
	background: url(images/aboutUsLink.png);	
	background-position: 0 -28px;	

	}
#navigation #aboutUsLink a:active span {				
	background: url(images/aboutUsLink.png);	
	background-position: 0 -56px;	

	}
#navigation #contactLink a:hover span, #navigation #contactLink a:focus span {				
	background: url(images/contactLink.png);	
	background-position: 0 -28px;	

	}
#navigation #contactLink a:active span {				
	background: url(images/contactLink.png);	
	background-position: 0 -56px;	

	}

/* -- images -- */

.imageLink:link {
	border: none;

	}
.imageLink:hover {
	opacity: 0.8; /* -- IE specific declaration in ie.css -- */
	border: none;

	}