@charset "UTF-8";
body {
	background: #999999;
	margin: 30 0 0;
	padding: 0;
}

/* ~~ this fixed width container surrounds all other elements ~~ */
.container {
	width: 870px;
	background: #FFF;
	margin: 0 auto;
	border: 48px solid #6A858E;
	height: 680px;
}
.header {
	float: left;
}
.promo {
	float: left;
	width: 195px;
	font: lighter 36px "Times New Roman", Times, serif;
	color: #b4a277;
	text-align: center;
}
.promo p a {
	color: #b4a277;
	text-decoration: none;
}
.promo p img {
	margin-bottom: -10px;
}
.pubs {
	float: left;
	width: 195px;
	font: lighter 36px "Times New Roman", Times, serif;
	color: #b4a277;
	text-align: center;
}
.pubs p a {
	color: #b4a277;
	text-decoration: none;
}
.pubs p a:hover {
	color: #900;
	text-decoration: none;
}
.promo p a:hover {
	color: #900;
	text-decoration: none;
}
.brand p a {
	color: #b4a277;
	text-decoration: none;
}
.brand p a:hover {
	color: #900;
	text-decoration: none;
}
.pubs p img {
	margin-bottom: -10px;
}
.brand {
	float: left;
	width: 195px;
	font: lighter 36px "Times New Roman", Times, serif;
	color: #b4a277;
	text-align: center;
}
.brand p img {
	margin-bottom: -10px;
}
.web {
	float: left;
	width: 192px;
	font: lighter 36px "Times New Roman", Times, serif;
	color: #b4a277;
	text-align: center;
}
.web p img {
	margin-bottom: -10px;
}
.web p a {
	color: #b4a277;
	text-decoration: none;
}
.web p a:hover {
	color: #900;
	text-decoration: none;
}
.mainContent {
	float: left;
	width: 770px;
	background: #FFF;
	overflow: hidden;
	padding-right: 0px;
	text-align: left;
	margin-top: -30px;
}
.mainContent p {
	padding-left: 23px;
	font: lighter 14px/24px Arial, Helvetica, sans-serif;
	color: #6A858E;
}
.mainContent p a {
	font-weight: 900;
	text-decoration: none;
	color: #6A858E;
}
.mainContent p .bullets {
	word-spacing: 1px;
}
.mainContent p a:hover {
	color: #900;
	text-decoration: none;
}
.mainContent p img {
	padding-right: 10px;
}
.sidebar {
	float: left;
	width: 92px;
	margin: 0px;
	padding: 0px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
p .bold {
	font-weight: 900;
}