/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../../images/layout/main-bg.jpg) top left repeat-x #1F1E1C;
	margin: 0px;
}

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1 {
	font-size: 2.6em;
	font-weight: normal;
	color: #fff;
}

h2 {
	font-size: 1.9em;
	font-weight: normal;
	color: #fff;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
}

/* Container Styles
--------------------------------------------------------------- */

#outerContainer {
	width: 100%;
	float: left;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 960px;
		padding-top:600px;
	}
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: right;
			width: 670px;
			padding: 10px 10px 10px 10px;
		}
		
			#main p {
				margin: 10px 0px 10px 0px;
				font-size: 1.2em;
				line-height: 1.5em;
				font-family:Arial, Helvetica, sans-serif;
				width:430px;
				text-align:left;
			}
			
			#main ul {
				font-size: 1.2em;
				padding: 3px 0px 3px 25px;
				
			}
			
				#main ul li {
					padding: 4px 0px;
				}
				
			#main a {
			color: #FEBD09;
			text-decoration:underline;
			}
			
				#main a:hover {
					text-decoration:none;
					}
					
					#main a:active {
						position:relative;
						top:1px;
						}
						
	#contact #main ul li {
		list-style:none;
		background: url(../../images/layout/mail_warning.png) center left no-repeat;
		padding:5px 0px 15px 40px;
		font-size:0.8em;
		}			
					
		#googleMap {
			width: 640px;
			height: 300px;
		}

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: left;
			width: 270px;
		}
		
			#sidebar p.or {
				float:left;
				width:260px;
				height:50px;
				text-align:center;
				color: #fff;
				font-size:2.6em;
				float:left;
				padding:15px 0px 0px 0px;
				}
		
		#sidebar #call-free-cta {
			float:left;
			background: url(../../images/layout/call-free-cta-bg.jpg) top left no-repeat;
			width:259px;
			height:123px;
			}
			
			#sidebar #call-free-cta p {		
				float:right;
				padding:53px 12px 0px 0px;
				color: #000;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-size:2.1em;
				letter-spacing:-1px;
				text-transform:uppercase;
				line-height:1.0em;
				}
				
				#sidebar #call-free-cta span {
					display:block;
					color: #a60000;
					}

		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 960px;
	height: 130px;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

	#logo {
		width: 135px;
		height: 160px;
		float: left;
	}
	
	#header a.logo-text {
		color: #fff;
		position:absolute;
		top:26px;
		left:135px;
		width:480px;
		line-height:1.2em;
		text-transform:uppercase;
		font-size:3.8em;
		text-decoration:none;
		}
	
	#redbar-leftText {
		position:absolute;
		top:165px;
		left:0px;
		width:400px;
		font-size:1.6em;
		text-transform:uppercase;
		}
		
	#redbar-rightText {
		position:absolute;
		top:162px;
		right:0px;
		padding: 0px 0px 0px 70px;
		font-size:3.3em;
		line-height:1.0em;
		background:url(../../images/layout/phone-bg.jpg) top left no-repeat;
		}			
		
		#redbar-rightText p {
			float:left;
			margin:0px;
			padding:7px 0px 0px 0px;
		}
		
img#header-man {
	position:absolute;
	top:24px;
	right:0px;
	}
			
		

		

/* Main Image Styles
--------------------------------------------------------------- */

#imgmain {
	z-index: 100;
	position: absolute;
	top: 225px;
	left: 270px;
	width: 684px;
	height:362px;
	background: #ccc;
}

#image-items {
	position:absolute;
	top:477px;
	left:270px;
	z-index:101;
	width:700px;
	height:110px;
	}
	
	#image-items ul {
		float:left;
		margin:0px;
		}
		
		#image-items ul li {
			float:left;
			list-style:none;
			}
			
			#image-items ul li a {
				float:left;
				height:107px;
				padding:5px 20px 0px 15px;
				margin:0px;
				color: #ddd;
				font-size:2.0em;
				line-height:1.0em;
				text-decoration:none;
				display:block;
				}
				
				#image-items ul li a:hover {
					color: #fff;
					}
				
				#image-items ul li a.padlock {
					background:url(../../images/layout/padlock-cta-bg.png) top left no-repeat;
					width:172px;
					height:95px;
					padding:12px 40px 0px 15px;
					}
					
				#image-items ul li a.nationwide {
					background:url(../../images/layout/nationwide-cta-bg.png) top left no-repeat;
					width:150px;
					height:102px;
					padding: 12px 70px 0px 15px;
					}
					
				#image-items ul li a.info {
					background:url(../../images/layout/info-cta-bg.png) top left no-repeat;
					width:142px;
					padding:12px 60px 0px 15px;
					}
					
				#image-items ul li a span.click {
					float:left;
					padding:5px 0px 0px 0px;
					display:block;
					font-size:0.8em;
					color: #FEBD09;
					}							
			

#slideshow {
	width: 940px;
	height: 220px;
	position: absolute;
}
	
	#slideshow img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;
	}
	
	#slideshow img.active {
		z-index: 10;
	}
	
	#slideshow img.last-active {
		z-index: 9;
	}

/* Vertical Navigation Styles
--------------------------------------------------------------- */

#navigation {
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 211px;
	width:256px;
	height:389px;
	background: url(../../images/layout/nav-bg.jpg) top left no-repeat;
}

	#navigation ul {
		margin: 12px 0px 0px 3px;
		padding:0px;
		}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				float: left;
				color: #fff;
				text-decoration: none;
				font-size: 1.4em;
				height:24px;
				width:220px;
				padding:4px 0px 0px 34px;
				text-transform:uppercase;
				color: #000;
			}

				#navigation ul li a:hover {
					color: #C10001;
				}
				
#index #navigation .index-a,
#contact #navigation .contact-a {
	color: #FFFF00;
}


/* Footer Styles
--------------------------------------------------------------- */

#outerFooter {
	float: left;
	width: 100%;
	background:url(../../images/layout/footer-bg.jpg) top left repeat-x;
	}

#footer {
	clear: both;
	width: 960px;
	color: #fff;
	margin: 0px auto;
	padding: 50px 0px 10px 0px;
	font-size: 1.2em
}

#footer img.alarm {
	float:left;
	}

	#footer .index-a,
	#footer .contact-a {
		display: none;
	}

	#footer h2 {
		font-weight: bold;
		margin: 0px;
		color: #fff;
		padding: 3px 5px;
		font-size: 1.4em;
		font-style: italic;
		width: 250px;
		text-transform:uppercase;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer p, #footer ul {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		white-space: nowrap;
		color: #ccc;
		text-decoration: none;
	}
		
		#footer a:hover {
			color: #ffcc00;
			text-decoration: underline;
		}

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: left;
		width: 350px;
		margin: 0px;
	}
	
	#footer #footer-services h2 {
		width:300px;
		}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 140px;
				padding: 3px 5px;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		padding:0 0 15px 0;
	}
	
		#footer #footer-areas h2 {
			width: 300px;
		}
		
		ul#inline {
			float:left;
			padding:0px;
			margin:0px;
			}
			
			ul#inline li {
				float:left;
				padding:0px;
				margin:0px;
				}
		
				ul#inline li a {
					float:left;
					padding:0px 8px 0px 8px;
					border-right: 1px solid #ccc;
				}
				
					ul#inline li a.boston {
						border:none; 
						}
		
/* Footer Address Styles
--------------------------------------------------------------- */	

	#footer #footer-address {
		float: left;
		width: 190px;
		padding:0px 0px 0px 30px;
	}
	
		#footer #footer-address h2 {
			width: 170px;
		}
		
		#footer #footer-address p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer .grey {
			color:#CCC;
		}
				
/* Footer Help & Advice
--------------------------------------------------------------- */	

	#footer #footer-help {
		float: left;
		width: 165px;
	}
	
		#footer #footer-help h2 {
			width: 155px;
		}
		
			#footer #footer-help ul li {
				float: left;
			}
					
			#footer #footer-help ul li a {
				float: left;
				width: 165px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
		#footer #footer-help p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-help .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

		#footer #footer-bottom {
		width: 940px;
		float: left;
		margin:10px 0px 0px 0px;
		text-align: center;
	}

/* Float Styles
--------------------------------------------------------------- */

.left, .img-left {
	float: left;
}

	.img-left {
		margin: 40px 10px 10px 20px;
	}

.right, .img-right {
	float: right;
} 

	.img-right {
		margin: 20px 0px 0px 20px;
		padding:0px;
	}

/* Zooming Slideshow Styles
--------------------------------------------------------------- */

#zooming-slideshow{
	width: 500px;
	height: 300px;
	background: #999999;
}

/* Easy Slider Styles
--------------------------------------------------------------- */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}
		
		#slider ul li.nodisplay {
			display:none;		
			}	
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}