/*
Theme Name: B & C Comfort Redesigned
Theme URI: http://bandccomfort.com/
Description: The Wordpress Theme designed specifically for the B & C Comfort Website.
Version: 1.0
Author: Mike Rasbury
Author URI: http://razterized.com/
Tags: 

*/



/*------ global styles ---------*/

body {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
p {
	font-size: 12px;
	line-height: 20px;
	color: #333;
}

a {
	color: #E31937;
}

ul {
}
	ul li {
		font-size: 12px;
		margin: 0 0 18px 0;
	}
img {
	border: 0;
}

/*------ layout ---------*/

#contactInfo {
	width: 100%;
	font-size: 16px;
	background-color: #333;
	color: #fff;
	margin: 0;
	}
#content {
	width: 960px;
	margin: 0 auto;
}
	#content #header {
		
	}
	#content #spotlight {
		width: 960px;
	}
	#content #columnWrap {
		width: 960px;
	}
		#content #columnWrap .columnLarge {
			width: 630px;
			float: left;
			margin: 0 0 75px 0;
		}
		#content #columnWrap .columnSmall {
			width: 300px;
			float: left;
			margin: 0 30px 75px 0;
		}
		#content #columnWrap .columnSmall-low {
			width: 300px;
			float: left;
			margin: 0 30px 75px 0;
			clear: left;
		}
		#content #columnWrap .columnSmallLast {
			width: 300px;
			float: left;
			margin: 0 0 75px 0;
		}
	#content .testimonials {
		width: 300px;
		background: #fff url(/layout/testimonial-bg.gif) top left no-repeat;
		float: right;
		margin: 35px 0 0 0;
		padding: 0 0 0 0;
		min-height: 220px;
	}
	#content .subNav {
		width: 300px;
		float: right;
		margin: 35px 0 0 0;
		padding: 0 0 0 0;
		min-height: 220px;
	}
	#content #contactNav {
		width: 300px;
		float: right;
		margin: 35px 0 0 0;
		padding: 0 0 0 0;
		min-height: 220px;
	}
	
ul#affiliates {
	margin: 35px auto 0 auto;
	list-style-type: none;
}
ul#dealers {
	margin: 35px auto 75px auto;
	list-style-type: none;
}
#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}
#content #header ul li#current {
	background: #db1a23 url(/layout/current-bg.gif) repeat-x bottom;
}
	#content #header ul li#current a  {
		color: #fff;
	}

/*------ content ---------*/

#contactInfo ul {
	list-style-type: none;
	width: 960px;
	margin: 0 auto;
	padding: .5em;
}
	#contactInfo ul li {
		list-style-type: none;
		display: inline;
		padding: 0 0 0 45px;
		font-size: 16px;
}
	#contactInfo ul li a {
		color: #fff;
	}
#contactInfo hr {
	width: 100%;
	height: 70px;
	border: 0;
	background: #fff url(/layout/header-grad.gif) repeat-x;
	margin: 0;
	padding: 0;
	
}
#content #header img {
	border: none;
}
#content #header ul {
	float: right;
	list-style-type: none;
}
	#content #header ul li {
		float: left;
		display: block;
		font-size: 16px;
		font-weight: bold;
		list-style-type: none;
		width: 123px;
		height: 70px;
		padding: 10px 0 0 0;
		border-right: 1px solid #333; 
	}
		#content #header ul li:last-child {
			border-right: none;
		}
		#content #header ul li a {
			text-decoration: none;
			color: #333;
			margin: 0 10px 0 10px;
		}
			#content #header ul li a:hover {
				color: #E31937;
			}
		#content #header ul li span {
			display: block;
			font-size: 11px;
			margin: 0 0 0 10px;
		}
#content #header hr {
	clear: both;
	width: 960px;
	height: 11px;
	border: 0;
	background: #fff url(/layout/tagline-hr.gif) no-repeat;
	margin: 0;
	padding: 0;
	
}
#content #columnWrap h1 {
	font-size: 18px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	color: #E31937;
	display: inline;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}
	#content #columnWrap .headerWrapLarge h1 a {
		display: inline;
		text-decoration: none;
	}
#content #columnWrap h2 {
	font-size: 16px;
	color: #333;
	display: inline;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0 5px;
}
#content #columnWrap h3 {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
	margin-bottom: -8px;
}
#content #columnWrap p {
}
	#content #columnWrap .columnSmall img {
		width: 300px;
		border: none;
		margin: 15px 0 0 0;
	}
	#content #columnWrap .columnSmallLast img {
		width: 300px;
		border: none;
		margin: 15px 0 0 0;
	}
	#content #columnWrap .headerWrapLarge  {
		width: 100%;
		border-bottom: 1px solid #333;
		padding: 0 0 10px 0;
		clear: both;
		}
#content #spotlight img {
	width: 960px;
	height: 260px;
	margin: 15px 0;
}
a.nextLevel {
	font-size: 12px;
	color: #E31937;
	text-decoration: none;
	float: right;
	background: url(/layout/link-arrow.gif) no-repeat right;
	padding: 4px 70px 4px 0;
	margin: 5px 0 0 0;
}
ul#affiliates li {
	float: left;
	margin: 0 0 0 100px;
}
	ul#affiliates li img {
		border: none;
	}
ul#dealers li {
	float: left;
	margin: 0 0 75px 120px;
}
	ul#dealers li img {
		border: none;
	}
#footer hr {
	width: 100%;
	height: 70px;
	border: 0;
	background: #fff url(/layout/footer-grad.gif) repeat-x;
	margin: 0;
	padding: 0;
}
#footerLinks {
	width: 100%;
	font-size: 16px;
	background-color: #333;
	color: #fff;
	margin: 0;
	padding: 0;
}
	#footerLinks ul {
		width: 960px;
		margin: 0 auto;
		padding: .5em;
		list-style-type: none;
	}
		#footerLinks ul li {
			display: inline;
			padding: 0 0 0 100px;
		}
			#footer ul li a {
				color: #fff;
				text-decoration: none;
			}
			#footer ul li a:hover {
				color: #fff;
				text-decoration: underline;
			}
	#content .subNav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		#content .subNav ul li {
			border-bottom: 1px solid #000;
			margin: 0 0 20px 0;
		}
			#content .subNav ul li a {
				text-decoration: none;
				font-size: 16px;
				color: #333;
			}
				#content .subNav ul li a:hover {
					color: #E31937;
				}
				#content .subNav ul li.subCurrent a {
					color: #E31937;
				}
#content #contactNav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		#content #contactNav ul li {
			border-bottom: 1px solid #000;
			margin: 0 0 20px 0;
		}
			#content #contactNav ul li a {
				text-decoration: none;
				font-size: 12px;
				color: #333;
			}
				#content #contactNav ul li a:hover {
					color: #E31937;
				}