/* @override http://www.webdesign.gs/ssi/style/style.css */

body {
	margin: 0px 0px;
	background: transparent url(../images/body-bg.png);
	font-family: Arial, Verdana;
	font-size: 14px;
}

a {
	color: #d9180c;
}
	
a:hover {
		color: #000;
		text-decoration: none;
		border: none;
}

#cms_content {
	width: 630px;
}

#main-wrapper {
	margin: 0px auto;
	background: transparent url(../images/main-wrapper-bg.png) repeat-y;
	width: 1050px;
}

#sub-wrapper {
	margin: 0px auto;
	width: 950px;
	background-color: #FFF;
}

	#header {
		background: transparent url(../images/security-systems-inc-banner.png) no-repeat;
		margin: 0px 0px;
		width: 950px;
		height: 161px;
		position: relative;
	}
	
		#header a#home-link {
			position: absolute;
			text-indent: -9001em;
			display: block;
			width: 213px;
			height: 97px;
			top: 29px;
			left: 34px;
		}
	
		#address-phone {
			color: #FFF;
			width: 950px;
		}
			#address-phone p {
				margin: 0px 0px;
				padding: 7px 0px 0px 180px;
				text-align: left;
				font-weight: bold;
				font-size: 15px;
				float: left;
			}
			
			#address-phone b {
				display: block;
				padding: 5px 10px 0px 0px;
				font-size: 18px;
				float: right;
			}
			
			#address-phone a#login{
	float: right;
	margin-top: 20px;
	margin-right: -125px;
	background-color: #db0a19;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
}
		#address-phone a#login:hover{
	background-color: #b50816;
}
		
		#navigation {
			position: absolute;
			top: 133px;
			left: 185px;
		}
		
		#navigation ul {
			list-style: none;
			padding: 0px 0px;
			margin: 0px 0px;
		}
		
			#navigation ul li {
				padding: 0px 0px;
				margin: 0px 13px 0px 0px;
				display: inline;
				float: left;
			}
			
			#navigation ul.dropdown li:hover {
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-khtml-border-radius: 4px;
				border-radius: 4px; 
				background: #000 url(../images/main-sprites.png) repeat-x 0px -84px;
			}
			
			#navigation ul li a {
				display: block;
				padding: 3px 7px 3px 7px;
				margin: 0px 0px 0px 0px;
				color: #FFF;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 15px;
			}
			
			#navigation ul li a:hover {
				color: #FFF;
			}
			
				#navigation ul li ul {
					margin: 0px 0px;
					padding: 0px 0px;
					list-style: none;
					width: 217px;
				}
				
				#navigation ul li ul li#drop-top {
					height: 40px;
					background: transparent url(../images/dropdown-bg.png) no-repeat 0px 0px !important;
				}
				
				#navigation ul li ul li#drop-top:hover {
					background: transparent url(../images/dropdown-bg.png) no-repeat 0px 0px !important;
				}
				
				#navigation ul li ul li#drop-bot {
					height: 25px;
					background: transparent url(../images/dropdown-bg.png) no-repeat 0px -204px !important;
				}
				
				#navigation ul li ul li#drop-bot:hover {
					background: transparent url(../images/dropdown-bg.png) no-repeat 0px -204px !important;
				}
				
				#navigation ul li ul li {
					background: transparent url(../images/dropdown-bg-repeat.png) repeat-y;
					width: 217px;
					padding: 0px 0px 0px 0px !important;
					margin: 0px 0px !important;
				}
				
				#navigation ul li ul li:hover {
					background: transparent url(../images/dropdown-bg-repeat.png) repeat-y !important;
				}
				
				#navigation ul li ul li a {
					display: block;
					font-weight: normal;
					color: #3a3a3a;
					margin: 0px 15px 0px 15px !important;
					padding: 2px 4px 2px 5px !important;
					/* -moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					-khtml-border-radius: 2px;
					border-radius-top: 2px; */
					border-bottom: 1px dotted #AAA;
					font-size: 14px;
				}
				
				#navigation ul li ul li a:hover {
					background-color: #4C4C4C;
					border-color: #cacaca;
					color: #FFF;
				}
			
	#home-cta {
		background: transparent url(../images/home-middle-bg.jpg) no-repeat;
		width: 950px;
		height: 303px;
		overflow: hidden;
	}
	
		#cta-right-box {
			width: 333px;
			float: right;
		}
		
			#cta-right-box p {
				margin: 0px 0px;
				padding: 10px 15px;
				text-align: justify;
				font-weight: bold;
				font-size: 15px;
				color: #FFF;
				line-height: 1.5em;
			}
			
			#cta-right-box a#connect-home {
				width: 244px;
				height: 30px;
				padding: 12px 0px 0px 0px;
				margin: 15px auto;
				text-align: center;
				display: block;
				color: #FFF;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				background: transparent url(../images/main-sprites.png) no-repeat 0 0;
			}
			
			#cta-right-box a#connect-home:hover {
				background-position: 0px -42px;
				color: #000;
			}
			
	#choose-application {
		width: 950px;
		height: 142px;
		background: transparent url(../images/home-areas-bg.png) no-repeat;
	}
	
		#choose-application ul {
			list-style: none;
			margin: 0px 0px;
			padding: 0px 0px;
			float: right;
			width: 745px;
			height: 142px;
		}
		
			#choose-application ul li {
				float: left;
				display: inline;
				width: 116px;
				height: 142px;
				padding: 0px 0px;
				margin: 0px 0px 0px 7px;
			}
			
				#choose-application ul li a {
					background: transparent url(../images/areas-sprites.png) no-repeat;
					display: block;
					width: 116px;
					height: 142px;
					text-indent: -9001em;
					padding: 0px 0px;
					margin: 0px 0px;
				}
				
				#choose-application ul li a#residential {
					background-position: -10px 0px;
				}
				
					#choose-application ul li a#residential:hover {
						background-position: -10px -142px;
					}
				
				#choose-application ul li a#commercial {
					background-position: -132px 0px;
				}
				
					#choose-application ul li a#commercial:hover {
						background-position: -132px -142px;
					}
				
				#choose-application ul li a#construction {
					background-position: -254px 0px;
				}
				
					#choose-application ul li a#construction:hover {
						background-position: -254px -142px;
					}
				
				#choose-application ul li a#home-comfort {
					background-position: -376px 0px;
				}
				
					#choose-application ul li a#home-comfort:hover {
						background-position: -376px -142px;
					}
				
				#choose-application ul li a#medical {
					background-position: -498px 0px;
				}
				
					#choose-application ul li a#medical:hover {
						background-position: -498px -142px;
					}
				
				#choose-application ul li a#surveillance {
					background-position: -620px 0px;
				}
				
					#choose-application ul li a#surveillance:hover {
						background-position: -620px -142px;
					}
	
	#content-wrapper {
		width: 950px;
		background-color: #F3F3F3;
		border-bottom: 2px solid #C0C0C0;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	
	#content-wrapper a {
	color: #d9180c;
	border-bottom: 1px dotted #d9180c;
	}
	
	#content-wrapper a:hover {
		color: #000;
		text-decoration: none;
		border: none;
	}
	
		#left-content {
			width: 275px;
			float: left;
			background: transparent url(../images/left-image-bg.png) no-repeat;
			min-height: 389px;
		}
		
			#left-content img[width="250px"] {
				padding: 12px 0px 0px 13px;
			}
			
			*+html #left-content img {
				padding: 12px 0px 0px 13px;
			}
		
		#body-text {
			width: 655px;
			float: left;
			padding: 0px 10px;
			color: #454545;
		}
		
			#body-text h1 {
				margin: 0px 0px;
				padding: 5px 0px;
				color: #c0150c;
				font-size: 24px;
				font-weight: normal;
			}
			
			#body-text h2 {
				margin: 0px 0px;
				padding: 3px 5px;
				color: #c0150c;
				font-size: 18px;
				font-weight: normal;
			}
			
			#body-text h3 {
				margin: 0px 0px;
				padding: 5px 5px;
				color: #C0150C;
				font-size: 16px;
				font-weight: normal;
			}
			
			#body-text h4 {
				margin: 0px 5px;
				padding: 5px 4px 3px 4px;
				color: #C0150C;
				font-size: 14px;
				font-weight: bold;
				border-bottom: 1px solid #C0150C;
			}
			
			#body-text p {
				margin: 0px 0px;
				padding: 5px 10px;
				color: #454545;
				line-height: 1.5em;
			}
			
			#body-text ul {
				line-height: 1.5em;
				color: #454545;
			}
			
			#body-text ul.link-block {
				width: 217px;
				list-style: none;
				margin: 0px 0px;
				padding: 5px 15px;
			}
			
				#body-text ul.link-block li {
					border-bottom: 1px dotted #999;
					margin: 0px 0px;
					padding: 0px 0px;
				}
				
				#body-text ul.link-block li a {
					display: block;
					border: none;
					text-decoration: none;
					padding: 0px 0px 0px 3px;
				}
				
				#body-text ul.link-block li a:hover {
					background-color: #eaeaea;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-khtml-border-radius: 5px;
					border-radius: 5px;
					color: #363636;
				}
				
			#body-text fieldset {
				clear: both;
				width: 425px;
				margin: 35px auto;
				border: 1px solid #929292;
				background-color: #e4e4e4;
			}
			
				#body-text fieldset legend {
					background-color: #c0150b;
					border: 1px solid #383838;
					padding: 3px;
					color: #FFF;
				}
				
			.contact-form {
				margin: 0px 0px;
				padding: 10px 20px;
			}
			
				.contact-form div {
					padding: 2px 0px;
				}
			
				.contact-form label {
					display: block;
					padding: 0px 0px;
					float: left;
					width: 65px;
					color: #363636;
				}
				
				.contact-form input {
					border: 1px solid #8d8d8d;
					padding: 3px;
					font-size: 12px;
					color: #878787;
					font-family: Arial;
				}
				
				.contact-form textarea {
					border: 1px solid #8d8d8d;
					padding: 3px;
					font-size: 12px;
					color: #878787;
					font-family: Arial;
				}
				
				.contact-form button[type="submit"] {
					border: 1px solid #3f3f3f;
					padding: 4px 10px;
					margin: 0px 0px 0px 66px;
					background-color: #c0150b;
					color: #FFF;
					cursor: pointer;
				}
				
				.contact-form button[type="submit"]:hover {
					background-color: #a7a7a7;
					color: #282828;
				}
				
			#google-map {
				float: right;
				border: 1px solid #999;
				margin: 5px 5px;
			}
	
				
	#footer {
		width: 950px;
		border-top: 2px solid #E6E6E6;
		background-color: #F3F3F3;
		color: #454545;
		padding: 10px 0px 25px 0px;
		position: relative;
	}
	
		#footer p {
			margin: 0px 0px;
			padding: 5px 0px 0px 10px;
			font-weight: bold;
			font-size: 13px;
		}
		
		#footer ul {
			list-style: none;
			line-height: 1.5em;
			font-size: 12px;
			margin: 0px 0px;
			padding: 5px 0px 0px 25px;
			width: 289px;
		}
		
			#footer ul li {
				margin: 0px 0px;
				padding: 0px 0px;
				border-bottom: 1px dotted #BFBFBF;
			}
			
			#footer ul li a {
				color: #454545;
				padding: 2px 5px;
				text-decoration: none;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				display: block;
			}
			
				#footer ul li a:hover {
					background-color: #D0170C;
					color: #FFF;
				}
	
		#footer-links {
			float: right;
			text-align: right;
			color: #707070;
			text-transform: uppercase;
			font-size: 12px;
			line-height: 1.4em;
			padding-right: 15px;
		}
		
			#footer-links a {
				color: #707070;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 12px;
				padding-left: 10px;
				padding-right: 3px;
				border-right: 1px solid #F3F3F3;
				margin-right: -3px;
				display: inline-table;
			}
			
				#footer-links a:hover {
					color: #D0170C;
					border-color: #D0170C;
				}
				
			#footer-links a[href="http://www.onlywebsites.com"] {
				padding: 0px 0px;
				margin: 0px 0px;
				border: none;
				display: inline;
			}
		
		#footer-logo {
			position: absolute;
			right: 35px;
			bottom: 45px;
		}
		
			#footer-logo a {
				display: block;
				background: transparent url(../images/main-sprites.png) no-repeat 0px -119px;
				width: 128px;
				height: 78px;
				text-indent: -9001em;
			}
		
			#footer-logo img {
				border: none;
			}
	

#affiliate-logos {
	width: 450px;
	margin: 15px auto;
	text-align: center;
}

	#affiliate-logos img {
		border: 1px solid #888;
		margin: 3px 10px;
	}
	
	#affiliate-logos a {
		border: none;
	}