@charset "utf-8";
body {
	background-image: url(Images/Back3.jpg);
	height: 700px;
	width: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#wrapper {
	height: 640px;
	width: 800px;
	position: absolute;
	margin-left: 225px;
}
#wrap2 {
	background-image: url(Images/Wrap_Back2.gif);
	height: 640px;
	width: 800px;
	position: absolute;
	z-index: 1;
}
#roofimg {
	height: 600px;
	width: 215px;
	position: absolute;
	margin-top: 16px;
	margin-left: -20px;
	z-index: 3;
	overflow: visible;
	left: -10px;
}
#logo {
	height: 125px;
	width: 350px;
	position: absolute;
	margin-left: 240px;
	z-index: 3;
}
#logoi {
	height: 125px;
	width: 350px;
	position: absolute;
	margin-left: 450px;
	z-index: 3;
}
.ititle {
	font-size: 22px;
	color: #000000; /*#c38218; #d17545; #d69517;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-left: 40px;
}
#buttons {
	height: 40px;
	width: 400px;
	position: absolute;
	margin-left: 212px;
	margin-top: 123px;
	z-index: 2;
}
#buttonsi {
	height: 40px;
	width: 400px;
	position: absolute;
	margin-left: 425px;
	margin-top: 123px;
	z-index: 2;
}
#aboutcontent {
	height: 515px;
	width: 620px;
	position: absolute;
	margin-left: 150px;
	margin-top: 160px;
	z-index: 3;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13px;
	color: #000000; /*#393939;*/
	text-decoration: none;
}
#pdfcontent {
	height: 450px;
	width: 620px;
	position: absolute;
	margin-left: 140px;
	margin-top: 165px;
	z-index: 3;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 17px;
	color: #393939;
	text-decoration: none;
}
#pdfcontent hr {
	margin-right: 250px;
	color: #c38218;
	width: 300px;
	border-top: #c38218;
	border-bottom-color: #c38218;
}
#aboutcontenti {
	height: 130px;
	width: 620px;
	position: absolute;
	margin-left: 315px;
	margin-top: 180px;
	z-index: 3;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
#mapcontent {  					/* Copy & paste from here */
	height: 440px;
	width: 600px;
	position: absolute;
	margin-left: 80px;
	margin-top: 165px;
	z-index: 3;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color: #393939;
	text-decoration: none;
}	
#mapcontentsp {  					/* Copy & paste from here */
	height: 470px;
	width: 770px;
	position: absolute;
	margin-left: 15px;
	margin-top: 165px;
	z-index: 3;
	visibility: visible;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color: #393939;
	text-decoration: none;
}
#wrapper #mapcontentsp .linkspecp{
	height: auto;
	width: auto;
	position: absolute;
	margin-top: -40px;
	margin-left: 680px;
	z-index: 4;
	visibility: visible;
	overflow: visible
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
}
#wrapper #mapcontentsp .linkspecp a:link{
	color: #30C;
}
#wrapper #mapcontentsp .linkspecp a:visited {
	color: #30C;
}
#wrapper #mapcontentsp .linkspecp a:hover {
	color: #c38218;
}
#wrapper #mapcontentsp .linkspecp a:active{
	color: #c38218;
}
#textsp {
	height: 300px;
	width: 770px;
	position: absolute;
	z-index: 3;
	visibility: visible;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
#textsp #kingspan a{
	height: 120px;
	width: 170px;
	position: absolute;
	margin-top: 40px;
	margin-left: 8px;
	z-index: 4;
	visibility: visible;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color: #CC6C0F;
	text-decoration: none;
}
#textsp #polyester a{
	height: 120px;
	width: 180px;
	position: absolute;
	margin-top: 40px;
	margin-left: 195px;
	z-index: 4;
	visibility: visible;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color: #30C;
	text-decoration: none;
	text-align: ;
}
#textsp #another a{
	height: 120px;
	width: 180px;
	position: absolute;
	margin-top: 40px;
	margin-left: 400px;
	z-index: 4;
	visibility: visible;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color: #CC6C0F;
	text-decoration: none;
	text-align: ;
}
#textsp #alkorplan a{
	height: 120px;
	width: 170px;
	position: absolute;
	margin-top: 40px;
	margin-left: 597px;
	z-index: 4;
	visibility: visible;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color: #30C;
	text-decoration: none;
	text-align: ;
}

/* links for specialist page pdf's */


#imagessp {
	background-image: url(Images/ImagesSp.jpg);
	height: 100px;
	width: 770px;
	position: absolute;
	margin-top: 300px;
	z-index: 3;
	visibility: visible;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color: #393939;
	text-decoration: none;
}
#wrapper #mapcontent ul li {
	list-style-type: none;
	list-style-position: outside;
	text-align: center;			 /* to here for alternative Map Pages */
}
#mapcontentread {  					
	height: 440px;
	width: 600px;
	position: absolute;
	margin-left: -50px;					/* For Reading office section ContactRead.html only */
	margin-top: 165px;
	z-index: 3;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color: #393939;
	text-decoration: none;
}
#wrapper #mapcontentread ul li {
	list-style-type: none;				/* For Reading office section ContactRead.html only */
	list-style-position: outside;
	text-align: center;			 
}
#specialistcontent {  					
	height: 440px;
	width: 600px;
	position: absolute;
	margin-left: 230px;					/* For Specialst roofing section in ContactRead.html only */
	margin-top: 165px;
	z-index: 3;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color: #393939;
	text-decoration: none;
}
#wrapper #specialistcontent ul li {
	list-style-type: none;				/* For Specialst roofing section in ContactRead.html only */
	list-style-position: outside;
	text-align: center;			 
}
#mapheader{
	height: auto;
	width: auto;
	position: absolute;
	margin-left: 120px;
	margin-top: 188px;
	z-index: 4;
}
#linksheader {
	height: auto;
	width: auto;
	position: absolute;
	margin-left: 140px;
	margin-top: 165px;
	z-index: 4;
}
#map {
	height: 400px;
	width: 650px;
	position: absolute;
	margin-left: 115px;
	margin-top: 200px;
	z-index: 2;
}
#codetails {
	height: 30px;
	width: 800px;
	position: absolute;
	margin-top: 605px;
	text-align: center;
	font-size: 15px;
	color: #333;
	z-index: 2;
}
#linkspage {
	height: 400px;
	width: 650px;
	position: absolute;
	margin-left: 100px;
	margin-top: 215px;
	text-align: center;
	z-index: 3;
}
#links{
	text-align: center;
	height: 15px;
	width: 800px;
	position: absolute;
	margin-top: 640px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	z-index: 4;
	top: 3px;
}
#linksi{
	text-align: center;
	height: 15px;
	width: 800px;
	position: absolute;
	margin-left: 225px;
	margin-top: 645px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	z-index: 4;
}
#links .i {
	color: #F60;
}
#linksi .i {
	color: #F60;
}
#linksread{
	text-align: center;
	height: 20px;
	width: 800px;
	position: absolute;
	margin-left: 224px;
	margin-top: 643px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	z-index: 4;
}
#linksread .i {
	color: #F60;	
}
#footer{
	height: 16px;
	width: 778px;
	position: absolute;
	margin-left: 237px;
	margin-top: 665px;
	z-index: 4;
}
#footeri{
	height: 16px;
	width: 778px;
	position: absolute;
	margin-left: 238px;
	margin-top: 665px;
	z-index: 4;
}
#footerlinks{
	height: 40px;
	width: 800px;
	position: absolute;
	margin-left: 230px;
	margin-top: 665px;
	z-index: 4;
}
#footerlinks .createdby {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #979799;
	text-decoration: none;              /* For Links Page only */
	width: auto;
	height: auto;
	position: absolute;
	z-index: 4;
}
#footerlinks .createdby a {
	color: #979799;             /* For Links Page only */
	
}
#footerlinks .validator {
	width: auto;
	position: absolute;				    /* For Links Page only */
	height: auto;
	margin-left: 600px;
	z-index: 4;
}
h1 {
	font-size: 22px;
	color: #000000; /*#c38218; #d17545; #d69517;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-left: 40px;
}
#aboutcontenti h2{
	font-size: 22px;
	color: #000000; /*#c38218; #d17545; d69517*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-left: -400px;
}

#pdf a {          /* For Text in About Us Page only */
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	text-decoration: none;
	color: #30C;
	width: auto;
	height: auto;
	position: absolute;
	margin-left: 15px;
	margin-top: 450px;
	z-index: 4;
	top: 16px;
	text-align: center;
}
#wrapper #mapcontent .covers {
	width: auto;
	height: auto;
	position: absolute;
	font-size: 14px;
	color: #30F;
	margin-left: 125px;
	margin-top: -10px;
}
#wrapper #flatroofing {
	width: 160px;
	height: 58px;
	border: thin double #c38218;
	margin-top: 215px;
	margin-left: 595px;
	padding-top: 4px;
	position: absolute;
	z-index: 4;
}
#wrapper #flatroofing a {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	text-decoration: none;
	color: #36488d;
}
#wrapper #flatroofing a:link {
	color: #36488d;
	text-decoration: none;
}
#wrapper #flatroofing a:visited {
	color: #36488d;
	text-decoration: none;
}
#wrapper #flatroofing a:hover {
	color: #c38218;
	text-decoration: none;
}
#wrapper #flatroofing a:active {
	color: #c38218;
	text-decoration: none;
}


#pdf a:link {
	color: #c38218;
	text-decoration: none;
}
#pdf a:visited {
	color: #c38218;
	text-decoration: none;
}
#pdf a:hover {
	color: #30C;
	text-decoration: none;
}
#pdf a:active{
	color: #30C;
	text-decoration: none;
}

#wrapper #pictures a {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	text-decoration: none;
	color: #30C;
	width: 110px;
	height: 20px;
	margin-top: 530px;
	position: absolute;
	z-index: 4;
	visibility: visible;
	margin-left: 45px;
}
#wrapper #picturesi {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	text-decoration: none;
	color: #30C;
	width: 545px;
	height: 335px;
	position: absolute;
	z-index: 4;
	visibility: visible;
	margin-top: 305px;
	margin-left: 130px;
}
#wrapper #pictures a:link {
	color: #c38218;
	text-decoration: none;
}
#wrapper #pictures a:visited {
	color: #c38218;
	text-decoration: none;
}
#wrapper #pictures a:hover {
	color: #30C;
	text-decoration: none;
}
#wrapper #pictures a:active {
	color: #30C;
	text-decoration: none;
}
#aboutcontentrimage {
	height: 450px;
	width: 590px;
	position: absolute;
	margin-left: 115px;
	margin-top: 165px;
	z-index: 3;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13px;
	color: #393939;
	text-decoration: none;
}
#pic1 {
	width: 180px;
	height: 100px;
	position: absolute;
	margin-left: 915px;
	margin-top: 480px;
	z-index: 5;
}
#pic2 {
	width: 180px;
	height: 100px;
	position: absolute;
	margin-left: 915px;
	margin-top: 350px;
	z-index: 5;
}
#pic3 {
	width: 180px;
	height: 100px;
	position: absolute;
	margin-left: 158px;
	margin-top: 350px;
	z-index: 5;
}
#pic4 {
	width: 180px;
	height: 100px;
	position: absolute;
	margin-left: 158px;
	margin-top: 480px;
	z-index: 5;
}
#orangeline1 {
	width: 180px;
	height: 10px;
	position: absolute;
	margin-left: 158px;
	margin-top: 460px;
	z-index: 5;
}
#orangeline2 {
	width: 180px;
	height: 10px;
	position: absolute;
	margin-left: 915px;
	margin-top: 460px;
	z-index: 5;
}
.file1 {
	width: 35px;
	height:35px;
	position: absolute;
	margin-left: 300px;
}
.file2 {
	width: 35px;
	height:35px;
	position: absolute;
	margin-left: 358px;
}
.file3 {
	width: 35px;
	height:35px;
	position: absolute;
	margin-left: 332px;
}
.file4 {
	width: 35px;
	height:35px;
	position: absolute;
	margin-left: 310px;
}
.file5 {
	width: 35px;
	height:35px;
	position: absolute;
	margin-left: 192px;
}
.file6 {
	width: 35px;
	height:35px;
	position: absolute;
	margin-left: 142px;
}
.file7 {
	width: 35px;
	height:35px;
	position: absolute;
	margin-left: 156px;
}
.file8 {
	width: 35px;
	height:35px;
	position: absolute;
	margin-left: 260px;
}