html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	background: #b12200 url(../img/layout/bg-body.jpg) repeat-x;
}

body {
	text-align: center;
	font-size: 62.5%;
	}

#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-top: 23px;
}

#header {
	position: relative;
	width: 900px;
	height: 112px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/layout/bg-header.jpg);
}

#headerNav {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #666;
}

#headerNav a {
	padding: 0 5px;
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
}

#headerNav a:hover {
	color: #000;
}

#content {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-top: 5px;
	background: #ebebeb;
}

#nav {
	position: relative; 
	width: 890px;
	height: 32px; 
	margin: 0 auto; 
	padding: 0; 
	z-index: 1000;
	background: #5a5a5a  url(../img/layout/bg-nav.gif) repeat-x;
}

#homeHero {
	position: relative;
	margin: 0;
	padding: 10px 5px;
	width: 900px;
	text-align: left;
	color: #333;
}

html > body #homeHero {
	width: 890px;
}

#homeHeroMain {
	position: relative;
	float: left;
	display: inline-block;
}

#homeHeroSide {
	position: relative;
	float: right;
	display: inline-block;
}

.homeHeroSideBox {
	padding: 4px;
	width: 200px;
	height: 153px;
	border: 1px solid #434343;
	background: #cecece url(../img/layout/bg-gradient.jpg) repeat-x;
	text-align: left;
	color: #333;
}

html > body .homeHeroSideBox {
	width: 190px;
	height: 143px;
}

.homeHeroSideBox.top {
	margin-bottom: 11px;
}

.homeHeroSideBox.flow {
	height: auto;
}

.homeHeroSideBoxInset {
	position: relative;
	padding: 10px;
	height: 143px;
	background: #fff url(../img/layout/bg-hero-box.jpg) repeat-x;
}

html > body .homeHeroSideBoxInset {
	height: 123px;
}

.homeHeroSideBoxInset.distributor {
	background: #fff url(../img/layout/bg-hero-box-distributor.jpg) no-repeat;
}

.homeHeroSideBox.flow .homeHeroSideBoxInset {
	height: auto;
}

.homeHeroSideBoxInset p {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
}

.homeHeroSideBox.flow .homeHeroSideBoxInset p {
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: normal;
}

.homeHeroSideBox.flow .homeHeroSideBoxInset p.headerSide {
	text-transform: uppercase;
	font-weight: bold;
	color: #000066;
}

.homeHeroSideBox.flow .homeHeroSideBoxInset a {
	color: #000066;
	text-decoration: none;
}

.homeHeroSideBox.flow .homeHeroSideBoxInset a:hover, 
.homeHeroSideBox.flow .homeHeroSideBoxInset a:active {
	text-decoration: underline;
}

#chooseDistributor {
	margin-top: 10px;
}

#chooseDistributor select {
	font-size: 1em;
	border: 1px solid #bdbdbd;
	background: #eee;
}


#signup {
	margin-top: 10px;
}

#signup input {
	font-size: 1.2em;
	border: 1px solid #bdbdbd;
	background: #fff;
	width: 170px;
}

#signup label {
	font-size: 1em;
}

#signup input.submit {
	width: 100px;
	font-size: .8em;
	font-weight: bold;
	cursor: pointer;
	background: #e1ebf0;
	color: #114177;
	border: 1px solid #114177;
}

#homeBody {
	position: relative;
	margin: 0 5px;
	padding: 4px;
	width: 890px;
	border: 1px solid #434343;
	background: #cecece url(../img/layout/bg-gradient.jpg) repeat-x;
	text-align: left;
	color: #333;
}

html > body #homeBody {
	width: auto;
}

#homeBodyInset {
	position: relative;
	padding: 10px;
	width: 880px;
	background: #fff url(../img/layout/bg-body-base.jpg) repeat-x;
	color: #333;
}

html > body #homeBodyInset {
	width: auto;
}

#homeBodyInsetLeft {
	float: left;
	display: inline-block;
	padding-right: 10px;
	width: 661px;
	border-right: 1px solid #bdbdbd;
}

#homeBodyInsetLeft p.header {
	margin-bottom: 11px;
	padding-bottom: 5px;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #bdbdbd;
}

#homeBodyInsetLeftColLeft {
	float: left;
	display: inline-block;
	width: 250px;
}

#homeBodyInsetLeftColLeft p {
	padding-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#homeBodyInsetLeftColLeft p.header {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #d00505;
	text-transform: uppercase;
	border-bottom: none;
}

#homeBodyInsetLeftColRight {
	float: left;
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	width: 400px;
	border-left: 1px solid #bdbdbd;
}

html > body #homeBodyInsetLeftColRight {
	width: 390px;
}

#homeBodyInsetLeftColRight p.header {
	margin: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	color: #d00505;
	text-transform: uppercase;
	border-bottom: none;
}

#homeBodyInsetLeftColRight .hero {
	margin-bottom: 10px;
	height: 140px;
	background: #063f25;
}

#homeBodyInsetLeftColRight .hero p {
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
}

#homeBodyInsetLeftColRight .hero p.header {
	padding-bottom: 0px;
	color: #fff;
}

#homeBodyInsetLeftColRight .hero .heroInset {
	display: inline-block;
	float: left;
}

#homeBodyInsetLeftColRightColLeft {
	display: inline-block;
	float: left;
	width: 220px;
}

#homeBodyInsetLeftColRightColLeft p {
	color: #223a80;
	font-size: 1.1em;
	line-height: 1.3em;
}

#homeBodyInsetLeftColRightColLeft p.header {
	margin-bottom: 3px;
	padding-bottom: 3px;
	color: #223a80;
	font-size: 1.1em;
	line-height: 1.2em;
	border-bottom: 1px solid #223a80;
}

#chooseSolution {
	margin-bottom: 10px;
}

#chooseSolution select {
	font-size: 1em;
	border: 1px solid #bdbdbd;
	background: #eee;
}

#homeBodyInsetLeftColRightColRight {
	display: inline-block;
	float: right;
}

#homeBodyInsetRight {
/*	float: right; */
	float: left;
	display: inline-block;
	width: 184px;
/*	border-left: 1px solid #bdbdbd; */
}

#homeBodyInsetRight p {
	padding: 0 0 33px 11px;
	font-size: 1.1em;
	line-height: 1.2em;
}

#homeBodyInsetRight p.header {
	padding-bottom: 11px;
	font-size: 1.4em;
	color: #000066;
	font-weight: bold;
	text-transform: uppercase;
}

#contentBodyWrapper {
	position: relative;
	float: left;
	display: inline;
	width: 682px;
}

.contentBody {
	position: relative;
	float: left;
	display: inline-block;
	width: 682px;
	margin-bottom: 10px;
	padding: 4px;
	border: 1px solid #434343;
	background: #cecece url(../img/layout/bg-gradient.jpg) repeat-x;
	text-align: left;
	color: #333;
}

html > body .contentBody {
	width: 672px;
}

.contentBodyInset {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 672px;
	background: #fff url(../img/layout/bg-body-base.jpg) repeat-x;
	color: #333;
}

html > body .contentBodyInset {
	width: 652px;
}

.contentBodyInset h1 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.8em;
	border-bottom: 1px solid #b3b3b3;
	text-transform: uppercase;
}

.contentBodyInsetContent {
	position: relative;
	float: left;
	display: inline-block;
	width: 412px;
}

.contentBodyInsetContent.right {
	width: 317px;
}

.contentBodyInsetContent p {
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.4em;
}

.contentBodyInsetContent a
,.hero a
,.productDetail a
{
	color: #d00505;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8em;
}

.productTitle {
	text-transform: uppercase;
	color: #d00505;
	font-weight: bold;
}

.productTitle a {
	font-size: 1.2em;
}

.photoInset {
	position: relative;
	float: right;
	display: inline-block;
	width: 230px;
	margin: 0 0 0 10px;
}

.photoInset p {
	padding-top: 5px;
}

.photoInset.left {
	float: left;
	width: 325px;
	margin: 0;
}

.photoInset.left .productInset{
	float: left;
	margin-right: 10px;
}

#footer {
	position: relative;
	width: 900px;
	height: 72px;
	margin: 0 auto;
	margin-bottom: 23px;
	background: url(../img/layout/bg-footer.gif) bottom left no-repeat;
}

#footer #footerLogo {
	position: absolute;
	top: 0;
	right: 0;
}

#footer p {
	padding: 14px 0;
	font-size: 1.1em;
	line-height: 1.2em;
}

#footer a {
	color: #990000;
}

.clearIt {
	clear: both;
	display: inline;
}

html > body .clearIt {
	display: block;
}

.callout {
	color: #d00505;
}

.citation {
	font-size: .9em;
	font-style: italic;
	color: #000066;
}

/* form elements */
.contentBodyInset form {
}

.contentBodyInset label {
	/* display: block; */
	float: left;
	width: 100px;
	margin-bottom: 5px;
/*	padding-left: 5px; */
	padding-right: 5px;
	text-align: left;
	font-size: 1.2em;
}

.contentBodyInset input, textarea {
	/* display: block; */
	width: 200px;
	float: left;
	margin-bottom: 5px;
	font-size: 1.2em;
}

.contentBodyInset form br {
	clear: left;
}

.contentBodyInset .short {
	width: 100px;
}