body, html {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	font-family: Arial;
}

.outerwraphp {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: url("/images/grasstile.png") repeat-x center top;
}

.homepageouter {
	width: 970px;
	margin: 0px auto;
	/*background: url("/images/homepage-background-970.jpg") no-repeat left top;*/
	background: url("/images/homepage-bg-center.png") no-repeat left bottom;
}

.homepagemiddle {
	width: 962px;
	margin: 0px auto;
	height: 576px;
}

.logobar {
	margin: 0px;
	height: 70px;
	width: 100%;
}

.logo {
	width: 216px;
	height: 42px;
	background: url("/images/braccohpf-logo2.png") no-repeat left top;
	margin-left: 19px;
	margin-top: 20px;
	float: left;
}

.callus {
	width: 208px;
	height: 34px;
	background: url("/images/callus-208x34.png") no-repeat 0px 0px;
	margin-right: 0px;
	margin-top: 20px;
	float: right;
	padding: 8px 3px 3px 14px;
	font-family: Verdana;
	font-size: 12px;
}

.navbar {
	margin: 0px;
	height: 80px;
	width: 100%;
	/*padding-top: 8px;*/
}



/*main content area homepage*/

.mainarea {
	margin-left: 270px;
	width: 692px;
	height: 364px;
}

.mainbottom {
	width: 186px;
	height: 17px;
	margin-left: 15px;
	margin-top: 37px;
	padding: 12px 0px 0px 22px;
	background: url("/images/latest-from-blog-bg.png") left top no-repeat;
	font-family: Arial;
	font-size: 12px;
	color: #5c5b57;
}

.vidarea {
	width: 320px;
	height: 350px;
	float: right;
}

.innervidarea {
	width: 233px;
	height: 270px;
	margin: 4px auto;
	padding: 8px;
	background: url("/images/vid-bg-2.png") left top no-repeat;
}

.vid {
	width: 200px;
	height: 151px;
	margin-top: 6px;
	margin-bottom: 24px;
	margin-left: 8px;
}

.innervidarea {
	font-size: 12px;
	font-family: Arial;
	color: #5c5b57;
}
.innervidarea h3 {
	margin-top: 1px;
	margin-bottom: 3px;
}

.tarea {
	font-family: Verdana;
	font-size: 14.5px;
	padding-right: 55px;
	color: #15304b;
}

.tarea a {
	color: #15304b;
}

.tarea h1 {
	margin-top: 0px;
	color: #ffffff;
	font-size: 26px;
	font-weight: 400;
}

.footer {
	clear: both;
	width: 962px;
	margin: 0px auto;
	height: 36px;
	background: url("/images/hp-footer.png") center top no-repeat;
	color: #878681;
	font-size: 12px;
	padding: 11px 0px 11px 8px;
}

.bottomarea {
	width: 962px;
	margin: 0px auto;
}

.barea {
	width: 237px;
	height: 210px;
	float: left;
}

.bareaheader {
	padding: 6px 8px;
	width: 210px;
	height: 25px;
	margin-left: 14px;
	margin-top: 22px;
	background: url("/images/hp-blog-headline-bg.png") left top no-repeat;
	font-size: 10px;
	color: #5c5b57;
}

.bareaheader a {
	text-decoration: none;
	font-size: 10px;
	color: #5c5b57;
}

.barea1 h3, .barea2 h3, .barea3 h3 {
	margin: 0px 14px 2px 14px;
	font-family: Georgia;
	font-size: 16px;
	color: #ff9900;
	font-weight: 100;
	text-decoration: none;
}

.barea1 p, .barea2 p, .barea3 p {
	margin: 6px;
	padding: 1px 8px;
	font-family: Arial;
	font-size: 12px;
	color: #5c5b57;
}

.barea1 p a, .barea2 p a, .barea3 p a {
	font-family: Arial;
	font-size: 12px;
	color: #5c5b57;
}

.barea4 {
	width: 197px;
	height: 129px;
	margin-left: 12.5px;
	margin-top: 22px;
	padding-top: 8px;
	background: url("/images/promo-area.png") left bottom no-repeat;
	padding-top: 0px;
}

.barea4 p {
	margin: 0px 6px 2px 6px;
	padding: 8px 8px 2px 8px;
	font-family: Arial;
	font-size: 12px;
	color: #5c5b57;
}

.barea4 p a {
	color: #ffffff;
	text-decoration: underline;
}

.bareaspacer {
	width: 3px;
	height: 210px;
	float: left;
	background: url("/images/hp-blog-spacer.png") center center no-repeat;
}