body{
	background-color:#000000;
}
#pageOne, #pageTwo, #pageThree{
	background-color:#FFFFFF;
	min-height:300px;
	padding:15px;
}

#pageColLeft, #pageColRight, #pageColCenter{
		background-color:#FFFFFF;
		min-height:380px;
	}
	
	#pageColRight{
		background-color:#000000;
	}
	 #pageColCenter{
	 	padding:15px;
		min-height:290px;
	 }
	 #pageColLeft{
	 	padding:10px;
	 }	
	.logo{
		background:url('/images/All_Metal_Roofing_logo.jpg') top right no-repeat ;
		height:72px;
		width:273px;
		display: block;	
	}
	.logo a{
		display:block;
		height:72px;		
		width:273px;		
		display: block;
		font-size:1px;
		color:#000001;
	}	

	#menu{
		padding-top:20px;
	}
	
	#menu .nav{
		clear:left;
		list-style: none;
		display:block;
		text-align: center;
		float:left;
		padding: 0px;
		margin:0px;
	}

	#menu .nav li {
		height: 41px;
		float: left;
		margin:0px 0px 0px 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:2px;
	}
	#menu .nav li a {
		height: 41px;
		display: block;
		color: #000;
		text-decoration:none;
		margin-right:20px;
		background: url('/images/NavBar.png') no-repeat 0px 0px;
	}
	
	#menu .nav li#BtnMetalRoofing a{ width:123px;background-position:0px 0px; } 
	#menu .nav li#BtnMetalRoofing a:hover{ background-position:0px -41px; }
	
	#menu .nav li#BtnSystems a{ width:83px; background-position:-143px 0px; } 
	#menu .nav li#BtnSystems a:hover{ background-position:-143px -41px; }
	
	#menu .nav li#BtnProfile a{ width:72px; background-position:-244px 0px; } 
	#menu .nav li#BtnProfile a:hover{ background-position:-244px -41px; }
	
	#menu .nav li#BtnPortfolio a{ width:83px; background-position:-337px 0px; } 
	#menu .nav li#BtnPortfolio a:hover{ background-position:-337px -41px; }
	
	#menu .nav li#BtnContact a{ width:80px; background-position:-439px 0px; } 
	#menu .nav li#BtnContact a:hover{ background-position:-439px -41px; }
	
	.subNavText{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
	}
	
	#subMenu .subNav{		
		clear:both;
		list-style: none;
		text-align: left;
		padding:6px 6px 0px 10px;
		margin:0px
	}
	
	#subMenu .subNav li{		
		float:left;
		color:#4d4d4d;
		padding:0px 8px 0px 3px;
	}
	
	#subMenu .subNav li a{
		border-right:none;
		color:#4d4d4d;		
		padding:0px 8px 0px 8px;		
		text-decoration:none;
	}
	#subMenu .subNav li a:hover{
		color:#fff;
	} #subMenu .subNav li a.first{ border-right:none; padding:0px 8px 0px 0px; }
	
	#pageColLeft .sideMenu{
		height:40px;		
		clear:both;
		list-style: none;
		display:block;
		text-align: left;
		text-indent:5px;
		padding: 0px;
		margin:0px;
	}
	#pageColLeft .sideMenu li{
	
	}
	
	#pageColLeft .sideMenu li a{
		height: 40px;
		display: block;
		color: #999;
		text-decoration:none;
	}
	#pageColLeft .sideMenu li a:hover{
		color: #000;
	}

	#pageColLeft .sideTreeMenu{
		height:23px;		
		clear:both;
		list-style: none;
		display:block;
		text-align: left;
		text-indent:5px;
		padding: 0px;
		margin:0px;
	}
	#pageColLeft .sideTreeMenu li h3 a{
		height:35px !important;
		display: block;
	}
	
	#pageColLeft .sideTreeMenu li a{
		height: 23px;
		display: block;
		color: #999;
		text-decoration:none;
	}
	#pageColLeft .sideTreeMenu li a:hover{
		color: #000;
	}
	#pageColLeft .sideTreeMenu li a.indent{
		text-indent:18px;
	}
	
	#footer{
		background:url('/graphics/footer-logos.png') no-repeat 0px 0px;
		height:71px;		
		display: block;
	}
	
	#footer .footMenu{
		height:10px;		
		clear:both;
		list-style: none;
		text-align: left;
	    line-height:10px;
		float:left;
	}
	
	#footer .footMenu li {
		float:left;
		color:#4d4d4d;
		padding:4px 0px;
	}
	
	#footer .footMenu li a {
		border-left:1px solid #4d4d4d;
		color:#4d4d4d;		
		padding:0px 8px 0px 8px;		
		text-decoration:none;
	}
	
	#footer .footMenu li a:hover {
		color:#fff;
	}
	
	#footer .footMenu li a.first {
		border-left:none;
	}
	
	#footer .footMenu li a#last {
		
	}
	
	.prepend-top{
		margin-top:40px !important;
	}
	.append-bottom{
		margin-bottom:14px !important;
	}
	/*
	.push-1 {
		margin:0 -40px 1.5em 30px;
	}*/
	
	h1{
		font-size:18px;
		padding:0px 0px 10px 0px;
		margin:0px;
	} 
	h3{
		font-size:15px !important;
		line-height:35px;
		padding:8px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	}
	h3.sIFR-replaced{	
		font-size:19px !important;
		padding:0px;
		margin:0px;
	}
	
	h4{
		font-size:16px;
		color:#999;
	}
	h4.sIFR-replaced{
		font-size:16px;		
		color:#999;
	}
	
	h5{
		padding:2px 0px;
		margin:2px 0px;
	}
	
	#slideShow{
	
	}
	
	#slideShow img{
	}	
	
	.preload{
		display:none;
	}
	
	.whiteText{
		color:#fff;
		font-style:normal;
	}
	
	.whiteTextsmall{
		color:#fff;
		font-style:normal;
		font-size:10px;
		}

.sIFR-flash {
	visibility: visible !important;
	
}

.sIFR-replaced {
	visibility: visible !important;
}


	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}