/* © 2007 AGI - Australian Gypsum Industries */
/* homepage styles */

body {
	margin: 0;
	padding: 0;
	font: 12px/16px "Lucida Grande", "Trebuchet MS", arial, helvetica, sans-serif;
	text-align: left;
	color: #000;
	background: #fff url(../images/bg_strip_top.jpg) top repeat-x;
	}	
	
html, body {height: 100%;}
		
/* layout */

#header {
	background: transparent url(../images/insulation_header.png) top no-repeat;
	margin-right: auto;
	margin-left: auto;
	height: 134px;
	width: 760px;
	padding: 0 0 0 0px;
	margin-top: 0;
	margin-bottom: 0;	
	}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	padding: 0 0 10px 0;
	background: transparent;
	}
		
#banner {
	height: 215px;
	background: transparent url(../images/banner_bg.jpg) top no-repeat;
	margin: 0;
	padding: 0;
	clear: both;	
	display: block;
	overflow: hidden;
	
	}	
	
#bannergallery {
	float: right;
	width: 560px;
	height: 180px;
	margin: 20px 0px 0 0;
	}
	
#leftcol { 
	float: left;
	background-color: #e6f1f2;
	width: 215px; 
	margin: 20px 0 0 0; 
	text-align: left; 
	padding: 0 0 10px 0;
	}
	
#leftcol p {
	padding: 4px 12px 0 12px;
	margin: 0;
	}
	
#rightcol {

	background: transparent url(../images/content_bg.jpg) bottom right no-repeat;    
	text-align: left;
	
	margin: 20px 0 0 240px;
	padding: 0 0 0 0;
	}	
	
#footer	{ 
	background: #ededed url(../images/footer_bg.gif) top repeat-x; 
	clear: both; 
	overflow: hidden;
	bottom: 0;
	
	font: normal 11px/14px "Lucida Grande", "Trebuchet MS", arial, helvetica, sans-serif;
	color: #666;
	width: 100%;
	height:85px;
	margin: 20px 0 0 0;
	}
	
#footercontent {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 760px;
	padding: 0;
	background-color: transparent;
	padding: 20px 0 0 0;
	}
	
#footer p {
	padding: 0 0 0 240px;
	margin: 0;
	text-align: left;
	}
	
#footercontent img { float: right; margin: -40px 0 0 0;}
	
/* rollovers for banner */

.appresidential { float: left; margin: 0 4px 0 0; width: 130px; height: 168px; border: 2px solid #fff;}
.appresidential a 
{ display: block; width: 130px; height: 168px; background: url(../images/app1_residential.jpg) top no-repeat; }
.appresidential a:hover { background-position: 0 -15px;}

.appcontract { float: left; margin: 0 4px 0 0; width: 130px; height: 168px; border: 2px solid #fff;}
.appcontract a { display: block; width: 130px; height: 168px; background: url(../images/app2_contractors.jpg) top no-repeat;}    
.appcontract a:hover { background-position: 0 -15px;}

.appbuild { float: left; margin: 0 4px 0 0; width: 130px; height: 168px; border: 2px solid #fff;}
.appbuild  a { display: block; width: 130px; height: 168px; background: url(../images/app3_builders.jpg) top no-repeat;}    
.appbuild  a:hover { background-position: 0 -15px;}

.apparchitect{ float: left; margin: 0 4px 0 0; width: 130px; height: 168px; border: 2px solid #fff;}
.apparchitect  a { display: block; width: 130px; height: 168px; background: url(../images/app4_architects.jpg) top no-repeat;}    
.apparchitect  a:hover { background-position: 0 -15px;}

/* other */ 
 
#clearer {clear : both}
#flashcontent {	padding: 20px 0 20px 0; }

.spacer { padding-top: 20px; }

.botimg { padding: 20px 0 20px 0; }
.rightimg { float: right; padding: 0 0 10px 20px; }
.leftimg { float: left; }