@charset "utf-8";
/* CSS Document */

html,body {
	background-image: url(images/background_shade.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #F0F0F0;
	
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
    font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.85em;
	line-height: 1.5em;

}
p {margin:0px; padding-bottom: 10px;}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:990px;
	background:#FFF;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	height: 120px;
	background:#FFF url("images/header.jpg") 100% 0px no-repeat;
}

	div#header a img {
		position:absolute;
		right: 15px;
		top: 11px;
	}
	
	div#header ul {
		position:absolute;
		left: 20px;
		top: 82px;
		padding: 0;
		margin: 0;
	}

#navbar {
  font: 12px Georgia, "Times New Roman", Times, serif;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  overflow: hidden;
  list-style: none;
  }
#navbar li { float: left; padding: 0; margin-right: 14px;}
#navbar li a {display: block; padding: 0.75em 0 0.2em; text-decoration:none; text-transform: uppercase; color: #2D4196;}
#navbar a:hover,
  .home #navbar #home a,
  .benefits #navbar #benefits a,
  .why #navbar #why a,
  .commandments #navbar #commandments a,
  .order #navbar #order a,
  .contact #navbar #contact a {
  border-bottom: #FFF 4px solid; color: #FFF;
}


div#content {
	/*	border: 1px dashed #99FF00; */
	padding:20px 20px 60px 20px; /* bottom padding for footer */
	background:none;
}
	div#content H1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;
	line-height: 120%;
	color: #9D9AB7;
	}
	div#content H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	line-height: 100%;
	font-weight:normal;
	color: #CC9933;
	margin-top: 15px;
	}
	div#content H3 {
	font-size: 1.2em;
	color: #2D4196;
	margin-bottom: 5px;
	}
	div#content p {
	}
#topLeft {left:0; top:120px; position:absolute; z-index:0;}
#topRight {
	right:0;
	top:110px;
	position:absolute;
	z-index:0;
}
#bottomRight {right:0; bottom:40px; position:absolute; z-index:0;}
#right {
	position: relative;
	left: 600px;
	width: 350px;
	}
#left {
	position: relative;
	left: 0px;
	width: 350px;
	}
#quote {
	color: #9D9AB7;
    font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	font-size: 2.4em;
	}
#quote b, #quote strong {
	font-size: 3em;
	vertical-align: top;
	top: 10px;
	position: relative;
	}
#quote strong {
	top: 30px;
	}


#purchase {
	width: 200px;
	height: 56px;
	text-decoration: none;
	padding-top: 14px;
	text-align: center;
    font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size: 1.2em;
	/*background-color: #2D4196;*/
	background:url('images/purchase.png') no-repeat;
	color: #FFF;
	}
#purchase:hover {
	background:url('images/purchase_over.png') no-repeat;
	cursor: pointer;
	cursor: hand;
	/*color: #CC9933;*/
	color: #2D4196;
	}
	#purchase b {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	text-transform: uppercase;
	}
	
#telephone {
	color: #9D9AB7;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	width:240px;
	float:right;
}

div#footer {
    background-image: url('images/purchase_over.png');
    background-repeat: no-repeat;
    background-position: -1000px -1000px;
   
	color: #2D4196;
	position:absolute;
	width:100%;
	height: 40px;
	bottom:0; /* stick to bottom */
	background-color: #D1CED5;
}
	div#footer div {
		margin: 10px 15px 0 15px;
	}


.formLabel {
	margin: 0 0 5px 0;
	float: left;
	display: block;
}
.formContent {
	margin: 0 0 5px 70px;
}
.formInput {
	width: 300px;
	background-color: #FFFFFF;
	border: 1px solid #D1CED5;
}

a, a:link, a:visited {color:#706BA1;}
a:hover {color:#2D4196;}





/* CONTACT FORM */


label {
	margin: 2px 0 5px 0;
	float:left;
	display: block;
	width: 60px;
}
.formContent {
	margin: 0 0 5px 0px;
	width: 300px;
	border: 1px solid #92AEB8;
}
.formInput {
	background-color: #FFFFFF;
	font-size: 13px;
}
div .submit {
	margin: 0 0 5px 60px;
}
textarea {
	margin:1px;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}

input.invalid, textarea.invalid {
	background-color: #FCC;
}

strong.error {
	color:#CC3300;
	float:right;
	margin: 2px 8px 0 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
}
.errorMessage {
	color:#CC3300;
	margin: 0 0 5px 60px;
}



.fadingQuotes#outer {width: 650px; height: 75px; overflow: hidden; position: relative;}
.fadingQuotes#outer[id] {display: table; position: static;}
.fadingQuotes#middle {position: absolute; top: 50%;} /* for explorer only*/
.fadingQuotes#middle[id] {display: table-cell; vertical-align: middle; position: static;}
.fadingQuotes#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
#fadingQuotes {
	margin: 5px 0 0 20px;
	color: #9D9AB7;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 140%;
	font-weight: normal;
}