BODY {
	background-color:#CED1E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#ffffff;
	line-height:0.9em;
}


H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:normal;
}

H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#CED1E0;
	font-weight:lighter;
	line-height:1.2em;
}

H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	line-height:1.2em;
	color:#ffffff;
	font-weight:lighter;
}

.bodybigger {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#CED1E0;
	text-decoration:none;
	line-height:1.3em;
}

.bodywhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#ffffff;
	line-height:1.3em;
}

.biggerwhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#ffffff;
	line-height:1.3em;
}

.whitesmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#ffffff;
}

.nav {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#CED1E0;
}

.rollovertxt {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.05em;
	color:#546798;
	line-height:1.2em;
}

#container1 {
	position:relative;
	width:760px;
	height:600px;
	margin:0px auto 0px auto;
	background-color:CED1E0;
	background-image:url(images/bg1.gif);
	background-repeat:no-repeat;
}

#container2 {
	position:relative;
	width:760px;
	height:600px;
	margin:0px auto 0px auto;
	background-color:CED1E0;
	background-image:url(images/bg2.gif);
	background-repeat:no-repeat;
}

#header {
	position:relative;
	width:760px;
	height:223px;
}

#headerhome {
	position:relative;
	width:760px;
	height:167px;
}

#leftholder {
	position:relative;
	float:left;
	width:506px;
	height:223px;
}

#navrollovers {
	position:relative;
	float:left;
	width:476px;
	height:106px;
	padding-top:40px;
	padding-left:20px;
}

#navbar {
	display:block;
	position:relative;
	width:471px;
	height:26px;
	padding-left:26px;
}

#navbar A {
	padding:0px 9px 0px 9px;
}

#navbar A:hover {
	text-decoration:none;
	color:#FFFFFF;
}

#navbar ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#navbar li {
	float:left;
}

#navbar #hello:hover,.helloactive {
	font-size:0.8em;
	text-decoration:none;
	color:#FFFFFF;
}

#navbar #know:hover,.knowactive {
	font-size:0.8em;
	text-decoration:none;
	color:#FFFFFF;
}

#navbar #what:hover,.whatactive {
	font-size:0.8em;
	text-decoration:none;
	color:#FFFFFF;
}

#navbar #questions:hover,.questionsactive {
	font-size:0.8em;
	text-decoration:none;
	color:#FFFFFF;
}

#strapline {
	position:relative;
	float:left;
	width:449px;
	height:32px;
	margin-top:22px;
	padding-left:35px;
}


#logo {
	position:relative;
	float:left;
	width:234px;
	height:101px;
	margin-top:140px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#homecontent {
	position:relative;
	width:710px;
	padding-left:35px;
}

#straplinehome {
	position:relative;
	float:left;
	width:449px;
	height:12px;
	padding-left:35px;
	padding-top:60px;
}

#pagecontent {
	position:relative;
	width:760px;
	height:309px;
	padding-top:67px;
}

#pagecontentroll {
	position:relative;
	width:760px;
	height:323px;
	padding-top:53px;
}

#pagetext {
	position:relative;
	float:left;
	width:386px;
	height:393px;
	padding-top:25px;
	padding-left:35px;
}

#pageimage {
	position:relative;
	float:right;
	width:333px;
	height:418px;
}

#pagetextvan {
	position:relative;
	float:left;
	width:274px;
	height:393px;
	padding-top:5px;
	padding-left:35px;
}

#pageimagevan {
	position:relative;
	float:right;
	width:445px;
	height:418px;
}

.product-container {
	display:none;
	clear:both;
}

#rolloversection {
	position:relative;
	width:760px;
	height:325px;
}


#rollmenu {
	display:block;
	position:relative;
	width:715px;
	height:45px;
	padding-left:35px;
}

#rollmenu A {
	padding:0px 16px 0px 0px;
}

#rollmenu A:hover {
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
}

#rollmenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#rollmenu li {
	float:left;
}

#rollmenu #drives:hover {
	padding:0px 16px 0px 0px;
	color:#FFFFFF;
}

#rollmenu #decking:hover {
	padding:0px 15px 0px 1px;
	color:#FFFFFF;
}

#rollmenu #walls:hover {
	padding:0px 16px 0px 0px;
	color:#FFFFFF;
}

#rollmenu #seal:hover {
	padding:0px 16px 0px 0px;
	color:#FFFFFF;
}

#rollmenu #bins:hover {
	padding:0px 16px 0px 0px;
	color:#FFFFFF;
}

#rollmenu #business:hover {
	padding:0px 16px 0px 0px;
	color:#FFFFFF;
}

#rollmenu #guarantee:hover {
	color:#FFFFFF;
}

#rollbg1 {
	position:relative;
	width:760px;
	height:260px;
	background-image:url(images/bgtxtleft.gif);
	background-repeat:no-repeat;
	padding-top:20px;
}

#rollbg2 {
	position:relative;
	width:760px;
	height:280px;
	background-image:url(images/bgtxtright.gif);
	background-repeat:no-repeat;
}

#rightxtbox {
	position:absolute;
	top:127px;
	left:343px;
	width:341px;
	height:169px;
}

#leftxtbox {
	position:absolute;
	top:127px;
	left:80px;
	width:341px;
	height:169px;
}

#circleimageleft {
	position:absolute;
	top:99px;
	left:38px;
	width:251px;
	height:208px;
}

#circleimageright {
	position:absolute;
	top:98px;
	left:466px;
	width:251px;
	height:208px;
}

#homecontent {
	position:relative;
	width:710px;
	height:300px;
	padding-left:35px;
}

#textsize {
	position:absolute;
	top:0px;
	left:610px;
	width:150px;
	height:28px;
	text-align:right;
}

.textsize1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#535e94;
	font-weight:bold;
	text-decoration:none;
}

.textsize2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#535e94;
	font-weight:bold;
	text-decoration:none;
}

.textsize3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#535e94;
	font-weight:bold;
	text-decoration:none;
}