* {
	margin:				0px;
	padding:			0px;}
	
body {
	background-color:	#efe4d2;
	font-family:		"Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size:			14px;
	color:				#4b2b11;
	color:				#333;}

h1 {
	font-size:			24px;
	color:				#59371b;}

h2 {
	margin-bottom:		.5em;
	font-size:			14px;}

p {
	margin-bottom:		.5em;}

a img {
	border:				0px;}

a:link 		{color:#8c6239;border-bottom:1px dotted transparent;text-decoration:none;}
a:visited	{color:#8c6239;border-bottom:1px dotted transparent;text-decoration:none;}
a:focus 	{color:#59371b;border-bottom:1px dotted #59371b;}
a:hover 	{color:#59371b;border-bottom:1px dotted #59371b;}
a:active 	{color:#8c6239;border-bottom:1px dotted #8c6239;}


ul, ol {
	margin-bottom:			1em;
	margin-left:			2em;
	font-size:				12px;
	line-height:			22px;}


label {
	margin-left:		.25em;}

.cleared {
	clear:				both;}




/* ========================================================================= */

#pagewrapper {
	position:				relative;
	background-image:		url(ContentBackgroundGradient.gif);
	background-repeat:		repeat-x;
	background-position:	top center;
	width:					860px;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#fff;}


	#Banner {
		background-image:		url(BannerBackground.gif);
		background-repeat:		repeat-x;
		background-position:	top center;
		text-align:				center;}

		#Banner a#LogoLink {border-bottom: 0px;}


	#Menu {
		margin-bottom:			20px;;
		background-color:		#deeaf8;
		text-align:				center;
		font-size:				14px;
		font-weight:			bold;
		line-height:			27px;
		color:					#fff;}
	
		#Menu a, body#InfoCenter.ThreeColumnPage #CenterColumn a {
			border-bottom:		1px dotted transparent;
			color:				#8c6239;
			text-decoration:	none;}
			#Menu a:link, 		body#InfoCenter.ThreeColumnPage #CenterColumn a:link 	{}
			#Menu a:visited, 	body#InfoCenter.ThreeColumnPage #CenterColumn a:visited	{}
			#Menu a:focus, 		body#InfoCenter.ThreeColumnPage #CenterColumn a:focus  	{color:#59371b;border-bottom:1px dotted #59371b;}
			#Menu a:hover, 		body#InfoCenter.ThreeColumnPage #CenterColumn a:hover  	{color:#59371b;border-bottom:1px dotted #59371b;}
			#Menu a:active, 	body#InfoCenter.ThreeColumnPage #CenterColumn a:active 	{color:#8c6239;border-bottom:1px dotted #8c6239;}
			#Menu a.YAH, 		body#InfoCenter.ThreeColumnPage #CenterColumn a.YAH 	{color:#59371b;}

	div#Content {}


/* LeftSidebar ============================================================= */

	div#LeftSidebar {
		float: 					left; 
		margin-left: 			22px;
		width:					203px;}
	
	div#LeftSidebar .FirstParagraph {
		font-weight:			bold;
		font-size:				14px;
		line-height:			18px;
		color:					#59371b;}
	
	p.SurveyPageLeftSidebarParagraph {
		font-size:				12px;
		line-height:			16px;}
	
	p.HaveQuestions {
		margin-top:				2em;
		border-top:				2px dotted #f26522;
		padding-top:			.5em;
		font-size:				14px;
		font-weight:			bold;
		line-height:			18px;}
	
	p.HaveQuestions span {
		color:				#f26522;}
	
			p.HaveQuestions a {
				border-bottom:		1px dotted #a67c52;
				color:				#333333;
				text-decoration:	none;}
				p.HaveQuestions a:link 		{}
				p.HaveQuestions a:visited	{}
				p.HaveQuestions a:focus 	{color:#a67c52;border-bottom:1px dotted #a67c52;}
				p.HaveQuestions a:hover 	{color:#a67c52;border-bottom:1px dotted #a67c52;}
				p.HaveQuestions a:active 	{color:#333333;border-bottom:1px dotted #a67c52;}




/* RightSidebar ============================================================ */

	#RightSidebar {
		float: 					right; 
		width:					170px;
		margin-right:			22px;
		background-image:		url(HowItWorksBackground.jpg);
		background-repeat:		no-repeat;}
	
	#RightSidebar.Fadeout {
		background-image:		url(HowItWorksBackgroundFadeout.gif);}
	
	#RightSidebar.Long {
		background-image:		url(HowItWorksBackgroundLong.gif);}
	
		div#HowItWorks {
			margin-bottom:		5em;}
	
			div#HowItWorks h2 {
				margin-top:			20px;
				margin-bottom:		14px;
				margin-left:		14px;
				text-transform:		uppercase;
				font-size:			20px;
				color:				#8facce;}
	
			div#HowItWorks p  {
				margin-bottom:		14px;
				margin-left:		14px;
				padding-right:		4px;
				font-weight:		bold;
				font-size:			12px;}
	
			div#HowItWorks p span {
				margin-right:		.1em;
				font-weight:		normal;
				font-size:			22px;
				color:				#8facce;}
	
		#RightSidebar ul {
			margin-left:			14px;
			list-style-type:		none;
			line-height:			1.75em;}
	
			#RightSidebar li.EndOfsection {
				margin-bottom:		.75em;}
	
			#RightSidebar span.TextBullets {
				color:				#ff6600;}
	
			#RightSidebar a {
				text-decoration:	none;
				border-bottom:		1px dotted transparent;
				font-weight:		bold;
				color:				#533318;}
				#RightSidebar a:link	{}
				#RightSidebar a:visited	{}
				#RightSidebar a:focus	{color:#000000;border-bottom:1px dotted #000000;}
				#RightSidebar a:hover	{color:#533318;border-bottom:1px dotted #533318;}
				#RightSidebar a:active	{color:#533318;border-bottom:1px dotted #533318;}
	
			#RightSidebar ul#UnderSupplierLinks a {
				font-weight:		normal;}

		#RightSidebar h3 {
				margin-top:			20px;
				margin-top:			0px;
				margin-bottom:		10px;
				margin-left:		14px;
				text-transform:		uppercase;
				font-size:			16px;
				color:				#8facce;}

		div#AFAlogoBlock {
			margin-top:				20px;
			margin-right:			8px;
			margin-left:			12px;
			text-align:				center;
			font-size:				11px;}

		div#AFAlogoBlock p  {
			font-size:				10px;
			text-align:				left;}
		img#AFAlogo 		{margin:0px; auto;}

		.HeightAdjust {
			/* makes sure the center column and its left and right borders is tall enough. */
			height:720px;
			height:860px;
			height:960px;	/* added a new ad to the right sidebar column */
			}	



/* CenterColumn ============================================================ */


	#CenterColumn p {
		font-size:			14px;
		font-size:			12px;
		line-height:		20px;
		line-height:		18px;}

	/* index.html */

	body#index #CenterColumn {
		margin-right:			214px;	/* index.html, 3 column pages have their own */
		margin-left:			22px;}
	
	p#IntroParagraph {
		margin-bottom:		1em;
		margin-right:		5em;
		color:				#4b2b11;}

	div.ServiceCategory {
		margin-bottom:		10px;
		padding-left:		215px;
		height:				166px;}

	div.ServiceCategory.SCone {
		background-image:		url(SConeBackground.jpg);
		background-repeat:		no-repeat;}
	div.ServiceCategory.SCtwo {
		background-image:		url(SCtwoBackground.jpg);
		background-repeat:		no-repeat;}
	div.ServiceCategory.SCthree {
		background-image:		url(SCthreeBackground.jpg);
		background-repeat:		no-repeat;}

	div.ServiceCategory h1 {
		padding-top:		6px;
		padding-bottom:		6px;
		font-size:			24px;
		font-weight:		bold;
		color:				#8facce;}

	div.ServiceCategory.SCtwo h1,
	div.ServiceCategory.SCthree h1 {
		padding-top:		34px;}

	#CenterColumn div.ServiceCategory p {
		margin-right:		1em;
		margin-bottom:		0px;	/* an overrride */
		font-size:			12px;
		line-height:		17px;
		color:				#333;}

	#CenterColumn div.ServiceCategory p.ParagraphOfLinks {
		line-height:		23px;
		font-size:			14px;
		font-weight:		bold;
		color:				#f26522;}
	
	#CenterColumn div.ServiceCategory a, div.FencingMenu a {
		color:				#f26522;
		text-decoration:	none;
		border-bottom:		1px dotted #4b2b11;
		font-size:			14px;
		font-weight:		bold;}
		#CenterColumn div.ServiceCategory a:link, 		div.FencingMenu a:link		{}
		#CenterColumn div.ServiceCategory a:visited, 	div.FencingMenu a:visited	{}
		#CenterColumn div.ServiceCategory a:focus, 		div.FencingMenu a:focus		{color:#4b2b11;}
		#CenterColumn div.ServiceCategory a:hover, 		div.FencingMenu a:hover		{color:#4b2b11;}
		#CenterColumn div.ServiceCategory a:active, 	div.FencingMenu a:active	{color:#f26522;}

	/* 3 column pages */

	body.ThreeColumnPage #CenterColumn {
		margin-right:			214px;	/* same as index.html in order to stabilize the ubiquitous right side bar */
		margin-left:			246px;
		padding-right:			12px;
		padding-left:			12px;
		background-image:		url(SurveyQuestionsGradient.gif);
		background-repeat:		repeat-x;
		border-right:			1px solid #a67c52;
		border-left:			1px solid #a67c52;}




/* Survey pages ============================================================ */


	#LeftSideSurveyPageImage {
		margin-bottom:		1em;}		

	body.ThreeColumnPage #CenterColumn h1 {
		padding-top:		.25em;
		margin-bottom:		1em;
		line-height:		24px;
		font-size:			24px;
		color:				#59371b;}

	body.ThreeColumnPage #CenterColumn h1 span {
		color:				#8facce;}

	
	p.SurveyQuestion {
		margin-bottom:		3px;
		font-weight:		bold;}
	
	p.SurveyAnswer {
		margin-left:		1em;}
	
	#txtOther_21,
	#txtOther_67,
	#txtOther_132, 
	#txtOther_167 {
		width:				220px;
		margin-left:		1em;	
		padding:			1px;
		font-size:			14px;
		color:				#4b2b11;}
	
	#txtZipCode {
		width:				340px;
		padding:			1px;
		font-size:			14px;
		color:				#4b2b11;}
	
	#txtAdditionalComments {
		width:				340px;	
		height:				52px;	
		padding:			1px;
		padding:			1px;
		font-size:			14px;
		color:				#4b2b11;}
	
	#SurveySubmitButton {
		width:				9em;}
		
	/* page 2 */

	#ColumnOne {width:120px;}
	
	#ColumnTwo {}
	
	table#ContactInfo td {
		padding-top:		4px;
		padding-bottom:		4px;}
	
	#FirstName, 
	#LastName, 
	#EmailAddress, 
	#CompanyName, 
	#Address1, 
	#City,
	#zip {
		width:				220px;
		padding:			1px;
		font-size:			14px;
		color:				#4b2b11;}
	
	table#ContactInfo  td#ZipTweak {
		vertical-align:		top;
		padding-top:		8px;}
	
	#ZipNote {
		margin-top:			.25em;
		font-size:			12px;}
	
	#areacode, 
	#prefix, 
	#PhoneNumber, 
	#ext {
		width:				36px;
		padding:			1px;
		font-size:			14px;
		color:				#4b2b11;}
	
	#StateId {width:		9em;}




/* Article pages =========================================================== */


	div#CenterColumn.MinimumArticlePage {
		/* force the footer down below the absolutely positioned sidebars and give the page some stability */
		height:					520px;}

	body#InfoCenter div#CenterColumn h3 {
		font-size:				14px;
		margin-top:				1.5em;
		margin-bottom:			.5em;
		color:					#59371b;}

	body#InfoCenter div#CenterColumn li {
		margin-bottom:				.75em;}



/* Miscellaneous pages ===================================================== */

	body#index.TermsAndConditions #CenterColumn  li {
		margin-bottom:		.75em;
		margin-left:		1.75em;
		font-size:			12px;
		line-height:		18px;}

	body#index.SiteMap #CenterColumn  li,
	body#index.SupplierInfo #CenterColumn  li {
		margin-bottom:		.75em;
		margin-left:		.5em;
		font-size:			13px;
		line-height:		18px;}

	body#index.SiteMap #CenterColumn  li {
		line-height:		12px;}

	body#index.SiteMap #CenterColumn  li a, 
	body#index.SupplierInfo #CenterColumn a {
		border-bottom:		1px dotted transparent;
		color:				#8c6239;
		text-decoration:	none;}

		body#index.SiteMap #CenterColumn li  a:link,
		body#index.SupplierInfo #CenterColumn a:link {}

		body#index.SiteMap #CenterColumn li a:visited, 
		body#index.SupplierInfo #CenterColumn a:visited {}
		
		body#index.SiteMap #CenterColumn li a:focus,
		body#index.SupplierInfo #CenterColumn a:focus {color:#59371b;border-bottom:1px dotted #59371b;}
		
		body#index.SiteMap #CenterColumn li a:hover, 
		body#index.SupplierInfo #CenterColumn a:hover {color:#59371b;border-bottom:1px dotted #59371b;}
		
		body#index.SiteMap #CenterColumn li a:active, 
		body#index.SupplierInfo #CenterColumn a:active {color:#8c6239;border-bottom:1px dotted #8c6239;}

	body#index.SiteMap #CenterColumn  li.section {
		margin-bottom:		2em;}

	div.FencingMenu {
		padding-bottom:			10px;
		font-weight:			bold;
		color:					#f26522;}

	#FencingMenuResidential,
	#FencingMenuCommercial, 
	#FencingMenuEstate {
		vertical-align:			middle;
		margin-right:			.5em;}

	div.FencingMenu a.FencingMenuImg {border-bottom: 0px;}



/* Info center pages ======================================================= */

	body#InfoCenter.ThreeColumnPage #CenterColumn h1 {
		margin-bottom:		10px;}

	div#InfoCenterMenu {
		margin-bottom:		28px;
		/* uses link styles from the main menu */
		font-size:			12px;
		line-height:		22px;
		color:           	#fff;}

	p.InfoCenterTestimonial {
		margin-top:			1em;
		font-size:			12px;
		line-height:		16px;
		font-style:			italic;
		color:				#333;}

	p.InfoCenterTestimonial span {
		font-size:			48px;
		line-height:		16px;
		color:				#98bbe5;}

		p.InfoCenterTestimonial img.QuotesLeft {
			vertical-align: 	2px;}
	
		p.InfoCenterTestimonial img.QuotesRight {
			vertical-align: 	-14px;
			padding-bottom:		3px;}

	body#InfoCenter.ThreeColumnPage #CenterColumn p {
		font-size:			12px;
		line-height:		16px;}

	body#InfoCenter.ThreeColumnPage #CenterColumn ul {
		margin-bottom:		1em;
		margin-left:		2em;
		font-size:			12px;
		line-height:		16px;}

	body#InfoCenter.ThreeColumnPage #CenterColumn h2 {
		margin-top:			1.5em;
		margin-bottom:		.5em;
		font-size:			14px;}

	table#DeckComparison {
		table-layout:		fixed;
		border-collapse:	collapse;
		width:				360px;}

	table#DeckComparison td#DCColoumnOne {
		width:				80px;}

	table#DeckComparison th, 
	table#DeckComparison td {
		vertical-align:		top;
		padding:			3px;
		font-size:			12px;}

	table#DeckComparison th {
		background-color:	#efe4d2;
		border-top:			1px solid #ba9465;
		border-bottom:		1px solid #ba9465;
		color:				#59371b;} 

	table#DeckComparison td.Category {
		color:				#59371b;} 

	p.FAQQuestion {
		margin-top:			1em;
		font-weight:		bold;}

	table#GeographicalFenceInfo {
		table-layout:		fixed;
		border-collapse:	collapse;
		width:				360px;}

	table#GeographicalFenceInfo td {
		vertical-align:		top;
		padding:			3px;
		font-size:			12px;}


/* Geo pages =============================================================== */

	#LeftSidebar h3 {
		margin-bottom:		10px;
		font-size:			16px;}
	
	p.ListOfLocalLinks {
		margin-left:		.5em;
		border-bottom:		1px solid #8c6239;;
		padding-bottom:		1em;
		font-size:			12px;
		line-height:		22px;}

	p.CustomerQuote {
		margin-right:		10px;
		margin-left:		14px;
		font-size:			12px;}

	body#InfoCenter ul#SupplierLinks {
		margin-bottom:		1em;}

	div#HowItWorks.GeoPage {
		margin-bottom:		2.75em;}



/* Miscellaneous =========================================================== */

	div#CEBlock 	{margin-left:14px;}
	div#CEBlock p	{margin-bottom:4px; font-size:12px; color:#533318;}
	div#CEBlock p a	{font-weight: normal;}
	div#CEBlock img	{margin-bottom:4px;}

	div#TWBlock 	{margin-top: 10px; margin-left:14px;}
	div#TWBlock p	{margin-bottom:4px; font-size:12px; color:#533318;}
	div#TWBlock p a	{font-weight: normal;}
	div#TWBlock img	{margin-bottom:4px;}



/* Footer ================================================================== */

	#Footer {
		clear:					both;
		margin-top:				3em;
		border-top:				1px solid #deeaf8;
		padding-top:			5px;
		padding-bottom:			.5em;
		text-align:				center;
		font-weight:			bold;
		font-size:				10px;
		line-height:			16px;;
		color:					#8ba7cc;}
		
		#Footer a {
			border-bottom:		1px dotted transparent;
			text-decoration:	none;
			color:				#8c6239;}
		#Footer a:link			{}
		#Footer a:visited		{}
		#Footer a:focus			{color:#000000;border-bottom:1px dotted #000000;}
		#Footer a:hover			{color:#8c6239;border-bottom:1px dotted #8c6239;}
		#Footer a:active		{color:#8c6239;border-bottom:1px dotted #8c6239;}


/* ========================================================================= */