@charset "utf-8";

/* CSS Document */



/* Palette:

Lighter Green:			7dcdc4

Darker Green:			477b77

*/



a {

	color:#477b77;

	font-weight:bold;

	text-decoration:none;

}



a:hover {

	color:#7dcdc4;

}



#b-bg {

	background-image:url(../assets/b-bg.png);

	text-align:left;

	width:920px;

	z-index:3;

}



#b-bottom {

	background-image:url(../assets/b-bottom.png);

	clear:both;

	height:25px;

	width:920px;

}



#b-top {

	background-image:url(../assets/b-top.png);

	height:25px;

	margin-top:10px;

	width:920px;

}



body {

	background-color:#477b77;

	background-image:url(../assets/bg.jpg);

	background-position:top;

	background-repeat:repeat-x;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:13px;

	margin:0px;

}



#call-now {

	background-image:url(../assets/call-now.png);

	float:right;

	height:92px;

	position:relative;

	right:20px;

	top:-35px;

	width:226px;

	z-index:5;

}



#clearer {

	clear:both;

	height:1px;

	width:900px;

}



.clearleft{ clear:left;}

.floatleft{ float:left; padding:5px;}



.col {

	float:left;

	width:200px;

}



.colm {

	float:left;

	margin-right:20px;

	width:200px;

}



#container {

	text-align:center;

	width:100%;

}



#foot {

	margin:0px 10px 0px 0px;

	text-align:right;

}



#foot a {

	color:#ffffff;

	font-weight:bold;

	text-decoration:none;

}



#foot a:hover {

	color:#dddddd;

}



h1 {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:24px;

	margin:10px 0px 10px 0px;

}



h2 {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:20px;

	margin:10px 0px 10px 0px;

}



hr {

	border-color:#7dcdc4;

	border-style:solid;

	border-width:3px 0px 0px 0px;

}



img {

	border:none;

}



#inner {

	clear:both;

	min-height:100px;

	position:relative;

	text-align:left;

	top:-30px;

}



input {

}



#large {

	margin:0px 0px 10px 0px;

}



#left-menu {

	float:left;

	margin-left:30px;

	width:200px;

	margin-top:5px;

}



#left-menu-list a {

	background-image:url(../assets/left-menu-bg.jpg);

	color:#ffffff;

	display:block;

	font-weight:bold;

	height:30px;

	line-height:30px;

	padding-left:20px;

	text-decoration:none;

	width:180px;

}



#left-menu-list #subleft a{

padding-left:40px;

width:160px;

font-size:12px;



}







#left-menu-list a:hover {

	background-image:url(../assets/left-menu-bg-over.jpg);

}



#left-menu-list li {

	margin:0px;

	padding:0px;

}



#left-menu ul {

	list-style:none;

	margin:0px;

	padding:0px;

}







#left-menu-bottom {

	background-image:url(../assets/left-menu-bottom.jpg);

	height:10px;

	overflow:hidden;

	width:200px;

}



#left-menu-top {

	color:#ffffff;

	background-image:url(../assets/left-menu-top.jpg);

	font-weight:bold;

	height:30px;

	line-height:30px;

	padding-left:20px;

	width:180px;

}



#logo {

	background-image:url(../assets/logo.jpg);

	float:left;

	height:163px;

	left:30px;

	position:relative;

	width:200px;

	z-index:4;

}



#logo a{

	display: block;

	height: 156px;

	width: 185px;

	text-align: center;

	margin-top: 0px;

	margin-right: 3px;

	margin-bottom: 3px;

	margin-left: 3px;

	float: left;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	overflow: hidden;

	z-index: 10;

}





#main {

	float:right;

	margin-right:25px;

	width:645px;

}



#menu {

	background-color:#000000;

	background-image:url(../assets/menu-bg.jpg);

	float:right;

	height:35px;

	line-height:35px;

	overflow:hidden;

	padding-left:240px;

	position:relative;

	right:10px;

	top:-80px;

	width:660px;

}



#menu a {

	color:#ffffff;

	font-weight:bold;

	text-decoration:none;

}



#menu li {

	float:left;

	margin:0px 25px 0px 0px;

	padding:0px;

}



#menu ul {

	list-style:none;

	margin:0px;

	padding:0px;

}



#menu a:hover {

	color:#477b77;

}



#outer {

	margin:auto;

	width:920px;

}



p.right {

	text-align:right;

}



.thumb {

	cursor:pointer;

	margin:0px 10px 10px 0px;

}



.thumbright {

	cursor:pointer;

	margin:0px 0px 10px 0px;

}





#front-trio{}



#front-trio h2{ position:absolute; left:67px; top:95px; color:#FFFFFF; font-size:15px;}

#front-trio h2 a{ color:#FFFFFF;}

#front-trio p{ position:absolute; padding:15px; top:125px; text-align:justify; font-size:12px; }

#front-trio .layer a{ display:block; width:215px; height:100px; position:absolute;  }



.index-list li{



float: left;

margin-left: 20px;

margin-right: 10px;

}



.index-list{

	clear: both;

	float: left;

	margin: 2px;

	padding: 2px;

}



#construction-trio{

	width:215px;

	height:280px;

	background-image: url(../assets/construction-front.jpg);

	background-repeat: no-repeat;

	float:left;

	position:relative;

}

#plumbing-trio{

width:214px;

	height:280px;

	background-image: url(../assets/plumbing-front.jpg);

	background-repeat: no-repeat;

	float:left;

	position:relative;







}

#renewable-trio{

		width:215px;

	height:280px;

	background-image: url(../assets/renewable-front.jpg);

	background-repeat: no-repeat;

	float:left;

	position:relative;





}





#free-flow-floor-screed{

	background-image: url(../images/free-flow-floor-screed-norfolk.jpg);

	background-repeat: no-repeat;

	width:606px; height:128px;

	padding:20px;

}



#norfolk-flint{

	background-image: url(../images/norfolk_flint.jpg);

	background-repeat: no-repeat;

	width:606px; height:154px;

	padding:20px;

}



#free-flow-floor-screed h2{

float:right;

color:#FFFFFF;

padding:0px;

margin:0px;

}





#norfolk-flint h2{

float:right;

color:#FFFFFF;

padding:0px;

margin:0px;

}





#free-flow-floor-screed p{

clear:right;

float:right;

color:#FFFFFF;

padding:0px;

margin:0px;

display:block;

width:300px;

text-align:justify;

font-size:12px;

}



#norfolk-flint p{

clear:right;

float:right;

color:#FFFFFF;

padding:0px;

margin:0px;

display:block;

width:300px;

text-align:justify;

font-size:12px;

}



#norfolk-flint a:hover{

	color:#ffffff;

}



#free-flow-floor-screed a:hover{

	color:#ffffff;

}



#insurance{

	padding: 0px;

	width: 172;

	margin-top: 6px;

	margin-right: 0px;

	margin-bottom: 6px;

	margin-left: 10px;

}



#insurance a{

	text-decoration: underline;

	color: #000000;

	background-image: none;

	width: 168px;

	margin: 1px;

	padding: 0px;

	height: 15px;

}

#insurance a:hover{

	text-decoration: underline;

	color: #000000;

	background-image: none;

}

#under-floor-heating { background-image: url(../assets/under-floor-heating.jpg); background-repeat: no-repeat; width:606px; height:128px; padding:20px; margin-bottom:30px; }


#under-floor-heating h2{

float:right;

color:#FFFFFF;

padding:0px;

margin:0px;

}


#under-floor-heating p{

clear:right;

float:right;

color:#FFFFFF;

padding:0px;

margin:0px;

display:block;

width:300px;

text-align:justify;

font-size:12px;

}







#under-floor-heating a:hover{

	color:#ffffff;


}


#floorflow {
	float: left;
	height: 200px;
    text-align: center;	
	background-image: url(../images/floorflow.png);
	clear: both;
	background-repeat: no-repeat;
	background-image: url(../images/floorflow.png);
	padding:60px 20px 0px 20px;
	text-align:center;
}

#floorflow a {
	background-image:none;
	color:#477b77;
	display:inline;
	line-height:normal;
}

#floorflow a:hover {
	background-image:none;
}