body {
	color: #313131;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/webbg.jpg) repeat-x #efefeb;
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: #216b83;
	font-weight: normal;
	text-decoration:  none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: inline;
	color: #216b83;
	margin-bottom: 15px;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

img {
	border: none;
}

#fullWide {
	width: 100%;
	float: left;
	display: inline;
}

#widthSetter {
	width: 850px;
}

#topCTAs {
	width: 100%;
	height: 75px;
	float: left;
	display: inline;
}

	#tagline {
		color: #515151;
		font-style: italic;
		font-size: 14px;
		padding-top: 30px;
		float: left;
		display: inline;
	}
	
	#phoneBox {
		height: 75px;
		font-style: italic;
		position: relative;
		float: right;
		display: inline;
	}
	
		#phoneNumber {
			font-size: 28px;
			color: #313131;
			position: absolute;
			top: 15px;
			right: 0px;
		}
		
		#phonelineBox {
			width: 350px;
			font-size: 14px;
			color: #ec1f27;
			position: absolute;
			top: 45px;
			right: 0px;
		}
		
#topWhiteBannerTop {
	width: 100%;
	height: 12px;
	background: url(images/topwhite_top.jpg) no-repeat;
	float: left;
	display: inline;
}

#topWhiteBannerContent {
	width: 100%;
	background: url(images/topwhite_repeat.jpg) repeat-y;
	float: left;
	display: inline;
}

	#logoBox {
		width: 285px;
		height: 274px;
		background-color: #f8f2e3;
		margin-left: 20px;
		float: left;
		display: inline;
	}
	
		#logoBox h1 a {
			width: 272px;
			height: 175px;
			background: url(images/briercroftlogo.jpg) no-repeat;
			margin: 60px 0 0 13px;
			text-indent: -9999px;
			cursor: pointer;
			float: left;
			display: inline;
		}
	
	#topbanner {
		width: 516px;
		height: 274px;
		margin-left: 7px;
		float: left;
		display: inline;
	}
	
		#topbanner h2 {
			width: 100%;
			height: 129px;
			background: url(images/restorationspecialists.png) no-repeat;
			margin-top: 60px;
			text-indent: -9999px;
			float: left;
			display: inline;
		}
		
#homeServicesHolder {
	width: 843px;
	margin-left: 7px;
	float: left;
	display: inline;
}

	.serviceBox {
		width: 209px;
		height: 172px;
		float: left;
		display: inline;
	}
	
		.serviceBox a {
			width: 100%;
			height: 172px;
			text-indent: -9999px;
			cursor: pointer;
			float: left;
			display: inline;
		}
		
#bottomContentHolder {
	width: 100%;
	margin-bottom: 20px;
	float: left;
	display: inline;
}

	#leftColumnContent {
		width: 540px;
		margin-left: 14px;
		padding-top: 25px;
		line-height: 21px;
		float: left;
		display: inline;
	}
	
	#leftColumnContent .lineHeightSmall {
		line-height: 12px;
	}
	
	#certContentHolder {
		width: 98%;
		background-color:#e3e3e3;
		padding: 10px;
		margin: 5px 0;
		float: left;
		display: inline;
	}
	
	#certContent {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 14px;
		line-height: 16px;
	}
	
	#leftColumnFull {
		width: 95%;
		margin-left: 7px;
		padding-top: 25px;
		line-height: 19px;
		float: left;
		display: inline;
	}
	
	#insideRightColumn {
		float:right; 
		margin:0 20px;
		 width:125px; 
		 font-family: Arial, Helvetica, sans-serif; 
		 font-size:9px;
	}
	
	#rightColumnHolder {
		width: 260px;
		margin-right: 7px;
		float: right;
		display: inline;
	}
	
		#rightColumnTop {
			width: 100%;
			height: 25px;
			background: url(images/rightcolumn_top.jpg) no-repeat;
			float: left;
			display: inline;
		}
		
		#rightColumnRepeat {
			width: 100%;
			background: url(images/rightcolumn_repeat.jpg) repeat-y;
			float: left;
			display: inline;
		}
		
			#rightColumnContent {
				width: 220px;
				text-align: center;
				margin: 0px 20px;
				float: left;
				display: inline;
			}
			
			#rightColumnContent ul {
				text-align: left;
				margin: 0;
				padding: 0;
				display: inline;
				float: left;
				margin-left: 25px;
				margin-top: 7px;
			}
			
			#rightColumnContent ul li {
				margin-bottom: 10px;
			}
			
		#rightColumnBottom {
			width: 100%;
			height: 25px;
			background: url(images/rightcolumn_bottom.jpg) no-repeat;
			float: left;
			display: inline;
		}
		
#footerHolder {
	width: 100%;
	background: url(images/footerbg.jpg) repeat-x;
	float: left;
	display: inline;
}

#footerContent {
	width: 820px;
	line-height: 24px;
	padding: 30px 15px;
}

/* Navigation */
	#navHolder {
		width: 100%;
		height: 74px;
		background: url(images/navbg.jpg) no-repeat;
		float: left;
		display: inline;
	}
	
	#nav, #nav ul { /* all lists */
		height: 25px;
		padding: 0;
		margin: 0;
		margin-top: 22px;
		margin-left: 20px;
		list-style: none;
	}
	
	#nav a {
		height: 18px;
		padding: 0 15px 12px 10px;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: italic;
		font-size: 11px;
		text-transform: uppercase;
		color: #fff;
	}
	
	#nav li { /* all list items */
		float: left;
	}
	
	#nav li ul { /* second-level lists */
		position: absolute;
		margin: 0px;
		background: #3b5e6a;
		width: 180px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
	#nav li ul li a { /* second-level lists */
		background: #3b5e6a;
		width: 180px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		background: url(images/subnavbg.jpg);
		padding: 6px;
		float: left;
		
	}
	
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}