/*----------------------------------------------------------------------------- 
base.css
-----------------------------------------------------------------------------*/ 

/* body
-----------------------------------------------------------------------------*/ 
body { background: #1B7B02 url(../img/bg.gif) repeat-x left top; }

/* typography
-----------------------------------------------------------------------------*/ 
h1 {
	border-top: 4px solid #114E00;
	color: #156500;
	font-family: georgia;
	font-size: 3em;
	line-height: 1.5em;
	padding: 0.1em 0 0.1em 0;
}
h1#noSubNav { 
	border-bottom: 1px solid #cccccc; 
	margin-bottom: 0.5em;
}
h2 {
	color: #252525;
	font-family: georgia;
	font-size: 2.1em;
	line-height: 1.5em;
	margin: 0.7em 1em 0.7em 0;
}
h2.home {
	color: #156500;
	font-family: georgia;
	font-size: 2.1em;
	line-height: 1.5em;
	margin: 0 0 0.7em 0;
	border: none;
}	
h3 {
	color: #333333;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.5em;
}
h4 {
	color: #333333;
	font-size: 1.1em;
	margin-bottom: 0.6em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
p { color: #5C5C5C; }

a { color: #333333; }
a:hover { color: #FF6C00; }
a.estimate {
	background: url(../img/btn.get.free.estimate.gif) no-repeat 0 0;
	width: 185px;
	height: 33px;
	text-indent: -9999px;
	display: block;
	float: right;
	margin-left: 10px;
}
	a.estimate:hover { background-position: 0 -33px; }
	a.estimate:active { background-position: 0 -66px; }


/* #container
-----------------------------------------------------------------------------*/ 
#container {
	width: 934px;
	min-width: 934px;
	*width: 940px;
	background: #ffffff;
	margin: 0 auto 1.5em auto;
	padding: 0 0 1.7em 0;
}
	#container #wrapper { padding: 0 17px; }
	
/* #header
-----------------------------------------------------------------------------*/ 
#header {
	border-top: 4px solid #D9D8D1;
	padding: 15px 0 0 0;
	font-family: georgia;
	margin: 0 0 22px 0;
}
	#header img {
		float: left;
		height: 62px;
		display: block;
	}
	
/* #utilityNav
-----------------------------------------------------------------------------*/ 
#utilityNav {
	float: right;
	width: 500px;
	display: inline;
}
	#utilityNav ul {
		list-style: none;
		float: right;
		height: 25px;
	}
	#utilityNav ul li {
		float: left;
		padding-left: 15px;
	}
		#utilityNav ul li a {
			font-style: italic;
			font-size: 1.1em;
			color: #696969;
		}
		#utilityNav ul li a:hover { color: #FF6C00; }
	#utilityNav #contactInfo {
		width: 441px;
		padding: 10px 0 0 0;
		float: right;
		_margin: 0 0 -10px ;
	}
	#utilityNav #contactInfo h3 {
		font-size: 1.9em;
		color: #696969;
		float: left;
		margin: 0.2em 0 0 0;
		font-weight: normal;
		line-height: 1;
	}

/* #topNav
-----------------------------------------------------------------------------*/ 
#topNav { padding-top: 11px; }
	#topNav ul { list-style: none; }
		#topNav ul li { float: left; }
			#topNav ul li a {
				text-indent: -9999px;
				height: 32px;
				display: block;
			}
			#topNav ul li a.home {
				background: url(../img/top.nav.home.gif) no-repeat top left;
				width: 22px;
			}
			#topNav ul li a.residential {
				background: url(../img/top.nav.residential.gif) no-repeat top left;
				width: 171px;
			}
			#topNav ul li a.commercial {
				background: url(../img/top.nav.commercial.gif) no-repeat top left;
				width: 183px;
			}
			#topNav ul li a.international {
				background: url(../img/top.nav.international.gif) no-repeat top left;
				width: 151px;
			}
			#topNav ul li a.packing {
				background: url(../img/top.nav.packing.gif) no-repeat top left;
				width: 100px;
			}
			#topNav ul li a.storage {
				background: url(../img/top.nav.storage.gif) no-repeat top left;
				width: 100px;
			}
			#topNav ul li a.choose {
				background: url(../img/top.nav.choose.gif) no-repeat top left;
				width: 173px;
			}
			#topNav ul li a:hover { background-position: 0 -32px; }
			#topNav ul li.active a { background-position: 0 -64px; }
			
/* #bottom promos
-----------------------------------------------------------------------------*/	
#touts { position: relative; }
/**** #requestEstimate ******/			
#requestEstimate {
	background: url(../img/bg.estimate.gif) repeat-x 0 0;
	line-height: 2.4em;
	color: #CCE6C6;
	font-size: 2.2em;
	font-family: georgia;
	padding: 1px 10px 0 11px;
	margin-bottom: -1.6em;
}
	#requestEstimate span { color: #ffffff; }
a#estimateWhite {
	background: url(../img/btn.get.free.estimate.white.gif) no-repeat top left;
	width: 228px;
	height: 33px;
	text-indent: -9999px;
	display: block;
	position: relative;
	top: -45px;
	left: 635px;
	overflow: hidden;
}
	a#estimateWhite:hover { background-position: 0 -33px; }
	a#estimateWhite:active { background-position: 0 -66px; }
	
/**** #testimonials ******/
#testimonials {
	background-color: #E1DFDF;
	width: 622px;
	*width: 628px;
	height: 128px;
	float: left;
	padding: 15px 19px 15px 26px;
	color: #5E5E5E;
}
	#testimonials .quote { margin: 0 0 11px 0;  }
	#testimonials blockquote {
		color: #287B11;
		font-family: georgia;
		font-style: italic;
		display: inline;
		
	}
		#testimonials blockquote p {
			font-size: 1.7em;
			line-height: 1.5em;
			display: inline;
			color: #287b11;
		}
	#testimonials img {
		display: inline;
		margin: 0 0 0 5px;
		position: relative;
		bottom: 6px;	
	}
	#testimonials img.start { margin: 0 2px 0 -14px; }
	#testimonials .cite {
		font-size: 1.1em;
		margin: 0;
		text-transform: uppercase;
		float: left;
	}
	#testimonials .view {
		text-align: right;
		font-size: 1.2em;
		float: right;
		display: inline;
		margin: 0 21px 0 0;
	}
	#testimonials .view a {
		text-decoration: underline;
		color: #545454;
	}
	#testimonials .view a:hover { color: #FF6C00; }
	
/**** #affiliations ******/
#affiliations {
	background: #E1DFDF url(../img/bg.affiliations.gif) repeat-x 0 0;
	width: 185px;
	height: 128px;
	float: right;
	padding: 15px 20px 15px 28px;
	_position: absolute;
	_right: 0;
}
	#affiliations img { 
		float: left; 
		margin: 10px 18px 0 0;
	}
	#affiliations img.last {  margin: 10px 0 0 0;	}
	
/**** #featuredClients ******/
#featuredClients {
	background-color: #ECEBEB;	
	width: 622px;
	*width: 628px;
	float: left;
	height: 103px;
	padding: 0 19px 10px 26px;
}
	#featuredClients h4 { margin: 15px 0 0 0; }
	#featuredClients img { float: left; }
	#featuredClients div { margin: 0 0 10px 0; }
	#featuredClients p.view {
		text-align: right;
		font-size: 1.1em;
		position: relative;
		bottom: 0.6em;
		margin-right: 21px;
		_margin-bottom: -2px;
	}
		#featuredClients p.view a { 
			text-decoration: underline; 
			font-size: 1.1em;
			color: #545454;
		}
			#featuredClients p.view a:hover { color: #FF6C00; }
		
/**** #supporter ******/
#supporter {
	height: 113px;
	width: 233px;
	float: right;
	margin: 0;
	background: #E1DFDF;
}

/* #footer
-----------------------------------------------------------------------------*/	
#footer {
	margin: 0 auto 23px auto;
	width: 932px;
}
#subFooter li,
#subFooter li a,
#footer li a { color: #77C562; }
#subFooter a:hover,
#footer a:hover { color: #ffffff; }

#footer #footerTop { 
	border-bottom: 1px solid #156501;
	margin: 0 0 19px 0;
	padding: 0 0 14px 0;
}
	#footer #footerTop ul li {
		padding-right: 1.6em;
		line-height: 1.8em;
		font-size: 1.2em;
		float: left;
	}
	#footer #footerTop ul.topLinks li { font-weight: bold; }
#subFooter {
	margin: 0 auto;
	font-size: 1.2em;
}
	#subFooter .row { 
		margin: 0 0 1.0em 0; 
	}
	#subFooter h3 {
		float: left;
		margin: 0 1.0em 0 0;
		font-size: 1.0em;
		font-weight: bold;
		color: #77C562; 
		text-transform: uppercase;
		width: 8.0em;
		line-height: 1.2em;
	}
	#subFooter h4 {
		color: #ffffff;
		font-family: georgia;
		margin-bottom: 1em;
	}
	#subFooter ul {
		float: left;
		width: 67.0em;
	}
		#subFooter ul li {
			line-height: 1;
			float: left;
			font-size: 1.1em;
			margin: 0 .5em .6em 0;
			padding: 0 .5em 0 0;
			border-right: 1px solid #77C562;
		}
			#subFooter ul li a { position: relative; }
		#subFooter ul li.lead {
			margin-right: 0;
			border-right: 0;
		}
		#subFooter ul li.last { border-right: 0; }

/* #content
-----------------------------------------------------------------------------*/ 
#content { padding: 0 0 14px 0; }

/* #colA
-----------------------------------------------------------------------------*/
#colA {
	width: 212px;
	float: left;
	padding-right: 18px;
}

/* #colA promos
-----------------------------------------------------------------------------*/ 
/**** #freeQuote *****/
#freeQuote {
	background: url(../img/bg.free.quote.box.gif) no-repeat 0 0;
	width: 197px;
	height: 193px;
	padding: 10px 0 10px 15px;
	margin-bottom: 17px;
	position: relative;
}
	#freeQuote legend{
		font-size: 1.9em;
		color: #2f2f2f;
		font-family: georgia;
		padding-bottom: 0.8em;
	}
	#freeQuote select {
		width: 75px;
		padding: 0.2em 0.2em 0.1em 0.2em;
		margin: 0 0.6em 0.8em 0;
		color: #666666;
		font-size: 1.1em;
	}
	#freeQuote input {
		margin-bottom: 0.8em;
		padding: 0.2em;
		width: 152px;
		color: #666666;
		font-size: 1.1em;
	}
	#freeQuote a.submit {
		background: url(../img/btn.submit.gif) no-repeat 0 0;
		width: 81px;
		height: 24px;
		text-indent: -9999px;
		display: block;
		margin: 0.7em 0 0 -0.1em;
	}
	#freeQuote a.submit:hover { background-position: 0 -24px; }
	#freeQuote a.clickCall {
		background: url(../img/btn.click.and.call.gif) no-repeat 0 0;
		width: 212px;
		height: 30px;
		text-indent: -9999px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#freeQuote a.clickCall:hover { background-position: 0 -30px; }

/**** #specialOffers *****/
#specialOffers {
	width: 212px;
	height: 211px;
	padding: 0 0 10px 0;
	margin-bottom: 1.2em;
}
	#specialOffers h3 {
		text-transform: uppercase;
		font-size: 1.2em;
		color: #FF6C00;
		letter-spacing: 1.5px;
		margin-bottom: 1.7em;
	}
	#specialOffers img { padding: 0 0 14px 0; }
	#specialOffers a.button:hover { background-position: 0 -18px; }

/**** #testimonialsLeft *****/
#colA #testimonialsLeft { margin-bottom: 1.2em; }

/**** #recentNews *****/
#recentNews {
	background: url(../img/bg.recent.news.gif) no-repeat 0 0;
	width: 180px;
	height: 300px;
	padding: 16px 15px 10px 15px;
}
	#recentNews a.button {
		background:transparent url(../img/btn.view.all.white.gif) no-repeat scroll 0 0;
		display:block;
		height:18px;
		margin:2em 0 0;
		text-indent:-9999px;
		width:62px;
		float: left;
		margin: 0;
	}
	#recentNews a.button:hover { background-position: 0 -18px; }
	#recentNews h3 {
		text-transform: uppercase;
		font-size: 1.2em;
		color: #FF6C00;
		letter-spacing: 1.5px;
		margin-bottom: 1em;
		font-weight: normal;
		line-height: 1;
	}
	#recentNews img { float: left; }
	#recentNews ul { margin: 1.0em 0 .4em 0; }
	#recentNews ul li {
		color: #727272;
		border-top: 1px solid #DBDBDA;
		font-size: 1.1em;
		line-height: 1.5em;
		padding: .8em .5em .8em 0;
	}
	
	
/* #colB
-----------------------------------------------------------------------------*/	
#colB {
	float: right;
	color: #5C5C5C;
	width: 668px;
}
	#colB h3.lists { margin-bottom: 0.5em; }
		#colB h3 a { color: #333333; }
		#colB h2 a:hover, 
		#colB h3 a:hover { 
			color: #FF6C00; 
			text-decoration: underline;
		}
	#colB p {
		font-size: 1.3em;
		margin-bottom: 1.8em;
		line-height: 1.5em;
	}
		#colB p a {
			color: #5c5c5c;
			text-decoration: underline;
		}
		#colB p a:hover { color: #FF6C00; }

/* #colA2
-----------------------------------------------------------------------------*/	
#colA2 {
	width: 420px;
	margin-right: 25px;
	float: left;
}
	#colA2 li a,
	#colA2 p a { 
		color: #FF6C00; 
		text-decoration: underline; 
	}
	#colA2 li a:hover,
	#colA2 p a:hover { color: #1B7B02; }
	#colB #colA2 ul { margin: 0 0 1.9em 0; }
		#colB #colA2 ul li {
			font-size: 1.3em;
			line-height: 1.7em;
			padding: 0 0 0 1.0em;
			background: url(/img/bullet.rect.gray.gif) no-repeat 0 .7em;
		}
#colB #colA2.ourClients ul { margin-top: 0.5em; }
#colB #colA2.whyChoose ul { margin-top: 0; }
	#colB #colA2.home h2 {
		color: #333333;
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.5em;
		font-family: arial;
		margin-bottom: 0;
	}
	
/* #colB2
-----------------------------------------------------------------------------*/	
#colB2 {
	width: 212px;
	float: right;
	display: inline;
}
	#colB2 h4 { 
		border-bottom: 1px solid #E7E7E7;
		padding-bottom: 0.5em;
	}
	#colB2 ul li {
		border-bottom: 1px solid #E7E7E7;
		font-size: 1.4em;
		font-style: italic;
		font-family: georgia;
		line-height: 2.4em;
	}
		#colB2 ul li a { color: #808080;	}
		#colB2 ul li a:hover { 
			color: #FF6C00;
			text-decoration: underline;
		}
#colB2 .testimonial { margin-top: 3em; }
	#colB2 .testimonial img {
		display: inline;
		margin: 0 0.3em;
	}
#colB2 .testimonial blockquote { display: inline; }
	#colB2 .testimonial blockquote p {
		color: #F18200;
		font-size: 1.5em;
		font-family: georgia;
		line-height: 1.5em;
		font-style: italic;
		display: inline;
	}
		#colB2 .testimonial blockquote p a { 
			color: #ff6600; 
			text-decoration: none; 
		}
		#colB2 .testimonial blockquote p a:hover { text-decoration: underline; }
	#colB2 .testimonial strong {
		font-size: 1.1em;
		color: #50504F;
		display: block;
	}
	#colB2 .testimonial p {
		color: #747574;
		font-size: 1.1em;
		margin-bottom: 0.7em;
	}
	#colB2 .testimonial a {
		color: #747574;
		font-size: 1.1em;
		text-decoration: underline;
	}
	#colB2 .testimonial a:hover { color: #ff6600; }

/* #innerNav
-----------------------------------------------------------------------------*/	
ul#innerNav {
	width: 100%;
	border-bottom: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	margin-bottom: 1.7em;
	padding: 1.1em 0;
}
	ul#innerNav li {
		float: left;
		padding: 0.5em 1.0em 0.5em 0;
	}
	ul#innerNav li.last { padding-right: 0; }
		ul#innerNav li a {
			float: left;
			background: url(../img/btn.inner.nav.left.gif) no-repeat left top;
			padding: 0 0 0 9px;
			color: #808080;
			font-size: 1.3em;
		}
		ul#innerNav li a span {
			display:block;
			background: url(../img/btn.inner.nav.right.gif) no-repeat right top;
			padding: 3px 17px 4px 7px;
		}
	ul#innerNav li a:hover {
		color: #4C4740;
		background-position: left -23px;
	}
		ul#innerNav li a:hover span { background-position: right -23px; }
	ul#innerNav li.active a {
		color: #ffffff;
		background-position: left -46px;
	}
		ul#innerNav li.active a span{ background-position: right -46px; }
		
/* .commonListing
-----------------------------------------------------------------------------*/	
#colA2 .commonListing .block {
    padding: 0 0 1.0em 0;
    margin: 0 0 1.6em 0;
    border-bottom: 1px solid #c4c3c3;
} 
#colA2 .commonListing .block.last { border-bottom: 0; }
#colA2 .commonListing  p { margin: 0 0 .6em 0; }
#colA2 .commonListing  p.cite { color: #424242; }

/* .overlay
-----------------------------------------------------------------------------*/	
.overlay {
	position: absolute;
	width: 36.5em;
	*width: 36.8em;
	background: #f6f6f6;
	border: 3px solid #1B7B02;
	z-index: 999;
}
	#content .overlay h2 { 
		margin: 0 0 .6em 0;
		text-align: center;
		line-height: 1;
	}
	.overlay .close {
		position: absolute;
		right: 0;
		font-weight: bold;
		font-size: 1.0em;
		color: #333;
		top: 0;
		border: 1px solid #ddd;
		background: #fff;
		padding: .2em .5em;
		line-height: 1;
	}
	.overlay .close:hover { color: #FF6C00; }
	.overlay .wrap {
		padding: 1.8em;	
		position: relative;
	}
	.overlay .slides { 
		height: 22.3em;
		margin: 0 0 1.0em 0;
	}
	.overlay img {
		position: absolute;
	}
	.overlay .controls { margin: 0 0 0 .6em; }
		.overlay .controls li {
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			margin: 0 .75em 0 0;
			padding: 0 .75em 0 0;
			border-right: 1px solid #ccc;
		}
		.overlay .controls li.active a { color: #FF6C00; }
		.overlay .controls li.last { 
			margin-right: 0; 
			padding-right: 0;
			border-right: 0;
		}

p.error { 
	color: #ff0000;
	font-weight: bold;
	padding-top: 1.5em;
}
label.error input, label.error select, label.error textarea { background-color: #FFFF98; }