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

body
{
	margin: 0;
	padding: 0;
	background: #d4d4ca url(../images/backgrounds/bodyBG.gif) center top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

p
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	color: #949494;
}

a
{
	font-size: 11px;
	color: #60768a;
	text-decoration: underline;
}

	a:hover
	{
		text-decoration: none;	
	}
	
	a img
	{
		border: none;
	}
	
:focus, :active
{
	outline: none;
	-moz-outline-style: none;
}

h1
{
	font-size: 35px;
	color: #666666;
	display: inline;
}

h1 em
{
	font-style: normal;
	color: #601C07;
}

h2
{
	font-size: 24px;
	color: #660033;
}

h3
{
	font-size: 12px;
	color: #777;
	margin: 0;
	padding: 0;
}

h3 em
{
	font-style: normal;
	color: #660033;
}

h4
{
	font-size: 35px;
	color: #666666;
	display: center;
}
h7 {
	font-size: 11px;
	color: #009900;
	margin: 0;
	padding: 0;
}
h7 em {
	font-style: normal;
	color: #333300;
}


div.clearer
{
	font-size: 1%;
	clear: both;
}


#page
{
	width: 824px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


#header
{
	position: relative;
	margin: 0;
	padding: 0;
	height: 132px
}

	#logo
	{
	height: 45px;
	position: absolute;
	top: 17px;
	left: 1px;
	margin: 0;
	padding: 0;
	width: 506px;
	}
	
		#logo h1
		{
			margin: 0 0 0 10px;
			padding: 0;
		}
	
	#phoneNumber
	{
	position: absolute;
	height: 39px;
	right: 3px;
	top: 26px;
	}
	
		#phoneNumber h2
		{
			margin: 0;
			padding: 0;
		}


#masthead
{
	width: 822px;
	height: 253px;
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	background: #d4d4ca;
}

	#globalNav2
	{
	position: absolute;
	top: -27px;
	right: 0px;
	width: 678px;
	height: 27px;
	margin: 0;
	padding: 0;
	z-index: 4;
	}
	
		#globalNav2 li
		{
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			height: 27px;
			line-height: 27px;
		}
		
			#globalNav2 li a
			{
				display: block;
				height: 27px;
				line-height: 27px;
				text-indent: -5000px;
				background: url(../images/nav/globalNav2.gif);
				background-repeat: no-repeat;
				margin: 0;
				padding: 0;
			}
			
				#globalNav2 li a.home
				{
					width: 89px;
					background-position: 0 0;	
				}
				
					#globalNav2 li a.homeselected, #globalNav2 li a.home:hover
					{
						width: 89px;
						background-position: 0 -27px;	
					}
					
				#globalNav2 li a.security
				{
					width: 128px;
					background-position: -89px 0; 	
				}
				
					#globalNav2 li a.securityselected, #globalNav2 li a.security:hover
					{
						width: 128px;
						background-position: -89px -27px;
					}
				
				#globalNav2 li a.cameras
				{
					width: 90px;
					background-position: -314px 0;
 				}
				
					#globalNav2 li a.camerasselected, #globalNav2 li a.cameras:hover
					{
						width: 90px;
						background-position: -314px -27px;
 					}
				
				#globalNav2 li a.access
				{
					width: 97px;
					background-position: -217px 0;
				}
				
					#globalNav2 li a.accessselected, #globalNav2 li a.access:hover
					{
                        width: 97px;
						background-position: -217px -27px;
					}
				
				#globalNav2 li a.fire
				{
					width: 99px;
					background-position: -404px 0;
				}
				
					#globalNav2 li a.fireselected, #globalNav2 li a.fire:hover
					{
						width: 99px;
						background-position: -404px -27px;
					}
				
				#globalNav2 li a.ip
				{
					width: 175px;
					background-position: -503px 0;
				}
				
					#globalNav2 li a.ipselected, #globalNav2 li a.ip:hover
					{
						width: 175px;
						background-position: -503px -27px;
					}
		
	#masthead a.learnMore
	{
		display: block;
		text-align: right;
		height: 38px;
		position: relative;
	}
	
		#masthead a.learnMore img
		{
			position: relative;	
		}
	
	
	#masthead #tabs
	{
		position: absolute;
		bottom: 0;
		right: 62px;
		width: 285px;
		height: 35px;
		z-index: 3;
		margin: 0;
		padding: 0;
	}
	
		#masthead #tabs li
		{
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			#masthead #tabs li a
			{
				display: block;
				height: 35px;
				text-indent: -5000px;
				background: url(../images/nav/mastheadTabs.gif) 0 0 no-repeat;
			}
			
				#masthead #tabs li a.commercial
				{
					width: 144px;
				}
				
					#masthead #tabs li a.commercialselected
					{
						width: 144px;
						background-position: 0 -35px;
					}
					
				#masthead #tabs li a.industrial
				{
					width: 141px;
					background-position: -144px 0;
				}
				
					#masthead #tabs li a.industrialselected
					{
						width: 141px;
						background-position: -144px -35px;
					}
					
	div.oneThird
	{
		float: left;
		width: 291px;
		margin: 18px 0 15px 0;
		padding: 0;
		background: #fff url(../images/backgrounds/oneThirdPanelBG.gif) 28px top no-repeat;
		border-left: 1px solid #f1f1f1;
		border-right: 1px solid #f1f1f1;
	}
	
		div.oneThird p
		{
			margin: 0;
			padding: 0 30px 10px 44px;
		}
			
		div.oneThird h3
		{
			margin: 22px 0 30px 75px;	
		}
		
		div.oneThird ul, div.oneThird ol
		{
			margin: 0;
			padding: 0 30px 10px 57px;
		}
			div.oneThird ul li, div.oneThird ol li
			{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #949494;
			}
			
		
	div.firstThirdPanel
	{
		width: 259px;
		border: none;
		background-position: 0 0;
	}
		
		div.firstThirdPanel h3
		{
			margin: 22px 0 30px 45px;	
		}
		
		div.firstThirdPanel p
		{
			padding: 0 25px 10px 20px;	
		}
		
		div.firstThirdPanel ul, div.firstThirdPanel ol
		{
			padding: 0 30px 10px 33px;	
		}
	
	div.lastThirdPanel
	{
		width: 268px;
		border: none;
		background-position: 24px 0;
	}
		
		div.lastThirdPanel h3
		{
			margin: 22px 0 30px 67px;	
		}
		
		div.lastThirdPanel p
		{
			padding: 0 25px 10px 41px; 	
		}
		
	
	div.twoThirds
	{
		float: left;
		width: 552px;
		margin: 18px 0 15px 0;
		padding: 0;
		background: #fff url(../images/backgrounds/twoThirdsPanelBG.gif) left top no-repeat;
		border-right: 1px solid #f1f1f1;
	}	
	
		div.twoThirds p
		{
			margin: 0;
			padding: 0 30px 10px 20px;
		}
			
		div.twoThirds h3
		{
			margin: 22px 0 30px 45px;	
		}
		
		div.twoThirds ul, div.twoThirds ol
		{
			margin: 0;
			padding: 0 30px 10px 33px;
		}
			div.twoThirds ul li, div.twoThirds ol li
			{
				margin: 0;
				padding: 0;
				font-size: 11px;
				color: #949494;
			}
			
			
		div.lastTwoThirds
		{
			border-right: none;
			border-left: 1px solid #f1f1f1;
			background-position: 13px top;
		}
		
			div.lastTwoThirds p
			{
				margin: 0;
				padding: 0 30px 10px 33px;
			}
				
			div.lastTwoThirds h3
			{
				margin: 22px 0 30px 58px;	
			}
			
			div.lastTwoThirds ul, div.lastTwoThirds ol
			{
				margin: 0;
				padding: 0 30px 10px 46px;
			}
				div.lastTwoThirds ul li, div.lastTwoThirds ol li
				{
					margin: 0;
					padding: 0;
					font-size: 11px;
					color: #949494;
				}
	
	
	div.fullPanel
	{
		width: 820px;
		margin: 18px 0 15px 0;
		padding: 0;
		float: left;
		background: url(../images/backgrounds/fullPanelBG.gif) 0 0 no-repeat;
	}	
	
		div.fullPanel p
		{
			margin: 0;
			padding: 0 30px 10px 20px;
		}
			
		div.fullPanel h3
		{
			margin: 16px 0 30px 45px;	
		}
		
		div.fullPanel ul, div.fullPanel ol
		{
			margin: 0;
			padding: 0 30px 10px 33px;
		}
			div.fullPanel ul li, div.fullPanel ol li
			{
				margin: 0;
				padding: 0;
				font-size: 11px;
				color: #949494;
			}
	
	
	
	form
	{
		margin: 10px 0 0 0;
		padding: 0;
	}
	
		form p
		{
			line-height: 16px;	
		}
		
		form label
		{
			float: left;
			margin: 1px 0 0 0;
			padding: 0;
			width: 59px;
		}
		
		form input.textInput
		{
			margin: 0;
			padding: 0;
			width: 130px;
			font-size: 11px;
		}
		
		form input.submitInput
		{
			margin: 0 6px 0 0;
			padding: 0;
			float: right;
		}
		
		form textarea
		{
			width: 193px;
			height: 110px;
		}	
		
	
	
	
	#pageFooter
	{
		margin: 100px auto 0 auto;
		padding: 0;
		height: 97px;
		background: #d4d4ca url(../images/backgrounds/footerBG.gif) center bottom no-repeat;
	}
	
		#pageFooter p
		{
			text-align: center;
			color: #60768a;
			font-size: 11px;	
		}
	
		#pageFooter a
		{
			text-decoration: none;
		}
		
			#pageFooter a:hover
			{
				text-decoration: underline;
			}
			
		#pageFooter p.copyright
		{
			color: #aaaaaa;	
		}