/*Website design and build by E-Clicks*/
/*E-Clicks, Zurich, Ontario | 519-236-9926 | eclicks@hay.net | www.e-clicks.ca*/
/* LAYOUT */

* {top: 0; margin: 0px;	padding: 0px;	border: 0px none;	font-size:14px;} 
img {border: 0px none;}
html, body {height: 100%; 
	min-height:100%;
	top:0;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	font-size:14px;
	background-color: #e6effe;
	} 
h1, h2, h3, h4, p, blockquote, form, label, ul, ol, dl, dt, dd, li, fieldset, address {margin: 0; padding:0;}
	
	
#wrapper {
	position: relative;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	background: url(../images/background1024.jpg);
	margin-top: -10px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	background-repeat: repeat-y;
} 
#wrapper2 {
	position: relative;
	height:100%;
	min-height: 770px;
	height: auto !important;
	background: url(../images/backgroundsec.jpg) repeat-y;
	margin-top: -10px;
	
} 
#footer {
	height: 70px;
	margin: 10px 0px 20px 0px;
	width: 600px;
	background: #E2D5BC;
}
#footer2 {
	height: 70px;
	margin: -80px 0px 20px 0px;
	width: 600px;
	background: #E2D5BC;
}
#footer:after{
	content: ".";
	display: inline-block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footer2:after{
	content: ".";
	display: inline-block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*html footer{
	height: 1px;/*for ie5+6*/
}
*:first-child+html footer{
	min-height: 1px;/*for ie7*/
}
*html footer2{
	height: 1px;/*for ie5+6*/
}
*:first-child+html footer2{
	min-height: 1px;/*for ie7*/
}
.footertext, .footertext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	text-decoration: none;
	background: #E2D5BC;
}


#primarycontent {
position: relative;
	margin: 10px;
	padding: 10px 0px 0px 0px;
	border: 0px none;
	top: 0px;
	left:70px;
	width: 600px;
	height: 770px;
	background: #E2D5BC;
}
#primarycontent2 {
position: relative;
	margin: 10px;
		padding: 10px 0px 0px 0px;
	border: 0px none;
	top: 0px;
	left:70px;
	width: 844px;
	height: auto;
	background: #E2D5BC;
}
#logo {
	position: relative;
	margin: 10px;
	border: 0px;
	padding: 0px;
	width: 250px;
	height: 92px;
	background-image: url(../images/ArmstrongConstVectorLogo.gif);
	background-repeat: no-repeat;
	
}
#banner {
	position: relative;
	margin: 10px 10px 0px 10px;
	border: 0px;
	padding: 0px;
	width: 580px;
	height: 100px;
	border: 0px none;
	background-image: url(../images/banner2009.jpg);
}
#banner2 {
	position: relative;
	top:-98px;
	left: 245px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 585px;
	height: 100px;
	border: 0px none;
	background-image: url(../images/banner2009.jpg);
	background-position: center;
	
}
#hpcontentcontainer {
	position: relative;
	top: 10px;
	padding: 0px;
	margin: 0px 10px 10px 10px;
	border: 0px;
	width: 375px;
	height: auto;
	background-color: #ECE4D4;
}
#contentcontainer {
	position: relative;
	top: -85px;
	padding: 0px;
	margin: 0px 10px 10px 10px;
	border: 0px;
	width: 615px;
	height: auto;
	background-color: #ECE4D4;
}
#hptextcontainer {
	position: relative;
	padding: 0px;
	margin: 10px;
	width: 345px;
	height: auto;
	font-size: 100%;
	}
#textcontainer {
	position: relative;
	padding: 0px;
	margin: 10px;
	width: 605px;
	height: auto;
	font-size: 100%;
	}
#textcontainer ul{
	padding:2em;
}
#navcontainer {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 222px;
	left: 398px;
	width: 192px;
	height: auto;
	background-color: #ECE4D4;
	font-size: 100%;
}
#secnavcontainer {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 126px;
	left: 640px;
	width: 192px;
	height: auto;
	background-color: #ECE4D4;
	font-size: 100%;
}
#bluebar {
	position: relative;
	padding: 0px;
	margin: 0px;
	background-color: #045EB6;
	width: 375px;
	height: 15px;
}
#bluebar2{
	position: relative;
	padding: 0px;
	margin: 0px;
	background-color: #045EB6;
	width: 192px;
	height: 15px;
}
#bluebar3{
	position: relative;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	background-color: #045EB6;
	width: 192px;
	height: 15px;
	vertical-align: bottom;
}
#bluebar4{
	position: relative;
	padding: 0px;
	margin: 0px;
	background-color: #045EB6;
	width: 615px;
	height: 15px;
	vertical-align: top;
}
#address {
	position: relative;
	padding: 3px;
	margin: 0px;
	left: 0px;
	width: 192px;
	top: 0px;
	font-family: Arial, Verdana,Helvetica,sans-serif;
	font-size: 70%;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	color: black;
}
#address a {
	font-size: 100%;
}
/* NAVIGATION */

#navlist {
	position: relative;
	margin: 0px; 
	padding: 0px;
	width:192px; 
	}
#navlist ul{
	padding-left:3em;
   margin-left:0px;
}

#navbuttons {
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
}
#navlist a {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	line-height: 180%;
	background-color: #ECE4D4;
	color: #003366;
	width: 192px;
}
#navlist a:link {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	background-color: #ECE4D4;
	color:#003366;
	}
#navlist a:visited {
	text-decoration: underline;
	background-color: #ECE4D4;
	color:#003366;
	}
#navlist a:hover {
	font-weight: bold;
	color: #6E6755;
	background-color: #ECE4D4;
}
#navlist a:active {
	font-weight: bold;
	color: #6E6755;
	background-color: #ECE4D4;
}
#ourworkbuttons {
	position: relative;
	margin: 0px 0px 0px -30px;
	padding: 0px;
	list-style: square inside none;
}
#ourworkbuttons a {
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: 90%;
	font-weight: normal;
	background-color: #ECE4D4;
	text-decoration: none;
	color: #045EB6;
}
#ourworkbuttons a:link {
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: 90%;
	font-weight: normal;
	background-color: #ECE4D4;
	text-decoration: none;
	color: #045EB6;
}
#ourworkbuttons a:visited {
	text-decoration: none;
	background-color: #ECE4D4;
	color: #045EB6;
	}
#ourworkbuttons a:hover {
	font-weight: bold;
	color: #045EB6;
	background-color: #ECE4D4;
}
#ourworkbuttons a:active {
	font-weight: bold;
	color: #045EB6;
	background-color: #ECE4D4;
}

#assocbar{
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 189px;
	height: 75px;
	background-image: url(../images/assocbar.gif); 
	background-repeat: no-repeat; 
}
#betterliving{
	position: absolute; 
	top: 25px; 
	margin-left: 67px; 
	width: 73px; 
	height: 30px; 
}
#betterliving a {
	position: absolute;
	margin: 0px; 
	top:0px;
	width: 73px; 
	height: 30px; 
}
#energystar{
	position: absolute; 
	top: 25px; 
	margin-left: 140px; 
	width: 48px; 
	height: 50px; 
}
#energystar a {
	margin: 0px; 
	top:0px;
	width: 48px; 
	height: 50px; 
}
#andersen { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 36px; 
		height: 25px; 
		background-color: transparent; 
		border: 0px;
}	
#homebuilders { 
		position: absolute; 
		margin-left: 36px; 
		top:0px;
		width: 29px; 
		height: 25px; 
}
#homebuilders a { 
		margin: 0px; 
		top:0px;
		width: 29px; 
		height: 25px; 
}
#r2000 { 
		position: absolute; 
		top: 0px; 
		margin-left: 65px; 
		width: 32px; 
		height: 25px; 
}
#r2000 a { 
		
		top: 0px; 
		margin: 0px; 
		width: 32px; 
		height: 25px; 
}	
#tarion { 
		position: absolute; 
		top: 0px; 
		margin-left: 97px; 
		width: 92px; 
		height: 25px; 
}
#tarion a { 
		top: 0px; 
		margin: 0px; 
		width: 92px; 
		height: 25px; 
}	

/* This section sets menu items to bold when page loaded.*/
body.builderprofile #navlist #profile {font-weight:bold; font-size:14px;}
body.ourwork #navlist #ourwork {font-weight:bold; font-size:14px;}
body.associations #navlist #associations {font-weight:bold; font-size:14px;}
body.contactus #navlist #contactus {font-weight:bold; font-size:14px;}
body.photogallery #navlist #photogallery {font-weight:bold; font-size:14px;}
body.recentwork #navlist #recentwork {font-weight:bold; font-size:14px;}
body.productssuppliers #navlist #productssuppliers {font-weight:bold; font-size:14px;}


/* CONTENT - TEXT FORMATTING */

H1 {font-weight: bold;
	font-style: normal;
	font-size: 190%;
	color: #045EB6;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px 0px 14px 0px;
	padding-top: 0px;
}
H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 160%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #5E4C28; 
	margin: 14px 0px 14px 0px;
	padding-top: 0px;
}
H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000; 
	}
.smalltext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 60%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}
p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	margin-top:14px;
	color: #000000;
}
bodytext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #000000;
}
p.caption{
	font-size: 150%;
	font-family: Georgia,Times Roman;
	line-height: 170%;
	font-style: italic;
	padding: 15px;
	color: gray;
	font-weight: bold;
}

a:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;  
	color: #045EB6;
	}
a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #996633; 
	}
a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: underline;
	font-weight: bold;
	color: #045EB6; 
	}
a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #045EB6; 
	}
li {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #000000; 
	}
ul {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #000000; 
	}
td {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #000000; 
	}
tr {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #000000;
}
table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	color: #000000;
}