@charset "utf-8";
/*
MillionaireSeries.com
By Luke Karrys (http://www.lukekarrys.com)
*/

/*global resets*/

* {margin:0; padding:0;}
ol, ul{list-style:none;}
strong, .strong { font-weight: 700;}
em {font-style: italic;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */
select img {border:none;}
img {border:none;}
.clear {clear: both; height:0;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;}
.center {text-align: center; margin-left: auto; margin-right: auto;}
.text-left{text-align: left}
.column .extra-space, .inner-column .extra-space{margin-bottom: 20px}
hr {margin-bottom: 10px;}

a, a:visited {text-decoration: underline; color: #01316f; outline: none; cursor: pointer;}
a:hover {text-decoration: none; cursor: pointer;}

body {
	background: #efefef url(images/bg-grad.jpg) repeat-x top left;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center; /* for IE */
}

/************ layout *************/

#shadow-wrapper {
	width: 820px;
	margin: 0 auto;
}

#wrapper{
	float: left;
	background: #fff;
	width: 798px;
	border: none;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	text-align: left;
	overflow: hidden;
}

#shadow-left {
	float: left;
	background: url(images/shadow-left.png) top left repeat-y;
	width: 10px;
}

#shadow-right {
	float: right;
	background: url(images/shadow-right.png) top left repeat-y;
	width: 10px;
}

/************ navigation *************/

#navigation-bar {
	width: 798px;
	position: relative;
	background: #710202;
	border-bottom: 1px solid #fff;
	z-index: 10;
}

#main-menu {
	font-size: 0.8em;
	position: relative;
	left: 18px;
	margin: 0 auto;
	padding: 0;
}

#main-menu ul li {
	font-size: 0.8em;
}

#top-menu {
	font-size: 0.8em;
	position: absolute;
	top: 0;
	right: -1px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

#home-icon {
	background: url(images/home.png) no-repeat 4px 0;
}

#search-icon {
	background: url(images/search.png) no-repeat 4px 0;
}

#contact-icon {
	background: url(images/contact.png) no-repeat 4px 0;
}
#member-login {position: absolute; right: 1px; top: 27px;}

/************ end navigation *************/

/************ global text *************/

h1, h2, h3, h4 {font-family: Tahoma, Arial, Helvetica, sans-serif;letter-spacing: .05em;}

h1 {font-size: 1.8em;}

h2 {font-size: 1.45em;}

h3 {font-size: 1.1em;}

h4 {font-size: 1em;}

p {font-size: 0.9em;line-height: 1.3em;text-align: justify;}

/************ header *************/

#top-name {
	background: #fff url(images/header-text.png) 7px 0px no-repeat;
	height: 75px;
	position: relative;
	border-bottom: 1px solid #fff;
}

#top-name h1 {
	color: #01316f;
	text-indent: -9999px;
}

#top-name h2 {
	color: #000;
	font-style: italic;
	text-indent: -9999px;
}

#header {
	height: 165px;
	background: #f0f0ee url('images/header-notext.jpg') no-repeat top left;
	position: relative;
	border-bottom: 1px #f0f0ee solid;
	width: 798px;
	z-index: 2;
}

#header-text {
	width: 470px;
	top: 0;
	height: 155px;
	padding-top: 10px;
	right: -317px;
	z-index: 1;
}

#header-text h3 {
	color: #01316f;
	margin-bottom: 5px;
	text-align: center;
	font-size: 1.25em;
}

#header-text p {
	color: #01316f;
}

#header-text p.byline {
	font-weight: bold;
	text-align: right;
	font-size: 0.8em;
}

.text-indent {
	text-indent: -9999px;
}

/************ end header *************/

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

#content {
	background-color: #fff;
	padding: 0 0;
	width: 798px;
	border-bottom: 1px #fff solid;
}

.home .column h3, .home .column h4 {
	text-align: center;	
}

.home .column h3 {
color:#01316f;
}

.inner-column {
	width: 728px;
	background-color: #fff;
	padding: 4px 35px;
}

.inner-column .page-header {
	width: auto;	
}

.inner-column .page-header .right-column {
	width: 535px;	
}

.column {
	float: left;
	border-right: 3px solid #fff;
	margin-right: 0;
	background-color: #fff;
	padding: 4px 4px;
}

.three-column {
	width: 256px;
}

div.last-column {
	margin-right: 0;
	border-right: none;
}

.column h2, .inner-column h2 {
	width: 256px;
	/*color: #fff;
	background: #591010;f5cf83 fcdfa5*/
	color: #fff;
	background: #710202;
	text-align: center;
	padding: 0 0;
	margin-bottom: 7px;
}

.inner-column h2 {
	width: inherit;
	color: #591010;
	background: none;
}

.column h2 {
	font-size: 1.1em;
}
.column h3, .inner-column h3 {
	margin-bottom: 10px;
	padding: 0 8px;
}

.column h4, .inner-column h4 {
	margin-bottom: 8px;
	padding: 0 8px;
}

.column h4.spacer, .inner-column h4.spacer {
	margin: 15px 0;
}

.button, .button:visited {
	display: inline;
	text-decoration: none;
	padding: 0 4px;
	background: #01316f;
	height: 18px;
	width: 95px;
	color: #fff;
	border: 1px solid #000; 
	cursor: pointer;
	text-align: center;
}

.button:hover {
	background: #5075a4;
	cursor: pointer;
}


.column p, .inner-column p {
	padding: 0 8px;
	color: #000;
	margin-bottom: 12px;
}
.column p.byline, .inner-column p.byline {
	margin-bottom: 18px;
	font-weight: bold;
	text-align: right;
	font-size: 0.8em;
}

.column p.byline-last, .inner-column p.byline-last {
	margin-bottom: 4px;
	font-weight: bold;
	text-align: right;
	font-size: 0.8em;
}

.column .extra-bottom-spacing, .inner-column .extra-bottom-spacing {
	margin-bottom: 18px;
}


.column ul, .inner-column ul {
	list-style: inside disc;
	margin-left: 20px;
}

.column ol.list, .inner-column ol.list {
	list-style: inside decimal;
	margin-left: 20px;
}

.column ul li, .inner-column ul li, .column ol.list li, .inner-column ol.list li  {
	padding: 0 8px;
	color: #000;
	margin-bottom: 8px;
	font-size: 0.9em;
	line-height: 1.3em;
}

.column ul li.sub, .inner-column ul li.sub, .column ol.list li.sub, .inner-column ol.list li.sub  {
	padding: 0 0 0 40px;
	font-size: 0.8em;
}

.column .last, .inner-column .last {
	margin-bottom: 4px;
}

.column .center, .inner-column .center {
	text-align: center;	
}

.column img {
	margin-bottom: 8px;	
}

.product, .testimonial, .section, .divider {
	border-bottom: 5px solid #01316f;
	margin-top: 20px;
	padding: 0 30px;
}

.product-image {
	width: 150px;
	margin-right: 25px;
	text-align:center;
}

.place-holder {
	width: 150px;
	height: 200px;
	border: 1px solid black;
}

.left-column {
	float: left;
	margin-bottom: 10px;
	text-align: center;
	width: 150px;
	margin-right: 15px;
}

.left-column p {
	text-align: center;
	font-weight: bold;
}

.right-column {
	float: left;
	width: 480px;
	margin-bottom: 10px;
}

.content-box {
	margin: 0 0 10px;
	border: 3px solid #591010;
	background-color: #FDFFD3;
	padding: 10px 5px;
}

.content-box .center {
	width: 645px;	
}

.content-box h2 {
	font-size: 1.05em;
	font-style: italic;
}

.inner-column .principles {width: 475px;margin: 0 auto;}

.inner-column .principles .right-column {padding-top: 30px; width: 300px;}

ul.checkmark {
	list-style-image: url(images/checkmark.gif);
}

.closer-headings h4 {
	margin-bottom: 2px;
}

.closer-headings p {
	margin-bottom: 16px;	
}


.directory .right-column {
	width: 500px;	
}

.directory h3, .directory h4 {
	text-align: center;
}


.numbered-list {margin-left: 30px; list-style: decimal;}
.numbered-list li {margin-bottom: 10px;}

/************ end main-content *************/

/************ span colors *************/

span.red {color: #591010;}

span.bold {font-weight: 800;}

span.yellow-bg {background-color: #FFFF00;}

span.blue {color: #000099;}



/***************
	*contact form
****************/

.forms, #contactEmail {
	width: 240px;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}

.large-form, #coachingEmail {
	width: 623px;
	margin-top: 0;
}

.forms li {
	display: block;
	padding-bottom: 25px;
}

.forms li label {
	width: 96px;
	float: left;
	font-size: 0.8em;
	padding-right: 10px;
	text-align: right;
}



.large-form li label {
	width: 190px;
	font-weight: bold;
}

.large-form li label span {
	font-weight: normal;
	width: 190px;
	text-align: right;
}

.large-form li .button {
	margin: 0 20px 0 0;
}

.large-form li .loading {
	display: none;
	float: right;
	width: 300px;
	height: 20px;
}

.forms li input, .forms li select, .forms li textarea {
	width: 130px;
	height: 15px;
	float: right;
	background: #ddd9d9;
	border: 1px solid #000;
}

.forms li select {
	height: 18px;
}

.large-form li input, .large-form li select, .large-form li textarea {
	width: 159px;
	float: left;
	margin-right: 10px;
}

.large-form li select {
	width: 161px;
}

.large-form li textarea {
	width: 400px;
	height: 60px;
	margin-bottom: 10px;
}

#submit, #reset{
	float: right;
	background: #01316f;
	height: 20px;
	width: 65px;
	color: white;
	border: 1px solid #000; 
	cursor: pointer;
	text-align: center
}

#submit:hover, #reset:hover {
	background: #5075a4;
	cursor: pointer;
}

.error {
	float: right;
	padding-top: 1px;
	font-size: 0.7em;
	color: #e82b2b;
}

.large-form .error {
	float: left;
}

.contact-info {
	width: 150px;
	float: left;
	z-index: 20;
}

.splash-forms {padding-left: 40px; width: 200px;}
.splash-forms li {height: 35px; padding-bottom: 5px;}
.splash-forms li label {width: 200px; text-align: left;}
.splash-forms li input {float: left;}

/************ footer *************/

#footer {
	position: relative;
	background: #01316f;
	padding: 10px 0;
	border-top: 1px solid #fff;
	border-top: 1px solid #01316f;
}

#footer a, #footer a:visited {
	color: #fff;	
}

#footer p {
	padding-bottom: 5px;
	color: #fff;
	text-align: center;
	font-size: 0.7em;
}

#footer p.last {
	padding-bottom: 0;
}

#facebook {
	position: absolute;
	width: 222px;
	right: 5px;
	top: 5px;
}

#facebook p {
	float: left;
	font-size: 0.9em;
}

/************ end footer *************/