@charset "utf-8";
/* CSS Document */

body {
	background-color: #333333;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#topnavigation {
	font-size: medium;
	color: #000000;
	position: absolute;
	z-index: 4;
	left: 275px;
	top: 147px;
	width: 709px;
	height: 33px;
}
#editablereg {
	position: absolute;
	z-index: 4;
	left: 8px;
	top: 191px;
	width: 988px;
	height: 683px;
}
a:visited {
	color: #F8CC00;
}
#wbc-bbb {
	color: #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 213px;
	top: 209px;
	height: 184px;
	width: 569px;
}

#type-roof {
	position: absolute;
	z-index: 4;
	left: 490px;
	top: 25px;
	height: 388px;
	width: 405px;
}
#welcometitle {
	position: absolute;
	z-index: 5;
	left: 152px;
	top: -1px;
	font-size: xx-large;
	color: #FFCC00;
	font-weight: bolder;
	width: 619px;
}
#hometext {
	position: absolute;
	z-index: 4;
	left: 153px;
	top: 51px;
	width: 783px;
	height: 100px;
	font-size: medium;
	color: #FFFFFF;
}
#servicearea {
	color: #FFCC00;
	position: absolute;
	z-index: 4;
	left: 15px;
	top: 184px;
	font-size: x-large;
	font-weight: bold;
}
#servicetext {
	color: #FFFFFF;
	position: absolute;
	z-index: 4;
	left: 11px;
	top: 237px;
	font-size: large;
}
#copyright {
	font-size: medium;
	color: #FFFFFF;
	position: absolute;
	left: 345px;
	top: 1006px;
}
#typesofroof {
	position: absolute;
	z-index: 5;
	left: 12px;
	top: 370px;
	font-size: x-large;
	color: #FFCC00;
	font-weight: bold;
}
#threepics {
	position: absolute;
	z-index: 5;
	left: 613px;
	top: 160px;
	height: 346px;
	width: 339px;
}

#roof {
	color: #FFFFFF;
	position: absolute;
	z-index: 4;
	left: 10px;
	top: 424px;
	font-size: large;
}
#newimg1 {
	position: absolute;
	left: 283px;
	top: 110px;
}

#projecttitle {
	position: absolute;
	z-index: 4;
	width: 346px;
	left: 14px;
	top: 19px;
	color: #FFCC00;
	font-weight: bold;
	font-size: x-large;
}
#type1 {
	color: #FFFFFF;
	position: absolute;
	z-index: 4;
	left: 13px;
	top: 560px;
	width: 169px;
}
#subproject {
	font-size: x-large;
	color: #FFCC00;
	position: absolute;
	z-index: 4;
	left: 10px;
	top: 498px;
	width: 293px;
	height: 44px;
	font-weight: bold;
}
#projecttitle {
	font-size: xx-large;
	color: #FCCB04;
	position: absolute;
	z-index: 3;
}
#projecttype {
	font-size:x-large;
	color: #FFCC01;
	position: absolute;
	left: 12px;
	top: 502px;
	font-weight: bold;
}

#resroof {
	font-size: large;
	color: #FFFFFF;
	position: absolute;
	left: 242px;
	top: 408px;
	width: 201px;
	border: medium solid #FFFFFF;
}
#newrooftext {
	font-size: large;
	color: #FFFFFF;
	position: absolute;
	left: 12px;
	top: 86px;
	width: 856px;
}
#rrooftext {
	font-size: medium;
	color: #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 19px;
	top: 671px;
}
#rrimg1 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 470px;
	top: 409px;
	width: 198px;
	height: 133px;
}
#rrimg2 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 699px;
	top: 408px;
	width: 198px;
	height: 133px;
}
#rrimg3 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 455px;
	top: 521px;
}
#rrimg4 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 677px;
	top: 521px;
}
#rrimg5 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 17px;
	top: 707px;
}
#resimg1 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 703px;
	top: 181px;
}
#restext {
	font-size: medium;
	color: #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 234px;
	top: 679px;
}
#resing2 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 4;
	left: 14px;
	top: 409px;
}








#nimg1 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 10px;
	top: 180px;
}
#nimg3 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 477px;
	top: 181px;
}
#historycontent {
	position: absolute;
	z-index: 2;
	height: 669px;
	width: 984px;
	left: 18px;
	top: 177px;
}
.subtitles {
	font-size: x-large;
	font-weight: bold;
	color: #FED000;
}
#projecttext {
	font-size: medium;
	color: #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 17px;
	top: 257px;
}



#nimg2 {
	border: medium solid #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 245px;
	top: 180px;
}
#contacttitle {
	font-size: xx-large;
	color: #FCCC00;
	position: absolute;
	z-index: 4;
	font-weight: bold;
	left: 16px;
	top: 12px;
}
#contactimg {
	border: thick solid #FFFFFF;
	position: absolute;
	z-index: 4;
	left: 455px;
	top: 125px;
}
#email {
	position: absolute;
	z-index: 5;
	font-size: large;
	color: #FFFFFF;
	left: 0px;
	top: 338px;
}


#contacttext {
	font-size: large;
	color: #FFFFFF;
	position: absolute;
	z-index: 4;
	left: 19px;
	top: 123px;
	height: 431px;
	width: 422px;
}
#privtitle {
	font-size: xx-large;
	font-weight: bold;
	color: #FCCE07;
	position: absolute;
	z-index: 4;
	left: 17px;
	top: 21px;
}
#privtext {
	font-size: medium;
	color: #FFFFFF;
	position: absolute;
	z-index: 4;
	left: 59px;
	top: 95px;
	height: 513px;
	padding: 0px;
	margin: 0px;
	width: 770px;
}
#bbblogo {
	position: absolute;
	z-index: 8;
	left: 10px;
	top: 2px;
	height: 35px;
	width: 54px;
}
#estmaintext {
	font-size: small;
	color: #FFFFFF;
	position: absolute;
	z-index: 3;
	left: 26px;
	top: 253px;
	width: 937px;
}
#estimateform {
	position: absolute;
	z-index: 4;
	left: 52px;
	top: 300px;
}


#esttitle {
	font-size: x-large;
	font-weight: bold;
	color: #FFCD04;
	position: absolute;
	z-index: 3;
	left: 29px;
	top: 182px;
	width: 433px;
	height: 94px;
}
#con-form {
	position: absolute;
	z-index: 5;
	left: 17px;
	top: 342px;
	width: 950px;
	height: 587px;
	color: #FFFFFF;
}
#link-text {
	position: absolute;
	z-index: 2;
	color: #FFFFFF;
	height: 131px;
	width: 839px;
	left: 41px;
	top: 24px;
}
a:link {
	color: #FFFFFF;
}
a:link {
	color: #FFFFFF;
}
#form {
	position: absolute;
	z-index: 4;
	left: 54px;
	top: 47px;
	height: 604px;
	width: 905px;
}
#backgroundimage {
	position: absolute;
	z-index: 1;
	height: 981px;
	width: 976px;
}