* {
	margin: 0;
}

html, body { 
	height: 100%;
	}

img, div, object {  
	margin:0;
	padding:0;
	border:none;
}

body { 
	margin: 0;
	padding: 0;
	text-align: center;
	font: 10pt/12pt Arail, Helvetica, sans-serif;
	color:#000;
	background: url(../images/bgRepeat.gif) left top;
	}
	 
#wrapper {
	position:relative;
	width: 902px;  
    min-height: 94%;
	height: auto !important;
	height: 94%;
	margin: 0 auto;  /*the bottom margin is the negative value of the footer's height */
    padding: 0;
	background: url(../images/bgRepeat_Sub.gif) left top repeat-y;
	z-index: 0;
}	

.container {
	width: 902px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	z-index:0;
	}
	
/*  TOP-SECTION STYLES 
---------------------------------------------------------------------*/
#top {
	/*height:135px;*/
	display:block;
	/*border:solid 1px blue;*/
	background: url(../images/containerBGRepeat.gif) left top repeat-y #fff;
}

#topShade {
	height:4px;
	background:url(../images/headerTopShade.gif) right top no-repeat;
	margin:0;
	padding:0;
	font-size:0; /* allows ie 6 to handle small height */
	/*border:solid 1px red;*/
}

#topLeft {
	width:184px;
	height:126px;
	/*background: url(../images/logo.jpg) left top no-repeat;*/
	display:inline;
	background-color:#fff;
}

#topRight {
	width:713px;
	height:126px;
	/*border:solid 1px blue;*/
	background-color:#fff;
}

	#topRight a {
		color:#fff;
		font: 9pt/11pt Helvetica, Arial, sans-serif;
		text-decoration:none;
	}
	
	#tagline {
		width:369px;
		height:28px;
		text-indent:-5000px;
		background:url(../images/tagline.gif) left top no-repeat #fff;
		display:block;
		margin: 40px 0 17px 310px;
	}
	
	#home #tagline {
		margin: 28px 0 29px 332px;
	}
	
	#hr_red { 
		padding:0;
		margin:0;
		height:3px;
		width:713px;
		background-color:#ff3333;
		font-size:0; /* allows ie 6 to handle small height */
	}

#topNav { 
		margin:13px 0 0 0px;
		padding:0;
		/*z-index: 500;
		width:164px;  added 3 px for IE6 
		height:43px; 
		border:solid 1px green;*/
	}
	
	#topNav ul {
		margin: 0px 0px 0 324px;
		padding: 0px;
		list-style-type: none;
		border:none;
		/*height:43px;*/
		}
	
	#topNav ul li { 
		float: left;
		display:inline;
		background: none;
		margin:0 0 0 13px;
		padding:0;
		}
	
	#topNav ul li a {
		margin:0;
		padding:0;
		color:#666666;
		font: 11.5pt/11pt Arial, Helvetica, sans-serif;
	}
	
	#topNav ul li a:hover {
		color:#333;
	}

#hdrContent {
	width:857px;
	height:17px;
	margin:0 auto;
	font-size:0;
}

/* FLASH STYLES
--------------------------------------------------------- */
#flashContent {
	width:857px;
	height:323px;
	margin:0 auto;
	font-size:0;
	background-color:#fff;
}
	
	#flashLeft {
		/*display:inline;*/
		width:602px;
		margin:0;
		padding:0;
		background:#fff;
	}

	#flashRight {
		width:255px;
		margin:0;
		padding:0;
		background:#fff;
	}
	
	#hr_belowFlash { 
		display:block;
		padding:0;
		margin:0 auto;
		height:17px;
		width:857px;
		background:url(../images/hr_belowFlashRepeat.gif) left top repeat-x;
	}
/* -------------------------------------------------------- */

/* BANNER STYLES
--------------------------------------------------------- */
#bannerContent {
	width:857px;
	height:128px;
	margin:0 auto;
	font-size:0;
	background: url(../images/containerBGRepeat.gif) left top repeat-y #fff;
}
	
	#bannerLeft {
		display:inline;
		width:602px;
		height:128px;
		margin:0;
		padding:0;
		background:url(../images/bannerLeft.jpg) left top no-repeat #fff;
	}

	#page-contact #bannerLeft{ background:url(../images/bannerLeft_contact.jpg) left top no-repeat #fff; }
	#page-projects #bannerLeft{ background:url(../images/bannerLeft_projects.jpg) left top no-repeat #fff; }
	#page-safety #bannerLeft{ background:url(../images/bannerLeft_safety.jpg) left top no-repeat #fff; }
	#page-services #bannerLeft{ background:url(../images/bannerLeft_services.jpg) left top no-repeat #fff; }
	#page-castinplace #bannerLeft{ background:url(../images/bannerLeft_castinplace.jpg) left top no-repeat #fff; }
	#page-greenroofs #bannerLeft{ background:url(../images/bannerLeft_greenroofs.jpg) left top no-repeat #fff; }
	#page-masonry #bannerLeft{ background:url(../images/bannerLeft_masonry.jpg) left top no-repeat #fff; }
	#page-siteconcrete #bannerLeft{ background:url(../images/bannerLeft_siteconcrete.jpg) left top no-repeat #fff; }
	#page-clients #bannerLeft{ background:url(../images/bannerLeft_clients.jpg) left top no-repeat #fff; }

	#bannerRight {
		width:255px;
		height:128px;
		margin:0;
		padding:0;
		background:url(../images/bannerRight.jpg) left top no-repeat #fff;
	}		
	
	#page-contact #bannerRight{ background:url(../images/bannerRight_contact.jpg) left top no-repeat #fff; }
	#page-projects #bannerRight{ background:url(../images/bannerRight_projects.jpg) left top no-repeat #fff; }
	#page-safety #bannerRight{ background:url(../images/bannerRight_safety.jpg) left top no-repeat #fff; }
	#page-services #bannerRight{ background:url(../images/bannerRight_services.jpg) left top no-repeat #fff; }	
	#page-castinplace #bannerRight{ background:url(../images/bannerRight_castinplace.jpg) left top no-repeat #fff; }	
	#page-greenroofs #bannerRight{ background:url(../images/bannerRight_greenroofs.jpg) left top no-repeat #fff; }	
	#page-masonry #bannerRight{ background:url(../images/bannerRight_masonry.jpg) left top no-repeat #fff; }	
	#page-siteconcrete #bannerRight{ background:url(../images/bannerRight_siteconcrete.jpg) left top no-repeat #fff; }	
	#page-clients #bannerRight{ background:url(../images/bannerRight_clients.jpg) left top no-repeat #fff; }	
	
		#bannerContent #hr_belowFlash { 
			margin-top:3px;
		}
/* --------------------------------------------------------- */
		
#logo {
	height: 122px; 
	width: 167px;
	display: inline; 
	z-index: 998;
	padding: 0;
	margin: 0px  0 0 17px;
	/*border:solid 1px red;*/
	background-image: url(../images/logo.gif); 
	}
	
	#logo a {
		height: 122px; 
		width: 160px;
		display: block; 
		z-index: 998;
		padding: 0;
		margin: 0 0 0 2px;
		outline: none;
		text-indent: -5000px;
		text-decoration: none;
		/*border:solid 1px blue;*/
	}
				
/* MAIN CONTENT STYLES
---------------------------------------------------------*/
.contentContainer {
	display:inline;
	width: 857px; /*857*/
	margin: 0 23px;
	text-align: left;
	padding: 0;
	/*background-color:#ebebeb;
	border:solid 1px red;*/
}

.contentContainerSub {
	display:inline;
	width: 857px; /*857*/
	margin: 0 23px;
	text-align: left;
	padding: 0;
}

/* added for IE 6 */
* html .contentContainerSub { background:url(../images/bgRepeat_Sub_IE.gif) left top repeat-y; }

#hr_dashed_horiz { 
	display:inline;
	padding:0;
	margin:0;
	height:10px;
	width:857px;
	background:url(../images/dashedHRrepeat.gif) left top repeat-x #fff;
	margin: 0 0 0 20px;
	font-size:0;
}

#hr_divider
{
	background-color:none;
	width:225px;
	font-size:0px;
	margin:2px 0 0 0px;
	padding:0px;
	height:3px;
	display:block;
}

	.dashed { background:url(../images/dashedHRrepeat.gif) left top repeat-x; }

#content { position:relative; }

	#leftCol {
		width:600px; 
		margin:2px 0px 10px 0;
		padding:0;
		display:inline;
		position:relative; 
		background:none;
		overflow: hidden;
	}
	
	#leftCol #hr_dashed_horiz { 
		height:10px;
		width:570px;
		background:url(../images/dashedHRrepeat.gif) left top repeat-x;
		font-size:0;
		margin:0;
		margin:0 0 10px 0;
	}

		#thumbsCol {
			width:160px;
			display:block;
		}
		
		#photoCol {
			width:410px;
			display:block;
			background:url(../images/vr_dashed_vert.gif) left top repeat-y;
			overflow:hidden;
		}
			
			#photoCol #inner {
				/*margin: 8px 0 0 0;
				padding: 0px 0px 0 23px;*/
				padding:0;
				margin:0;
				text-align:right;
			}
	
	#printPage {
		display: block; 
		height:26px;
		width:108px;
		position:absolute;
		top:0px;
		right:12px;
		z-index: 998;
		background-image: url(../images/printImg.gif); 	
	}
			
		#printPage a {
			height: 26px; 
			width: 108px;
			display: block; 
			z-index: 998;
			padding: 0;
			margin: 0 0 0 0px;
			outline: none;
			text-indent: -5000px;
			text-decoration: none;
			/*border:solid 1px blue;*/
		}

		#leftCol #inner {
			margin:0px 0;
			
		}

			#leftColText {
				margin:10px 35px 10px 13px;
			}
	
	#rightCol {
		width:256px; 
		margin:0;
		padding:0;
		display:inline;
	}
	
		#rightCol #inner {
			margin:0px 0;
			
		}

		#rightColHeader {
			background-color:#909090;
			height:24px;
			width:256px;
		}
			
		/* IE 6 adds border width */
		* html #rightColHeader { width:255px; }
		
			#rightColHeaderTitle {
				display:block;
				font: 10pt/10pt Arial, Helvetica, sans-serif;
				color:#fff;
				font-weight:bold;
				margin:0px 0 0 13px;
				padding-top:4px;
			}
			
			#home #rightColHeaderTitle
			{
				margin:0px 0 0 23px;
			}		
			
			#rightColText {
				margin:10px 0 0 14px;
			}
			
			#home #rightColText {
				margin:10px 0 0 23px;
			}
			
			#page-projects #rightColText {
				margin-top:22px;
				font-size:8pt;
			}
			
			#threedview {
				height: 130px; 
				width: 233px;
				display: inline; 
				z-index: 998;
				padding: 0;
				margin: -10px 0 0 10px;
				background-image: url(../images/3d_views.gif); 
			}
			
			#home #threedview {
				margin: -10px 0 0 20px;
			}
			
				#threedview a {
					height: 130px; 
					width: 233px;
					display: block; 
					z-index: 998;
					padding: 0;
					margin: 0 0 0 0px;
					outline: none;
					text-indent: -5000px;
					text-decoration: none;
					/*border:solid 1px blue;*/
				}
	
	#affiliations {
		display: block; 
		height:77px;
		width:200px;
		position:absolute;
		bottom:10px;
		right:60px;
	}
		
		#greenBuild {
			height: 77px; 
			width: 77px;
			display: inline; 
			z-index: 998;
			padding: 0;
			margin: 0px  16px 14px 18px;
			/*border:solid 1px red;*/
			background-image: url(../images/grnCouncil_Logo.gif); 
		}
			
			#greenBuild a {
				height: 77px; 
				width: 77px;
				display: block; 
				z-index: 998;
				padding: 0;
				margin: 0 0 0 0px;
				outline: none;
				text-indent: -5000px;
				text-decoration: none;
				/*border:solid 1px blue;*/
			}
		
		#abcMetro {
			height: 77px; 
			width: 77px;
			display: inline; 
			z-index: 998;
			padding: 0;
			margin: 0px  0 14px 0;
			/*border:solid 1px red;*/
			background-image: url(../images/ABC_logo.gif); 
		}
			
			#abcMetro a {
				height: 77px; 
				width: 77px;
				display: block; 
				z-index: 998;
				padding: 0;
				margin: 0 0 0 0px;
				outline: none;
				text-indent: -5000px;
				text-decoration: none;
				/*border:solid 1px blue;*/
			}
	
/* BOTTOM SECTION STYLES
---------------------------------------------------------*/
.push {
 	height:43px;
}

#footerContainer {
	width:902px;
	margin:0 auto;
	height:43px;
	background: url(../images/containerBGRepeat.gif) left top repeat-y;
}

	.footer {
		height:31px;
		width:857px;
		background-color:#000000;
		margin: 0 auto;
		font: 8pt/10pt Arial, Helvetica, sans-serif;
		color:#fff;
		}	
	
	.footer a {
		color:#fff;
	}	
	
	.footer a:hover {
		color:#c3c3c3;
	}
	
	.subfooter	{
		height:12px;
		width:902px;
		background: url(../images/footerBottom.gif) left bottom no-repeat;
		margin: 0 auto;
		font: 8pt/10pt Arial, Helvetica, sans-serif;
	}
	
	#copyright {
		margin:9px 0 0 20px;
		display:inline;
	}
	
	#designBy {
		margin:9px 20px 0 0;
		display:inline;
	}
/**/
	
/*  GENERIC STYLES 
---------------------------------------------------------------------*/		
		
.clear { clear: both; margin: 0; padding: 0; }
.float { float: left; }
.floatR { float: right; }

/*	TEXT STYLES
---------------------------------------------------------------------*/

h1 {
	font: 16pt/18pt Arial, Helvetica, Arial, sans-serif;
	color:#cc0000;
	margin:15px 0 5px 0;
	font-weight:bold;
}

h2 {
	font: 10pt/12pt Arial, Helvetica, Arial, sans-serif;
	color:#cc0000;
	margin:15px 0 5px 0;
	font-weight:bold;
}

.myriad {
	font-family: "Myriad Pro", Trebuchet MS, Arial, Sans-Serif;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.upsize {
	font-size:12pt;
}


p { margin-bottom:16px;	}

#thumbsCol p { font-size:8pt; }


/*	LIST STYLES
---------------------------------------------------------------------*/
ul	{
	margin: 0 0 15px 0px;
	padding:0 0 0 20px;
}

ul li {

}

/*	LINK STYLES
---------------------------------------------------------------------*/

a {
	color:#cc0000;
	text-decoration:none;
}

a:hover {
	color:#ee0000;
}

/*	FORMS STYLES
---------------------------------------------------------------------*/
label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}