body
{
	background-color:#ffffff;
	background-image:url(noiseBg.jpg);
	background-position:top center;
	background-repeat:repeat;
	color:#333333;
	background-attachment: fixed;
}

em:before
{
	background-color:#666666;	
}

#theBackground
{
	pading-top:20px;
}

#thePage
{
	max-width:100%;
	border:none;
	background-color:transparent;
	position:relative;
}


.categoryDetails
{
	max-width:40em;	
}

#thePageDecor
{
	background-color: #666666;
	bottom: 0;
	left: 0;
	position: fixed;
	top: 0;
	width: 20%;
	max-width:300px;
	z-index: 10;
	border-right:solid 1px #666666;
	
}

#sideBar
{
	width:20%;
}

#sideBar .column
{	
	width:90%;
	max-width:280px;
	margin:0 auto;
	padding:0;
}


#logo
{
	position:absolute;
	float:none;
	top:-20px;
	left:0em;
	margin:0;
	padding:40px 0px 40px 0px;
	width:20%;
	z-index: 50;
	background-color:#ffffff;
	
}

#logo:before
{
	content:"";
	float:left;
	width:5%;
	height:10px;
}

#logo img
{
	max-width:90%;
	float:none;
	margin:0;
	height:auto!important;
}

#logo a
{
	max-width:90%;
	margin:0;
}

#header
{
	width:80%;
	float:right;
	padding:0;
	margin:0 0 2em 0;
}

#header .column
{
	padding:0;
}

#strapLine
{
	padding:0 1em 1em 1em ;
	display:block;
}

h1
{
	font-size:2.7em;
	padding:20px 0 10px 0;
}

h1 , #strapLine
{
	padding-left:0;
	padding-right:0;
}

#phone , .featureBox , 	h2
{
	color: #666666;
}

h1 , h3 , #strapLine
{
	color:#444444;	
}

a , a:visited , .infoBox .c
{
	color:#ae3633;	
}

#footer:before , #hsd:before
{
	content:" ";
	float:left;
	width:20%;
	height:10px;
}


#contentHolder
{
	clear:both;
	z-index: 20;
	position: relative;	
}


#menuContent p
{
	font-size:1em;
	margin:1.5em 0;
}

#social img
{
	width:30px;
}
#menu a , #menu a:visited , #rSideBar p , #rSideBar h3
{
	color:#eeeeee;
}

.menuItem:first-child p
{
	margin-top:0;
}


#content
{
	width:80%;
	margin:0 auto;
}

#content .column , #header .column
{
	width:90%;
	max-width:1050px;
	margin:0 auto;
}

#bannerContainer
{
	margin:0!important;
}

.slideImg {
	padding-top: .5px;
}


#theBanner
{
	position:relative;
}

#bannerSelector
{
	margin-top:.5em;	
	background-color:transparent;
}

p
{
	font-size:1em;
}

#homePageTemplate .featureBox
{
	margin-top:0!important;
}

.featureBox p
{
	font-size:1.1em;
	line-height:1.7em;
}

#homePageTemplate .featureBox .c
{
	margin-top:.5em;	
}

#homePageTemplate #theFeatures .featureBox , .addressSection .featureBox 
{
	margin-left:4em;	
}

.featureBox .c
{

	padding-top:0;
	padding-bottom:0;
	border-left:solid 5px #ae3633;
	padding-left:1em;		
}

h2 
{
	font-size:2em;
}

#hoursContent p
{
	font-size:.8em;
}

#servicesTemplate #theBanner
{
	margin-bottom:2em;
}

.priceRow label , .price
{
	background-color:transparent;
}

.imageSection img
{
	max-width:220px;	
}

#content .inputSection .column
{
	width:auto;
}

.infoBox .c
{
	padding:0px;
	font-weight: bold;	
}

.highlight
{
	background-color:transparent;
	border-bottom: solid 5px #ae3633;	
}


@media screen and (max-width: 800px) /*800px*/
{
	.responsive #thePageDecor , #footer:before , #hsd:before
	{
		display:none;
	}
	
	body.responsive 
	{
		background-image:url(noiseBg.jpg);
	}
	
	.responsive #sideBar .column
	{
		max-width:100%;
	}
	
	.responsive #phone p
	{
		color:#444444;
		line-height:30px;
	}
	.responsive #header
	{
		width:auto;
		float:none;
	}
	
	.responsive #logo
	{
		position:static;
		width:auto;
		float:right;
		padding:0;
		margin-top:20px;
	}

	.responsive #logo:before
	{
		display:none;
	}

	.responsive #logo img
	{
		border: solid 10px #ffffff;
		float:right;
	}

	.responsive #logo a
	{
		max-width:100%;
		margin:0;
	}
	
	.responsive #content .column , .responsive #header .column , .responsive #sideBar .column
	{
		width:auto;
	}
	
	.responsive #header .column , .responsive #sideBar .column
	{
		padding-left:1em;
		padding-right:1em;
	}
	
	
}

@media screen and (max-width: 600px)
{
	.responsive .featureBox .c
	{
		border-left:none;
		border-top: solid 5px #ae3633;
		border-bottom: solid 5px #ae3633;
		padding:.5em 0;	
	}
}
