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

body {background-color:#FFF; background-image:url(../images/bg.gif); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; padding:0px; margin:0px; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#f57d24; margin-top:0px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#f57d24;}
#container {margin:0 auto; width:960px;}
.link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f57d24; text-decoration:underline;}
.link:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#09C; text-decoration:underline;}
.linksml { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:underline;}
.linksml:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#09C; text-decoration:underline;}

#logo {
	height:70px;
	width:960px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:right;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#030303;
}

/* Navigation */

#nav {height:20px; width:580px; padding-top:50px; padding-left:380px; text-align:right;}
.nav { font-family:Arial, Helvetica, sans-serif; color:#231f20; font-size:14px; text-decoration:none; line-height:22px; font-weight:bold;}
.nav:hover {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:14px; text-decoration:none; line-height:22px; font-weight:bold;}

.navh { font-family:Arial, Helvetica, sans-serif; color:#f57d24; font-size:14px; text-decoration:none; line-height:22px; font-weight:bold;}
.navh:hover {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:14px; text-decoration:none; line-height:22px; font-weight:bold;}
#navend {height:44px; width:113px; float:left; border-right:1px solid #cccccc;}
#navmid {height:44px; width:113px; float:left; border-right:1px solid #cccccc;}
#home {width: 98px; height: 44px; float:left; border-right:1px solid #cccccc;}
#guttering {width: 169px; height: 44px; float:left; border-right:1px solid #cccccc;}
#facias {width: 140px; height: 44px; float:left; border-right:1px solid #cccccc;}
#harvesting {width: 140px; height: 44px; float:left; border-right:1px solid #cccccc;}
#about {width:98px; height: 44px; float:left; border-right:1px solid #cccccc;}
#contact {width:98px; height: 44px; float:left; border-right:1px solid #cccccc;}
#navbg {height:44px; width:211px; float:left; background-image:url(../images/navbg.jpg); background-repeat:no-repeat; background-position:right;}

.home {position:relative; background:url(../images/home_on.jpg) no-repeat; white-space: nowrap; display: block; width: 98px; height: 44px; margin: 0;}
.home a{display: block; width:98px; height: 44px; display: block; text-decoration:none; }
.home img {width: 98px; height:44px; border:0; }
* html a:hover {visibility:visible;}
.home a:hover img {visibility:hidden;}

.guttering {position:relative; background:url(../images/guttering_on.jpg) no-repeat; white-space: nowrap; display: block; width: 169px; height: 44px; margin: 0;}
.guttering a{display: block; width:169px; height: 44px; display: block; text-decoration:none; }
.guttering img {width: 169px; height:44px; border:0; }
* html a:hover {visibility:visible;}
.guttering a:hover img {visibility:hidden;}

.facias {position:relative; background:url(../images/facias_on.jpg) no-repeat; white-space: nowrap; display: block; width: 140px; height: 44px; margin: 0;}
.facias a{display: block; width:140px; height: 44px; display: block; text-decoration:none; }
.facias img {width: 140px; height:44px; border:0; }
* html a:hover {visibility:visible;}
.facias a:hover img {visibility:hidden;}

.harvesting {position:relative; background:url(../images/harvesting_on.jpg) no-repeat; white-space: nowrap; display: block; width: 140px; height: 44px; margin: 0;}
.harvesting a{display: block; width:140px; height: 44px; display: block; text-decoration:none;}
.harvesting img {width: 140px; height:44px; border:0; }
* html a:hover {visibility:visible;}
.harvesting a:hover img {visibility:hidden;}

.about {position:relative; background:url(../images/about_on.jpg) no-repeat; white-space:nowrap; display:block; width:98px; height: 44px; margin: 0;}
.about a{display:block; width:98px; height: 44px; display: block; text-decoration:none; }
.about img {width:98px; height:44px; border:0; }
* html a:hover {visibility:visible;}
.about a:hover img {visibility:hidden;}

.contact {position:relative; background:url(../images/contact_on.jpg) no-repeat; white-space: nowrap; display: block; width: 98px; height: 44px; margin: 0;}
.contact a{display: block; width:98px; height: 44px; display: block; text-decoration:none;}
.contact img {width: 98px; height:44px; border:0; }
* html a:hover {visibility:visible;}
.contact a:hover img {visibility:hidden;}

/* End Navigation */

#banner {height:230px; width:960px; margin-bottom:10px;}
#banner2 {height:150px; width:960px; margin-bottom:10px;}
#mbanner {height:140px; width:960px; margin-bottom:10px;}
#main {
	width:960px;
	margin-bottom:10px;
	margin-top:60px;
	border-bottom:1px solid #cccccc;
	position:relative;
	float:left;
}
#bottom {width:960px; padding-top:2px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; float:left}

#snav {
	width:200px;
	float:left;
	margin-top:80px;
}
#contbox {
	width:550px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	vertical-align:top;
}
#contban {height:34px; width:630px; background-image:url(../images/contban-bg.jpg); background-repeat:no-repeat; padding-top:12px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; color:#646951; font-size:18px;}
#content { padding:9px;}

#mcontbox {width:960px; float:left;}
#mcontban {height:34px; width:950px; background-image:url(../images/mainban.jpg); background-repeat:no-repeat; padding-top:12px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; color:#646951; font-size:18px;}
#mcontent {width:940px; padding:9px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}


#cprods {
	width:200px;
	float:left;
	margin-bottom:10px;
	padding-top: 40px;
}
#cprodban {width:300px; height:34px; background-image:url(../images/prodban-bg.jpg); background-repeat:no-repeat; padding-top:12px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; color:#646951; font-size:18px;}

#cblog {width:640px; float:left; margin-right:10px;}
#cnews {width:310px; float:left;}

/*Tooltip*/

.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:5px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}