@charset "utf-8";
/*reset all default browser to this*/
html, body {
	margin: 0px;
	padding: 0px;
}

/*explicitly tell browsers to position using the body tag*/
body {
	margin-top: 15px;
	background: url(../_assets/brickwall.png) repeat fixed;
	margin-bottom: 20px;
}

/*p tag paragraphed letter, font and colour*/
p {
	color: #30458A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
}

/*h2 tag letter, font and colour*/
h2 {
	margin: 0px 0px 25px;
	padding: 0px;
	color: #30458A;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
}
.content-h2 {
	margin: 0px 0px 25px;
	padding: 0px;
	color: #30458A;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	text-align:center;
}


/*h6 tag letter, font and colour*/
h6 {
	font-style: normal;
	margin:0;
	text-align: center;
	color: #7C8FD1;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/*minimum required text on contact us page*/
.makeSmalltext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8125em;
	font-style: italic;
	color: #999;
}

/*hr tag restyled*/
.hr-style-two {
	border: 0;
	height: 1px;
	clear: both;
	background-image: -webkit-linear-gradient(left, #FFFFFF, #0A2375, #FFFFFF);
	background-image:    -moz-linear-gradient(left, #FFFFFF, #0A2375, #FFFFFF);
	background-image:     -ms-linear-gradient(left, #FFFFFF, #0A2375, #FFFFFF);
	background-image:      -o-linear-gradient(left, #FFFFFF, #0A2375, #FFFFFF);
	background-image:      linear-gradient(left, #FFFFFF, #0A2375, #FFFFFF);
	width: 85%;
}

/*heading introduction*/
.h4-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #30458a;
	font-weight: bold;
}

/*prorietor details*/
.p-intro {
	font-style: italic;
	font-size: .8125em;
}

/*sub content box and style*/
.content-div {
	border: solid thin #cfcfcf;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 10px 10px 10px #CFCFCF;
	margin: 0 auto;
	padding: 20px;
	height: auto;
	width: 735px;
	overflow: hidden;
	background: #F5F5F5;
	margin-bottom: 20px;
}

/*home page image placement*/
.img-right {
	clear: right;
	float: right;
	-o-box-shadow: 0px 0px 5px 5px #CFCFCF;
	-moz-box-shadow: 0px 0px 5px 5px #CFCFCF;
	-webkit-box-shadow: 0px 0px 5px 5px #CFCFCF;
	box-shadow: 0px 0px 5px 5px #CFCFCF;
	padding: 1px;
	border: 1px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 40px;
}

/*image alignment within sub content box*/
.content-image {
	text-align: center;
	margin-top: 30px;
}

/*main page wrapper*/
#wrapper {
	width: 918px;
	height: auto;
	padding: 10px;
	border: 1px solid #CCC;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	margin: 0 auto;
	box-shadow: 10px 10px 10px #CFCFCF;
	background: #FFF;
	position: relative;
}

/*main header*/
#header {
	height: 262px;
	width: 918px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background: url(../_assets/BannerLogo-918x265.png) no-repeat;
}

/*navigation layout*/
#mainNav {
	width: auto;
	margin: 0 auto;
	float: right;
	clear: both;
	margin-bottom: 25px;
}

/*main content within the wrapper div*/
#mainContent {
	width: 850px;
	margin: 0 auto;
	clear: both;
	margin-bottom: 40px;
}

/*image styling - mainly on projects page*/
#extensionImage img, #newImage img, #conservatoriesImage img, #upvcImage img, #refurbsImage img {
	padding: 1px;
	-o-box-shadow: 0px 0px 5px 5px #CFCFCF;
	-moz-box-shadow: 0px 0px 5px 5px #CFCFCF;
	-webkit-box-shadow: 0px 0px 5px 5px #CFCFCF;
	box-shadow: 0px 0px 5px 5px #CFCFCF;
	border: 1px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 13px;
	margin-top: 5px;
}

/*professional boddies div*/
#profBodies {
	background: url(../_assets/proBodiesv2%20800x114.png);
	/*if width set to 800px will reveal nhbc part of this image*/	
	width: 660px;
	margin: 10px auto;
	height: 114px;
}

/*footer div which also holds sites and pages library file*/
#footer {
	width: 800px;
	margin: 10px auto;
	text-align: center;
	color: #9A2C44;
	font-size: 0.6825em;
	font-family: Verdana, Geneva, sans-serif;
}