@import url("core.css");
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(../images/home/bg-body.png);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 12px;
}
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.clearspace {
	clear:both;
	height:1px;
	line-height:1px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}
ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}
a {
	color: #6a5432;
	text-decoration:underline;
}
a:hover {
	color: #6a5432;
	text-decoration:none;
}
p {
	margin:0px 0px 20px 0px;
	line-height: 22px;
	padding: 0px;
}
#outer-wrapper {
	text-align:left;
	padding:0px;
	margin:0px;
	background-image: url(../images/home/bg-outerwrapper.png); background-repeat: no-repeat; background-position: center top;
}
#wrapper {
	width:960px;
	text-align:left;
	padding:0px;
	margin:0px auto;
}
#header {
	height:86px;
	background-image:url(../images/home/bg-header.png); background-repeat:no-repeat;
	margin-left:25px;
}
	#header #logo {
	width:225px;
	height:1px;
	overflow:hidden;
	padding-top:85px;
	display:block;	
	}
#banner {
	width:909px;
	height:275px;
	margin-left:25px;
}
#mainsection {
	margin-top:41px;
	margin-left:25px;
	background-image: url(../images/home/bg-mainsection.jpg);
	background-repeat: no-repeat;
	background-position: -25px bottom;
}
	#content {
		width:631px;
		float:left;
		margin-right:17px;
		min-height:472px;
		padding-bottom:65px;
		background-image: url(../images/home/bg-content.png);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#firstpara {
	margin-top:17px;
	margin-bottom:13px;
	padding-right:40px;
	}
	#alco-button {
	background-image: url(../images/home/alco_button.png);
	height: 1px;
	width: 255px;
	display: block;
	padding-top:38px;
	background-position: 0px 0px;
	overflow:hidden;
	}
	#alco-button:hover {
	background-position: 0px -39px;
	}
	#products {
	background-image: url(../images/home/bg-product-divider.png);
	background-repeat: repeat-y;
	background-position: 311px top;
	margin-top:32px;
	width:624px;
	}
		#products-leftcol {
		width:311px;
		float:left;
		}			
			#products-leftcol .heading, #products-rightcol .heading {
			margin-bottom:16px;
			}
			#products-leftcol li, #products-rightcol li {
			margin:0px;
			padding:0px;
			list-style:none;
			}
			#products-leftcol li a, #products-rightcol li a {
			display:block;
			color: #6a5432;
			text-decoration: underline;			
			}
			#products-leftcol li a:hover, #products-rightcol li a:hover {
			color: #6a5432;
			text-decoration: none;			
			}
				#bosca, #mirage-retractable, #mirage-power, #vista, #breeze, #probuild-aluminium, #probuilt-fencing {
				background-repeat: no-repeat;
				background-position: left top;
				padding-left: 118px;
				} 
				#bosca {
				background-image: url(../images/home/logo-bosca.png);
				height:32px;
				padding-top: 19px;
				}
				#mirage-retractable {
				background-image: url(../images/home/logo-mirage-retractable.png);
				height:32px;
				padding-top: 24px;
				}
				#mirage-power {
				background-image: url(../images/home/logo-mirage-power.png);
				height:35px;
				padding-top: 23px;
				}
				#vista {
				background-image: url(../images/home/logo-vista.png);
				height:24px;
				padding-top: 19px;
				}
				#breeze {
				background-image: url(../images/home/logo-breeze.png);
				height:32px;
				padding-top: 11px;
				margin-left:8px;
				}
				#probuild-aluminium {
				background-image: url(../images/home/logo-probuilt-aluminium.png);
				height:32px;
				padding-top: 18px;
				margin-left:8px;
				}
				#probuilt-fencing {
				background-image: url(../images/home/logo-probuilt-fence.png);
				height:35px;
				padding-top: 24px;
				margin-left:8px;
				}
			
		#products-rightcol {
		width:313px;
		float:left;
		}
			

	#sidebar {
	width:265px;
	float:left;
	}
		#cta {
		background-image: url(../images/home/bg-cta-icons.png);
		height: 345px;
		background-repeat: no-repeat;
		}
		#cta ul {
		padding-top:40px;
		/*margin-left: 71px;*/
		}
		#cta li {
		list-style-type:none;
		margin-bottom:14px;
		}
		#cta li a {
			display:block;
			height:1px;
			padding-top:47px;
			overflow:hidden;
			text-decoration:none;
			background-image: url(../images/home/cta.png);
			background-repeat:no-repeat;
			width:190px;
			padding-left: 71px;
		}
		#cta-contact {
		background-position: 71px -18px;
		}
		#cta-contact:hover {
		background-position: -194px -18px;
		}
		#cta-dealer {
		background-position: 71px -80px;
		}
		#cta-dealer:hover {
		background-position: -194px -80px;
		}
		#cta-news {
		background-position: 71px -142px;
		}
		#cta-news:hover {
		background-position: -194px -142px;
		}
		#cta-media {
		background-position: 71px -204px;
		}
		#cta-media:hover {
		background-position: -194px -204px;
		}
		
		#cta ul #social {
			padding-left: 83px;
		}
		#cta #social a {
			margin: 15px 14px 0px 0px; 
			padding: 20px 0px 0px 0px;
			width: 20px;
			float: left;
			display: inline-block;
		}
		#cta li #cta-twitter {
			background: url(../images/home/cta-twitter.gif) no-repeat;
		}
		#cta li #cta-facebook {
			background: url(../images/home/cta-facebook.gif) no-repeat;
		}
		#cta li #cta-linkedin {
			background: url(../images/home/cta-linkedin.gif) no-repeat;
		}
		#cta li #cta-youtube {
			background: url(../images/home/cta-youtube.gif) no-repeat;
		}
		#cta li #cta-wordpress {
			background: url(../images/home/cta-wordpress.gif) no-repeat;
		}
		
		#cta #social a:hover {
			background-position: 0 -30px;
		}
		
		

#footer {
	height:98px;
	background-image: url(../images/home/bg-footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-size:10px;
	color:#000000;
	line-height:16px;
}
	#footer-left {
		padding-top:26px;
		float:left;
		width:415px;
		margin-left:30px;
	}
		#footer-left a {
		
			text-decoration:none;	
		}
		#footer-left a:hover {
		
			text-decoration:underline;	
		}
		#footer-left .corporate, .corporate:hover {
			color:#6a5432;
		}
		#footer-left .bosca, .bosca:hover {
			color:#f47e1f;
		}
		#footer-left .breeze, .breeze:hover {
			color:#691571;
		}
		#footer-left .mirage, .mirage:hover {
			color:#4e9dff;
		}
		#footer-left .probuilt, .probuilt:hover {
			color:#ff363b;
		}
		#footer-left .vista, .vista:hover {
			color:#327927;
		}
	#footer-right {
		padding-top:26px;
		float:right;
		width:400px;
		margin-right:26px;
		text-align:right;
	}
		#footer-right a {
			color:#000000;
			text-decoration:underline;	
		}
		#footer-right a:hover {
			color:#000000;
			text-decoration:none;		
		}
		#footer-right span a {
			color:#000000;
			text-decoration:none;	
		}
		#footer-right span a:hover {
			color:#000000;
			text-decoration:underline;		
		}