/* background blue - #ddeef5
 * dark blue - #9fcce2
 * off-white - #f7f7ef
 * maroon - #592922
 * dark maroon - #2e1512
 * black - #000000
*/

*{
	margin: 0;
	padding: 0;
}

body{
	overflow: auto;
	background-color: #f7f7ef;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
}

a:link, a:visited{
	color: #592922;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active{
	color: #2e1512;
	text-decoration: none;
	font-weight: bold;
}

p{
	font-size: 133%;
	font-family: Georgia, serif;
}

h1#residential{
	display: block;
	text-indent: -9999px;
	background: url(images/protecting-your-home.png) no-repeat;
	width: 270px;
	height: 82px;
	
}

h1#residential-bottom{
	display: block;
	text-indent: -9999px;
	background: url(images/existing-system.png) no-repeat;
	width: 568px;
	height: 118px;
	
}

h2#residential{
	display: block;
	margin-top: 10px;
	text-indent: -9999px;
	background: url(images/how-we-keep-you-safe.png) no-repeat;
	width: 225px;
	height: 75px;
}

h1#commercial{
	display: block;
	text-indent: -9999px;
	background: url(images/protecting-your-business.png) no-repeat;
	width: 270px;
	height: 82px;
	
}

h1#commercial-bottom{
	display: block;
	text-indent: -9999px;
	background: url(images/nuts-and-bolts.png) no-repeat;
	width: 568px;
	height: 118px;
	
}

h2#commercial{
	display: block;
	margin-top: 10px;
	text-indent: -9999px;
	background: url(images/safety-in-action.png) no-repeat;
	width: 350px;
	height: 75px;
}

h1#monitoring{
	display: block;
	text-indent: -9999px;
	background: url(images/state-of-the-art-monitoring.png) no-repeat;
	width: 270px;
	height: 82px;
	
}

h1#monitoring-bottom{
	display: block;
	text-indent: -9999px;
	background: url(images/maximize-your-safety.png) no-repeat;
	width: 568px;
	height: 118px;
	
}

h2#monitoring{
	display: block;
	margin-top: 10px;
	text-indent: -9999px;
	background: url(images/case-study-monitoring.png) no-repeat;
	width: 350px;
	height: 75px;
}

h1#resources{
	display: block;
	text-indent: -9999px;
	background: url(images/information-you-can-use.png) no-repeat;
	width: 270px;
	height: 82px;	
}

h1#resources-bottom{
	display: block;
	text-indent: -9999px;
	background: url(images/did-you-know.png) no-repeat;
	width: 568px;
	height: 118px;
	
}

h1#contact{
	display: block;
	text-indent: -9999px;
	background: url(images/protect-you.png) no-repeat;
	width: 270px;
	height: 82px;	
}

h1#contact-form{
	display: block;
	text-indent: -9999px;
	background: url(images/hear-from-you.png) no-repeat;
	width: 400px;
	height: 118px;
	margin:0;
	border: none;	
}

h1#contact-bottom{
	display: block;
	text-indent: -9999px;
	background: url(images/let-us-know.png) no-repeat;
	width: 568px;
	height: 118px;
	
}

h1#thankyou{
	display: block;
	text-indent: -9999px;
	background: url(images/thank-you-title.png) no-repeat;
	width: 400px;
	height: 118px;
	margin:0;
	border: none;	
}

#main-wrapper{
	background-color: #ddeef5;
	width: 960px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

#header{
	width: 960px;
	height: 117px;
}
	

	#logo-header{
		float: left;
		padding-top: 18px;
	}

		ul#logo{
			list-style: none;
			margin-left: 31px;
		}
	
			ul#logo li{
				display: inline;
			}
		
			ul#logo li a{
				text-indent: -9999px;
				display: block;
				width: 77px;
				height: 50px;
				background: url(images/logo2.png) no-repeat;
			}
			
	#address-text{
		margin-top: 25px;
		padding-right: 20px;
		float:right;
		font-size: 13px;
		line-height: 20px;
		text-align: right;
	}			
			
ul#list{
	margin-left: 25px;
	font-size: 133%;
	font-family: Georgia, serif;
}

#navbar{
	clear: both;
	background-color: #9fcce2;
	width: 960px;
	height: 40px;
}

ul#menu{
	list-style: none;
	margin-left: 125px;
}
	ul#menu li{
		display: inline;
	}
	
	ul#menu li a{
		text-indent: -9999px;
		display: block;
		height: 40px;
		float: left;
	}
	
	ul#menu li a.index{
		background: url(images/home-sprite.png) no-repeat top center;
		width:89px;
	}
	
	ul#menu li a.residential{
		background: url(images/res-sprite.png) no-repeat top center;
		width:90px;
	}
	
	ul#menu li a.commercial{
		background: url(images/comm-sprite.png) no-repeat top center;
		width:140px;
	}
	
	ul#menu li a.monitoring{
		background: url(images/mon-sprite.png) no-repeat top center;
		width:179px;
	}
	
	ul#menu li a.resources{
		background: url(images/resource-sprite.png) no-repeat top center;
		width:140px;
	}
	
	ul#menu li a.contact{
		background: url(images/contact-sprite.png) no-repeat top center;
		width:75px;
		display: inline;
		float: right;
		margin-right: 30px;
	}
		
		ul#menu li a.index:hover, ul#menu li a.index:active,
		ul#menu li a.residential:hover, ul#menu li a.residential:active,
		ul#menu li a.commercial:hover, ul#menu li a.commercial:active,
		ul#menu li a.monitoring:hover, ul#menu li a.monitoring:active,
		ul#menu li a.resources:hover, ul#menu li a.resources:active,
		ul#menu li a.contact:hover, ul#menu li a.contact:active{
			background-position: center center;
		}
	
	body#index ul#menu li a.index,
	body#residential ul#menu li a.residential,
	body#commercial ul#menu li a.commercial,
	body#monitoring ul#menu li a.monitoring,
	body#resources ul#menu li a.resources,
	body#contact ul#menu li a.contact{
		background-position: bottom center;
	}


#main-content-wrapper{
	clear: both;
	background-color: #ddeef5;
	width: 960px;
	overflow: hidden;
}
	#main-content-wrapper p{
		color: #2e1512;
		margin-top: 10px;
		margin-bottom: 5px;		
	}

		#index-main-left{
			float: left;
			width: 449px;
			height: 310px;
		}
	
		#index-main-center{
			float:left;
			margin-top: 50px;
			width:210px;
			height: 260px;	
		}

		#index-main-right{
			float:right;
			width: 301px;
			height: 310px;
		}
	
		#content-main-left{
			float: left;
			width: 475px;
			margin-top: 10px;
			margin-bottom: 16px;
		}
		
			#left-content{
				margin-left: 80px;
				
			}
		
		#content-sub-left{
			clear: both;
			float: left;
			width: 475px;
			font-size:0;
		}
	
		#content-main-right{
			float: right;
			width: 475px;
		}
			#right-content{
				float: right;
				margin-left: 10px;
				font-size: 0;
			}
			
			#contact-form{
				background-color: #f7f7ef;
				border: 2px solid #9fcce2;
				width: 451px;
				height: 521px;
				margin-left: 10px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
			#contact-form-content{
				margin: 0 auto;
				width: 340px;
			}
			
			.error{
				margin-left: 10px;
				color: red;
			}
	
		#content-sub-right{
			float: right;
			width: 475px;
			margin-bottom: 10px;
		}
			#sub-right{
				margin-right: 15px;
			}
			
			#resources-sub-right{
				margin-top: 100px;
				margin-right: 61px;
				margin-bottom: 50px;
				padding-left: 20px;
			}
	
#bottom-content-wrapper{
	clear: both;
	background-color: #9fcce2;
	width: 960px;
	overflow: hidden;	
}

	#bottom-left{
		clear: both;
		float: left;
		width: 392px;
		height: 275px;
		padding-top: 10px;
	}
	
	#bottom-right{
		float: left;
		width: 568px;
	}
	
		#bottom-right-title{
			height: 118px;
		}
		
		#bottom-right-content{
			width: 553px;
			height: 157px;
		}
			#bottom-right-content p{
				color: #2e1512;
				margin-top: 10px;
				margin-bottom: 5px;		
			}

#customer-service{
	background-color: #ddeef5;
	width: 880px;
	clear: both;
	overflow: auto;
	padding: 10px;
	margin-left: 50px;
}

#customer-service-title{
	margin-left: -5px;
}

#customer-service p{
	color: #2e1512;
	margin-top: 10px;
	margin-bottom: 5px;
}

p#resources{
	padding-bottom: 15px;
	border-bottom: dotted 1px #9fcce2;
}

#error-title{
	width: 400px;
	height: 118px;
}