/* CSS Document */

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

body {
	text-align: left;
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #E5DFC9 url(../../images/layout/bodyBg.jpg) repeat-x;
	margin-top: 0px;
}

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

a:link, a:visited {
}

a:hover, a:active {
}

a img {
	border: none;
}

h1 {
	font-size: 2em;
	display: inline;
	font-weight: normal;
	letter-spacing: -1px;
	color: #001E3A;
	border-bottom: 2px solid #ccc;
}

h2 {
	font-size: 1.4em;
	color: #666;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-left: 1px solid #5F8FBF;
	border-right: 1px solid #5F8FBF;
	background: #efefef;
}

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

#header {
	height: 121px;
	background: url(../../images/headerBg.jpg);
	width: 740px;
	text-align: center;
	border-bottom: 1px solid #5F8FBF;
}

	#logo {
		float: left;
		width: 252px;
		height: 121px;
	}
	
	#cta-top-right {
		float: right;
		width: 450px;
		padding: 15px 15px 0px 0px;
		text-align: right;
		font-size: 20px;
		height: 106px;
	}
	
	#cta-top-right p {
		margin: 0px;
		color: #fff;
		letter-spacing: -1px;
		padding: 0px;
	}
	
		#cta-top-right p.phone {
			color: #FFFF00;
			font-size: 22px;
		}

#contentContainer {
	width: 740px;
	position: relative;
}

#main {
	float: right;
	width: 483px;
	font-size: 1.1em;
	padding: 250px 10px 10px 10px;
}

	#main p,
	#main ul li {
		line-height: 20px;
	}
	
		#main ul {
			margin: 0px;
			padding: 0px 0px 0px 20px;
		}
	
		#main ul li {
			background: url(../../images/layout/tick.gif) left center no-repeat;
			list-style: none;
			margin: 0px;
			padding: 5px 0px 5px 30px;
		}

	#main p.number {
		font-size:1.5em;
		letter-spacing: -2px;
		margin: 0px;
		color: #333;
		padding: 5px 0px 5px 100px;
		line-height: normal;
		background: url(../../images/layout/cta-bottom-bg.gif) left no-repeat;
	}
	
		#main p.number span {
			font-size: 1.5em;
			color: #111;
		}
		

#flashHolder,
#map {
	z-index: 1;
	position: absolute;
	top: 122px;
	right: 0px;
	width: 503px;
	height: 233px;
}

/* Sidebar Styles
--------------------------------------------------------------- */

#sidebar {
	text-align: center;
	float: left;
	width: 237px;
}

	#sidebar img {
		border: none;
	}
	
		#areas #sidebar img#cta-areas {
			display: none;
		}

	#cta-contactus {
		width: 207px;
		padding: 160px 10px 0px 20px;
		height: 82px;
		font-size: 18px;
		color: #333;
		letter-spacing: -1px;
		background: url(../../images/layout/cta-contactus.jpg);
	}
	
		#cta-contactus p.phone span {
			display: block;
			font-size: 27px;
			color: #003366;
			letter-spacing: -3px;
		}

#slideshow {
	width: 503px;
	height: 233px;
	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;
	}

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

#navigation {
	width: 237px;
	height: 240px;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}

#navigation li {
	display: inline;
	margin: 0px;
}
	  
#navigation a {
	text-align: right;
	float:left;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #2e5e8d;
	display: block;
	width: 217px;
	color: #fff;
    text-decoration:none;
	padding: 7px 10px 7px 10px;
	font-size: 1.2em;
	background: url(../../images/layout/navBg.jpg) #003366 right repeat-y;

}
	#navigation a:hover {
		background: url(../../images/layout/navBg-a-hover.jpg) #003366 left repeat-y;
	}
	
	#navigation a.index-a {
		border-top: none;
	}
	
	#navigation a.contact-a {
		border-bottom: none;
		padding-bottom: 11px;
	}
	
	body#index #navigation .index-a,
	body#domestic #navigation .domestic-a,
	body#commercial #navigation .commercial-a,
	body#industrial #navigation .industrial-a,
	body#areas #navigation .areas-a,
	body#gallery #navigation .gallery-a,
	body#contact #navigation .contact-a {
		background: url(../../images/layout/navBg-a-on.jpg) right repeat-y #333333;
		color: #FFFF00;
	}

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

#footer {
	clear: both;
	width: 720px;
	padding: 10px;
	color: #ccc;
	background: #02254B;
	font-size: 0.9em;
}

#footer a {
	color: #FFFF00;
}

#footer a:hover {
	color: #fff;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer li {
	display: inline;
	margin: 0px;
}

#footer p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#footer img {
	float: right;
	margin-left: 1px;
	border: none;
}

/* Class Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
	border: none;
}

.img-right {
	float: right;
	border: none;
	margin: 10px 0px 10px 10px;
}

.clearFix {
	clear: both;
}