/**********************************************************************************
*	Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta ) 
*
*	version:	1.1
*	author:		ken hanson
*	email:		ken@markupninjas.com
*	website:	www.markupninjas.com
**********************************************************************************/

/***********************************************************************
*							Table of =Contents
* ----------------------------------------------------------------------
* =Normalization (CSS Reset)..................................(Line  16)
* =General Styling............................................(Line  62)
* =Header Styling.............................................(Line 107)
* =Content Styling............................................(Line 164)
* =Franchise Styling..........................................(Line 176)
* =Category Styling...........................................(Line 243)
* =Home Styling...............................................(Line 270)
*************************************************************************/

/*	When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly  */

/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Removes border styles from tables */
table { border-spacing: 0; border-collapse: collapse;}

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; color: #6d6d6d; }
	a:hover { text-decoration: underline; }
	
.ir { position: relative; overflow: hidden; display: block;}
	.ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
	
	a em { cursor: pointer; }

/***********************************
		=General Styling
***********************************/

body 
{
	background: #d7d897 url(images/crushed/bg_body.png) repeat-x top left;
	font: 14px/20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #6d6d6d;
}	
	.wrapper { width: 983px; margin: 0 auto; position: relative; background: url(images/crushed/bg_headerNormal.png) no-repeat top left;}
		#houseHeader .wrapper { background: url(images/crushed/bg_header.png) no-repeat top left;  }
	
	p { padding: 5px 0 10px 0; }
	p a { text-decoration: underline; }
	
	.hr { clear: left; height: 8px; background: url(images/crushed/icon_circleDivider.png); margin: 0 0 17px 0;}
		.hr hr { display: none; }
		
	.squareBullet li { background: url(images/crushed/icon_squareBullet.png) no-repeat center left  ; padding: 0 0 0 13px; margin:0 0 0px 0; }
	.squareBulletMargin li { background: url(images/crushed/icon_squareBullet.png) no-repeat center left  ; padding: 0 0 0 13px; margin:0 0 5px 0; }
	.resourceBullet li { padding: 0 0 0 20px; background: url(images/crushed/icon_resourceBullet.png) no-repeat 0 4px; }
	#resourceArticle, #resourceArticle ul {list-style:disc; margin:0 20px;}
	#resourceSteps, #resourceSteps ol {list-style:decimal; margin:0 20px;}
	
	
	.sidebarBox
	{
		background: #c8c56c;
		margin: 0 0 8px 0;
        overflow: hidden;
	}


.sidebarBox .scroller {
height: 550px;
margin:0;
overflow-y: auto;
overflow-x: hidden;
}
		.sidebarBox h4 { margin: 0 0 13px 0; }
		
			.sidebarBox h4 a
			{ 
				display: block; 
				padding: 16px;
				color: #bbb8a3;
				background: #797550;
				font: bold 30px/38px Verdana, "Lucida Grande", Lucida, sans-serif;
				zoom: 1.0;
			}
			
				.sidebarBox h4 a span { display: block; font-size: 12px; line-height: 16px; font-weight: normal; }

		.right { float: right; display: block;}
		.mainContentHeader .right { margin-left: 30px; margin-bottom:40px;}
	
	.footer { height: 63px; line-height: 63px; text-align: center; color: #fff; background: #005bb0; font-size: 10px; }
	.footer a {
      color: #FFF;
    }


/***********************************
		=Header Styling
***********************************/
h1 { }	
	h1, h1 a { width: 515px; height: 127px; display: block; text-indent: -9999px;}
	
.backLink 
{ 
	display: block; 
	width: 141px; 
	position: absolute; 
	top: -1px; 
	right: 0px;
	text-align: center;
	font: bold 10px/23px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #fff;
	background: #68c232 url(images/crushed/bg_franchiseBack.png);
}

	h2
	{
		width: 515px; 
		height: 100px; 
		text-align: center; 
		padding: 41px 0 0 0; 
		color: #FFF;
		font-weight: bold; 
		font-size: 35px;
		line-height: 33px;
		margin: 0 0 43px 0;
	}
		h2 span { display: block; font-size: 24px; }
	
	.mainMenu
	{ 
		overflow: hidden;
		zoom: 1.0;
		padding: 8px 0 0 20px;
		font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
		position: relative;
		top: 7px;
	}
		.mainMenu li { float: left; line-height: 35px; position: relative;}
			.mainMenu li a { padding-left: 20px; color: #75add8; font-weight: bold; display: block; border-bottom: solid 7px #F15A24; float: left;}
				.mainMenu li a span { padding-right: 20px; display: block; float: left;}


			.mainMenu li a:hover,
			.mainMenu li.selected a
			{
				background: url(images/crushed/bg_tabLeft.png) no-repeat top left;
				border-bottom: solid 7px #fff;
				color: #005bb0;
				text-decoration: none;
			}
				.mainMenu li a:hover span,
				.mainMenu li.selected a span { background: url(images/crushed/bg_tabRight.png) no-repeat top right; }

			.mainMenu li.nohover a:hover,
			.mainMenu li.nohover a
			{
				background: none;
				border-bottom: none;
				text-decoration: none;
			}

			.mainMenu li.nohover a:hover
			{
                color: #ffffff;
			}



/***********************************
		=Content Styling
***********************************/
.contentWrapper { background: white; overflow: hidden; zoom: 1.0;}
	.mainContent { padding: 30px 40px 30px 40px; border-top: solid 7px #F15A24; overflow: hidden; zoom: 1.0;}

		#home .mainContent { padding: 30px; }	
		#houseHeader .mainContent { width: 600px; float: left; padding: 30px 40px; border: none;}
		
	.mainContentSecondary { overflow: hidden; zoom: 1.0;}
	
	.resourceItem { width: 456px; float: left; margin: 0 5px 29px 0;}		
	
	.sidebar { float: left; width: 300px; position: relative; left: 3px;}
	
/***********************************
		=Franchise Styling
***********************************/

/*** Content ***/
.article-image {
	padding:0 5px;
	margin-top:10px;
	float:right;
}

.profileContent 
{
	width: 614px;
	float: left;
}
	.mainContent h3, .mainContent h3 a
	{ 
		color: black;
		font: bold 22px/28px Verdana, "Lucida Grande", Lucida, sans-serif;
	}
	
	.mainContent h4, .mainContent h4 a
	{ 
		color: black;
		font: bold 18px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
	}
	
	.subTitle
	{ 
		display: inline;
		background: #F15A24;
		color: white; 
		padding: 3px 10px;
		margin: 18px 0 11px 0;
		font: bold 16px/45px Verdana, "Lucida Grande", Lucida, sans-serif;
	}
    .subTitle a {
      color: white;
    }


.profileImages 
{
	margin-left: 318px;
}


	.toolIcons { height: 57px; background: url(images/crushed/icon_tools.png) no-repeat top right; margin: 0 0 -21px 0;}

	.servicesList { padding: 0 0 0 2px; overflow: hidden; zoom: 1.0; margin: 0 0 33px 0;}
		.servicesList li { width: 186px; float: left; margin-right: 0px; font-size: 12px;}


	.testimonials blockquote { padding: 0 0 0 30px; background: url(images/crushed/icon_quote.png) no-repeat top left; }
		.testimonials blockquote p { padding: 0 0 0 0; }
		.testimonials .quoteSource 
		{ 
			display: block; 
			text-align: right; 
			font-style: italic; 
			font-size: 12px; 
			padding-right: 50px; 
			margin: 0 0 30px 0;
		}

/*** Sidebar ***/
.contact { background:#C8C56C; color: white; padding: 20px; margin: 0 0 0 0;}
	.contact h4 { font: bold 28px/38px Verdana, "Lucida Grande", Lucida, sans-serif; color: #ff9a7e; padding: 0 0 3px 0;}
	.contact p { font-size: 22px; padding: 0 0 5px 0; }
		.contact p a { color: white; text-decoration: underline; }
	.phoneNumber { font: bold 26px/28px Verdana, "Lucida Grande", Lucida, sans-serif; }
	.bbb {border-left:#D7D897 solid 1px; 
				border-right:#D7D897 solid 1px;
				width:298px;}

	.featuredThumbnails { padding: 0 12px 13px 12px; overflow: hidden; zoom: 1.0;  left: 5px;}
		.featuredThumbnails li { float: left; margin: 0 6px 10px 0;}
			.featuredThumbnails li a { display: block; }
				.featuredThumbnails li a img { border: solid 2px white; float: left;}
				
	.resources { padding: 20px 26px; color: #403411; }
		.resources a { color: #403411; }
		
			.resources li a { display: block; text-decoration: underline; font-weight: bold; }

/***********************************
		=Category Styling
***********************************/

/*** Content ***/
.mainContentHeader { overflow: hidden; zoom: 1.0;  }
.noMargin { margin: 0; }

.zipCode { border: solid 5px #F15A24; padding: 25px 32px; color: #000; float: right; margin-bottom: 72px; }
.zipCodeTopMargin { margin-top: 49px; margin-bottom: 0px; width: 380px;}
	.zipCode label { float: left; font-size: 21px; font-weight: bold; margin-right: 10px; line-height: 30px;}
	.zipCode input.text { border: solid 3px #F15A24; font-size: 11px; padding: 5px; width: 73px; margin-right: 3px;}
	.zipCode input.submit { font-size: 11px; padding: 5px; color: white; background: #F15A24; border: solid 3px #F15A24; }

.categoryItem { width: 456px; float: left; margin: 0 5px 29px 0;}
	.catImage { float: left; margin-right: 9px;}
	.categoryItem h4, .categoryItem h4 a { color: #000; font-size: 18px; line-height: 20px; margin: 0 0 5px 0; }
	.subCategories  { overflow: hidden; zoom: 1.0; padding-left: 5px;}
		.subCategories li { width: 158px; float: left; font-size: 12px; margin-right: 0;}
	

/***********************************
		=Find Styling
***********************************/
.zipCodeInput { font-size: 10px; width: 110px; padding: 5px; border: solid 1px #797550;}
.zipCodeSearch { color: black; font-size: 10px; text-align: center; background: #a3a3a3; padding: 5px; border: solid 1px #797550; width: 37px;}

/***********************************
		=Home Styling
***********************************/
.headerSearch
{
	height: 87px;
	width: 250px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #F15A24;
	padding: 20px 20px 20px 20px;
	zoom: 1.0;
	overflow: hidden;
}

	.headerSearch h3 { color: #ff9a7e; font-size: 28px; line-height: 32px; margin: 0 0 6px 0;}

	.headerSearch input { float: right; margin-left: 9px; }
		.headerSearch .zipHeadSearchSubmit 
		{ 
			font-size: 10px; 
			color: white; 
			padding: 5px; 
			display: block; 
			background: #F15A24;
			border: solid 1px #fff; 
		}
		
		.headerSearch .zipHeadSearchText 
		{ 
			border: none;
			font-size: 10px;
			color: #6d6d6d;
			padding: 6px;
			width: 100px;
		}
	
/*** AJAX STYLING ***/

/* USE THESE CLASSES 1-4 FOR VISUAL CONTROLS */
.ajaxPanel { display: none; }
.ajaxPanel1 { display: block; }

.ajaxSwitcher { overflow: hidden; zoom: 1.0; }
	.handyArrow
	{ 
		display: block; 
		float: left; 
		width: 294px; 
		height: 49px; 
		line-height: 49px; 
		background: url(images/crushed/bg_arrow.png) no-repeat top left; 
		color: white;
		font-size: 16px;
		font-weight: bold;
		text-indent: 10px;
	}

	.ajaxSwitcher ul { float: left; margin-left: 8px;}
		.ajaxSwitcher li { float: left; }
			.ajaxSwitcher li a 
			{ 
				float: left;
				display: block;
				height: 49px;
				width: 31px;
				text-align: center;
				font: 17px/49px Georgia, "Times New Roman", Times, serif;
				color: #fff;
				background: url(images/crushed/bg_homeStepsOff.png) no-repeat center center;
			}
			
				.ajaxSwitcher li a:hover,
				.ajaxSwitcher li.selected a { background: url(images/crushed/bg_homeStepsOn.png) no-repeat center center; text-decoration: none; }

/*** Further, non ajax home content ***/

.homeList
{
	float: left;
	font-weight: bold;
	font-size: 16px;
	margin-right: 65px;
	margin-bottom: 50px;
	position: relative;
	left: 35px;
}

.recentProjectsList { overflow: hidden; zoom: 1.0; }
	.recentProjectsList li { float: left; margin: 0 8px 0 0; width: 220px; height: 400px; }
		.recentProjectsList li a img { border: solid 1px #97967c; }
		.recentProjectsList li h4 { color: black; font-size: 16px; padding: 0 0 5px 0;}
		.recentProjectsList li p { font-size: 12px; line-height: 14px; padding-bottom: 10px;}
		.recentProjectsList li a.more { font-weight: bold; display: block; margin: 0 0 65px 0;}
		
.subFooterPicture
{
	display: block;
	width: 114px;
	height: 117px;
	background: url(images/crushed/bg_subFooterPicture.png);
	padding: 23px 165px 0 20px;
	font-size: 30px;
	line-height: 31px;
	font-weight: bold;
	color: #8a8257;
	float: left;
	margin-right: 16px;
}
	.subFooterPicture span { font-size: 15px; font-weight: normal; }

.subFooterArticles
{
	font-size: 30px;
	line-height: 31px;
	font-weight: bold;
	color: #8a8257;
	width: 136px;
	height: 104px;
	display: block;
	float: left;
	background: url(images/crushed/bg_subFooterArticles.png);
	padding: 30px 137px 0 20px;
	position: relative;
	top: -8px;
	margin: 0 20px 0 0;
}

	.subFooterArticles span { font-size: 15px; font-weight: normal; }
	
.subFooterQuote
{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #6d6d6d;
	width: 225px;
	height: 97px;
	display: block;
	float: left;
	background: url(images/crushed/bg_subFooterQuotes.png);
	padding: 20px 42px 0 25px;
	position: relative;
	top: 9px;
}

	.subFooterQuote span { display: block; text-align: right; font-style: italic; position: relative; left: 20px; }

                .search a {
            		font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
                    color: #75add8;
                    font-weight: bold;
                    display: inline;
                }
                .search  {
border:0 none;
height:20px;
left:670px;
margin:0;
padding:0;
position:absolute;
top:16px;
width:250px;
display: inline;
float: right;
clear:both;
z-index: 100;
                }