@charset "UTF-8";
/* CSS Document */
/* atlantafiresystems.com */ 
/* Home page styles */

#masthead #landingMasthead
{
	width: 822px;
	height: 253px;
	background:url(../images/headers/fireLandingMasthead.jpg) 0 0 no-repeat;
	position: relative;
	z-index: 2;
}

	#masthead #landingMasthead p
	{
		color: #fff;
		position: absolute;
		top: 85px;
		left: 43px;
		width: 370px;
	}


#masthead #commercialMasthead
{
	display: none;
	width: 822px;
	height: 253px;
	background: url(../images/headers/homeCommercialMasthead.jpg) 0 0 no-repeat;
	position: relative;
	z-index: 2;
}	

	#masthead #commercialMasthead p
	{
		color: #6a717a;
		position: absolute;
		top: 85px;
		left: 43px;
		width: 300px;
	}
	

#masthead #industrialMasthead
{
	display: none;
	width: 822px;
	height: 253px;
	background: url(../images/headers/industrialMasthead.jpg) 0 0 no-repeat;
	position: relative;
	z-index: 2;
}	

	#masthead #industrialMasthead p
	{
		color: #868686;
		position: absolute;
		top: 85px;
		left: 43px;
		width: 300px;
	}



#callouts
{
	margin: 0;
	padding: 0;
	height: 177px;
}

	#callouts li
	{
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
		list-style: none;
		width: 198px;
		height: 177px;
	}
	
		#callouts li.last
		{
			margin-right: 0;	
		}
	
		#callouts li a
		{
			display: block;
			width: 198px;
			height: 177px;
			margin: 0;
			padding: 0;
			text-indent: -5000px;
		}
		
			#callouts li a.wireServices
			{
				background: url(../images/callouts/hornstrobe.jpg) 0 0 no-repeat;	
			}
			
				#callouts li a.wireServices:hover
				{
					background-position: -198px 0;	
				}
				
			#callouts li a.commercialServices
			{
				background: url(../images/callouts/smoke.jpg) 0 0 no-repeat;	
			}
			
				#callouts li a.commercialServices:hover
				{
					background-position: -198px 0;	
				}
				
			#callouts li a.securityCameras
			{
				background: url(../images/callouts/pullstation.jpg) 0 0 no-repeat;	
			}
			
				#callouts li a.securityCameras:hover
				{
					background-position: -198px 0;	
				}
				
			#callouts li a.alarmSystems
			{
				background: url(../images/callouts/systempanels.jpg) 0 0 no-repeat;	
			}
			
				#callouts li a.alarmSystems:hover
				{
					background-position: -198px 0;	
				}