/* CSS Document */

/*

Organized by:

Typography
Layout
Navigation
Forms and Tables
Misc.

*/



/* Typography
-------------------------------------------------------------- */

body { 
	color: #113333; 
	font-family: Arial, Helvetica, sans-serif;
	}

a { color: #FF6600; text-decoration: underline; }
a:hover { color: #FF6600; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { color: #003333; }
h2 { font-size: 1.7em; font-weight: bold; }
h4 { font-size: 1.3em; font-weight: bold; }
h5 { font-size: 1.2em; margin-bottom: 0.5em; }

#main-nav a { 
	color: #163939;
	font-size: 0.92em; 
	font-weight: bold;
	text-decoration: none;
	}
#super-nav a {
	color: #00CCBB; 
	font-size: 0.83em; 
	letter-spacing: 0.25px;
	text-decoration: none;
	}
#main-nav a:hover, #main-nav a.selected, #main-nav a.first-selected, #main-nav a.last-selected, #super-nav a:hover, #super-nav a.selected { color: #F6E5A2; }
#sub-nav a {
	color: #114477;
	font-weight: bold;
	text-decoration: none;
	}
#flashcontent #sub-nav li a:hover { text-decoration: underline; }

#content p { font-size: 0.92em; }
.main-copy ul { font-size: 0.92em; }
.main-copy .split, .main-copy .solid { font-size: 100%; }
ul.solid h6 { background-color: #FCFCF0; }

.modules p { line-height: 1.25em; }

.secondary-content .modules p { font-size: 0.8em; }

li.testimonials h6, li.contact h6, li.newsletter-wide h6, li.solemate-wide h6 { color: #FF6600; }
li.solemate-wide h6 { line-height: 1.25em; }
li.solemate p { line-height: 1em; }
li.solemate em, li.solemate-wide em { color: #00C7BA; }

.split h6 { color: #FF6600; }

.carrot a { font-weight: bold; }

.blue-rows li { font-weight: bold; }

.request h6 { color: #FF6600; font-style: italic; }
.request input, .request select, .request textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	}

p.callout-yellow { color: #FFFBBC; }
#sub-nav p.callout-yellow a:hover, #sub-nav p.callout-exec a:hover, #sub-nav p.callout-career a:hover { text-decoration: underline; }
p.callout-exec, p.callout-career { text-align: center; }

.endorsements li {
	color: #009988;
	font-weight: bold;
	}
.endorsements em {
	color: #204443;
	font-weight: normal;
	}

#footer p { color: #BBB; font-size: 0.8em; }
#footer a { color: #00CCBB; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.gold { color: #FF6600; }

h2.blue, p.blue, a.blue { color: #00C7BA; background: none; }
.primary-content h2.blue { margin-bottom: 0; padding-bottom: 0; background: none; }

.bold { font-weight: bold; }



/* Layout
-------------------------------------------------------------- */

body { 
	margin: 0;
	background: #1E4140 url(../img/bg_gradient.gif) repeat-x top left; 
	}
	
#wrapper { background: url(../img/watermark.jpg) no-repeat top left; }

.container {
	width: 980px;
	margin: 0 auto;
	}
body#home .container { background: url(../img/bg_lmackler.jpg) no-repeat 657px 10px; }
	
#header {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 0 20px;
	}
#header h1 {
	float: left;
	margin: 0;
	width: 352px;
	height: 46px;
	text-indent: -9000px;
	background: url(../img/logo.gif) no-repeat top left;
	}
#header h1 a {
	display: block;
	height: 46px;
	background: url(../img/logo.gif) no-repeat top left;
	}
	
#flash-nav {
	width: 968px;
	height: 32px;
	margin: 10px auto 15px;
	}
	
#flashcontent {
	width: 800px;
	height: 287px;
	margin: 0 auto 10px;
	background: url(../img/bg_illumineering_coaching.jpg) no-repeat top left;
	}
	
body#home #flashcontent {
	width: 814px;
	height: 275px;
	margin: 0 auto 10px; 
	background: none;
	}
	
#content {
	width: 800px;
	margin: 0 auto;
	padding-top: 20px;
	}
body#home #content { padding: 0; }
	
#sidebar {
	float: left;
	display: inline;
	width: 201px;
	}
	
#main {
	float: left;
	display: inline;
	width: 587px;
	margin-left: 12px;
	}
#main-wide {
	width: 800px; 
	background: url(../img/bg_content_wide.gif) repeat-y top left;
	}

.lauren, .pink { background: url(../img/bg_content_pink.gif) repeat-y top left; }
.blue { background: url(../img/bg_content_blue.gif) repeat-y top left; }
.green { background: url(../img/bg_content_green.gif) repeat-y top left; }
.aqua { background: url(../img/bg_content_aqua.gif) repeat-y top left; }
.stone { background: url(../img/bg_content_stone.gif) repeat-y top left; }
.yellow { background: url(../img/bg_content_yellow.gif) repeat-y top left; }

.main-copy { padding: 15px 19px 15px 18px; }
.main-copy-two { padding: 5px 19px 15px 18px; }
#main-wide .main-copy { background: url(../img/bg_content_wide_top.gif) no-repeat top left; }
#main-wide .main-copy-two { background: url(../img/bg_content_wide_top_2.gif) no-repeat top left; }
.lauren .main-copy { background: url(../img/bg_content_lauren_top.gif) no-repeat top left; }
.pink .main-copy { background: url(../img/bg_content_pink_top.gif) no-repeat top left; }
.blue .main-copy { background: url(../img/bg_content_blue_top.gif) no-repeat top left; }
.green .main-copy { background: url(../img/bg_content_green_top.gif) no-repeat top left; }
.aqua .main-copy { background: url(../img/bg_content_aqua_top.gif) no-repeat top left; }
.stone .main-copy { background: url(../img/bg_content_stone_top.gif) no-repeat top left; }
.yellow .main-copy { background: url(../img/bg_content_yellow_top.gif) no-repeat top left; }
	
#footer {
	width: 875px;
	margin: 20px auto;
	}
	
.modules {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.modules li {
	position: relative; 
	float: left;
	width: 201px;
	margin: 10px 10px 10px 0;
	background: url(../img/bg_module.gif) no-repeat top left;
	}
#sidebar .modules li { margin-top: 0; margin-right: 0; }
.modules li.events, .modules li.stories, .modules li.newsletter, .modules li.solemate, .modules li.testimonials, .modules li.contact {
	width: 181px;
	height: 182px;
	padding: 5px 10px; 
	}
.modules li.events { background: url(../img/bg_module_events.gif) no-repeat top left; }
.modules li.stories { background: url(../img/bg_module_stories.gif) no-repeat top left; }
.modules li.newsletter { background: url(../img/bg_module_newsletter.gif) no-repeat top left; }
.modules li.solemate { background: url(../img/bg_module_solemate.gif) no-repeat top left; }
.modules li.testimonials { height: 163px; background: url(../img/bg_module_testimonials.gif) no-repeat top left; }
.modules li.contact { height: 163px; background: url(../img/bg_module_contact.gif) no-repeat top left; }
.modules li.solemate-wide { width: 276px; height: 212px; margin-top: 2px; margin-right: 8px; padding: 13px 10px 5px; background: url(../img/bg_module_solemate_wide.gif) no-repeat top left; }
.modules li.events-wide { width: 249px; height: 202px; padding: 5px 10px; background: url(../img/bg_module_events_wide.gif) no-repeat top left; }
.modules li.newsletter-wide { width: 196px; height: 202px; margin-right: 0; padding: 5px 10px; background: url(../img/bg_module_newsletter_wide.gif) no-repeat top left; }
.modules p { margin-bottom: 5px; }
.modules p.carrot { margin-top: 8px; }
.modules a img { position: absolute; bottom: 10px; }
.modules div { padding: 5px 10px; background: url(../img/module_cap_bottom.gif) no-repeat bottom left; }
.solemate h5 { margin-bottom: 5px; }
.solemate p { margin-bottom: 2px; }
.solemate-wide h3 { margin-bottom: 0; }
.solemate-wide h6 { margin-bottom: 5px; }
.newsletter p { width: 85px; }
.newsletter a img, .events a img { bottom: 55px; }
.events-wide a img { margin-left: 28px; }
.newsletter-wide a img { margin-left: 7px; }
.events-wide a img, .newsletter-wide a img { bottom: 45px; }
.solemate-wide a img { position: relative; bottom: auto; }
.solemate div, .solemate-wide div, .testimonials div, .contact div { background: none; }

body#home .modules li {
	width: 184px;
	height: 215px;
	margin-right: 8px;
	padding: 5px;
	}
body#home .modules li.last { margin-right: 0; }
body#home li.events { background: url(../img/bg_module_events_home.gif) no-repeat top left; }
body#home li.stories { background: url(../img/bg_module_stories_home.gif) no-repeat top left; }
body#home li.newsletter { background: url(../img/bg_module_newsletter_home.gif) no-repeat top left; }
body#home li.life-keys { background: url(../img/bg_module_lifekeys_home.gif) no-repeat top left; }
body#home li.live-boldly { background: url(../img/bg_module_liveboldly_home.gif) no-repeat top left; }
body#home li.radio { background: url(../img/bg_module_radio_home.gif) no-repeat top left; }
body#home .stories a img, body#home .life-keys a img, body#home .live-boldly a img, body#home .radio a img { bottom: 55px; }
body#home .modules h5 { margin: 0 0 10px 5px; }
body#home .newsletter p, body#home .life-keys p, body#home .live-boldly p { width: 85px; padding: 0 5px; }
body#home .radio p { padding: 0 5px; }
body#home .newsletter p { width: 80px; }

#sub-nav {
	position: relative;
	width: 550px;
	height: 183px;
	}
.blue #sub-nav { background: url(../img/bg_subnav_yellow.gif) no-repeat top left; }
.green #sub-nav { background: url(../img/bg_subnav_seneca.gif) no-repeat top left; }
.aqua #sub-nav { background: url(../img/bg_subnav_aqua.gif) no-repeat top left; }
.stone #sub-nav { background: url(../img/bg_subnav_tan.gif) no-repeat top left; }
.yellow #sub-nav { background: url(../img/bg_subnav_yellow.gif) no-repeat top left; }
#sub-nav h2 { margin-left: 20px; }
#sub-nav ul.shiftup10 { margin-top: -10px; }
#sub-nav img {
	position: absolute;
	top: -10px;
	right: 0;
	}
#flashcontent #sub-nav {
	width: 800px;
	height: 110px;
	padding: 177px 0 0;
	}
	
.callout-yellow, .callout-exec, .callout-career {
	position: absolute;
	left: 10px;
	bottom: -10px;
	height: 14px;
	padding: 5px 40px 5px 10px;
	background: url(../img/bg_callout_yellow_left.gif) no-repeat top left;
	}
.callout-exec, .callout-career { left: 300px; padding: 5px 10px; }
.callout-exec { width: 220px; background: url(../img/bg_callout_exec.gif) no-repeat top left; }
.callout-career { left: 250px; width: 256px; padding: 5px 7px; background: url(../img/bg_callout_career.gif) no-repeat top left; }

.primary-content {
	padding: 20px;
	background-color: #FFF;
	}
.two-col-layout .primary-content {
	float: left;
	width: 304px;
	}
.primary-content h2 { padding-bottom: 5px; background: url(../img/horiz_rule.gif) no-repeat bottom left; }
.primary-content h2.spacer { margin-top: 40px; }
	
.secondary-content { 
	float: right; 
	width: 203px;
	}
.secondary-content h4 { margin-left: 10px; }
.lauren .secondary-content { margin-right: -7px; }
.secondary-content .modules li, .secondary-content .modules-fluid li {
	width: 180px;
	height: 163px;
	margin: 0 0 20px;
	padding: 10px;
	background: url(../img/bg_module_light.gif) no-repeat top left;
	}
.secondary-content .modules img { float: left; margin: 0 5px 2px 0; }
.secondary-content .modules h6 { margin-bottom: 15px; }

.secondary-content .modules-fluid {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.secondary-content .modules-fluid li {
	width: 200px;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	background: url(../img/bg_module_light_fluid.gif) no-repeat top left;
	}
.secondary-content .modules-fluid div { 
	padding: 10px;
	background: url(../img/module_light_bottom.gif) no-repeat bottom left;
	}
.secondary-content .modules-fluid p { margin-bottom: 5px; }

.solemate-content {
	padding-right:5px;
	float: right;
	width: 550px;
	}

.solid, .split {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.solid li {
	margin-bottom: 5px;
	padding: 15px;
	background-color: #FCFCF0;
	}
.split li {
	padding: 5px;
	background: url(../img/bg_cream.gif) repeat-y top left;
	}
.solid img, .split img { float: left; }
.solid div { margin-left: 125px; }
.split div { margin-left: 150px; }
.solid div img { float: none; }
.split h5 { margin: 0; padding: 0; }
.split h6 { margin-bottom: 10px; }

.endorsements {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}
.endorsements li {
	margin:5px 5px 5px 0px;
	padding:5px 10px 0px 0px;
	background: url(../img/rule_green.gif) no-repeat top left;
	}
	
a.facebook, a.twitter, a.youtube {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	text-indent: -999em;
	overflow: hidden;
	}
a.facebook { background: url(../img/logo_facebook.png) no-repeat top left; }
a.twitter { background: url(../img/logo_twitter.png) no-repeat top left; }
a.youtube { background: url(../img/logo_youtube.png) no-repeat top left; }



/* Navigation
-------------------------------------------------------------- */

#main-nav {
	margin: 0 auto;
	padding: 4px 0 0;
	width: 800px;
	height: 29px;
	list-style: none;
	background: url(../img/bg_nav.gif) no-repeat 0 4px;
	}
#main-nav li { float: left; }
#main-nav a {
	display: block;
	float: left;
	height: 21px;
	padding: 4px 7px 0;
	background: url(../img/nav_border.gif) no-repeat top right;
	}
#main-nav a.last { background: none; }
#main-nav a:hover, #main-nav a.selected { background: url(../img/bg_nav_active.gif) repeat-x top left; }
#main-nav a.first:hover, #main-nav a.first-selected { background: url(../img/bg_nav_active_left.gif) repeat-x top left; }
#main-nav a.last:hover, #main-nav a.last-selected { background: url(../img/bg_nav_active_right.gif) repeat-x top right; }
	
#super-nav {
	float: right;
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
	}
#super-nav li { 
	float: left;
	margin-left: 10px; 
	background: url(../img/bg_supernav_right.gif) no-repeat top right;
	}
#super-nav a {
	display: block;
	float: left;
	height: 18px;
	padding: 0 8px;
	background: url(../img/bg_supernav_left.gif) no-repeat top left;
	}

#sub-nav ul {
	margin: 0;
	padding: 1px;
	list-style: none;
	}
#sub-nav li { 
	width: 548px; 
	height: 23px;
	}
#sub-nav li a {
	display: block;
	width: 508px;
	height: 20px;
	padding-top: 3px;
	padding-left: 40px;
	}
.blue #sub-nav li a { background: url(../img/bg_subnav_link_yellow.gif) no-repeat top left; }
.green #sub-nav li a { background: url(../img/bg_subnav_link_green.gif) no-repeat top left; }
.aqua #sub-nav li a { background: url(../img/bg_subnav_link_aqua.gif) no-repeat top left; }
.stone #sub-nav li a { background: url(../img/bg_subnav_link_tan.gif) no-repeat top left; }
#sub-nav li a:hover, #main #sub-nav li a.selected { background-position: bottom left; }

#flashcontent #sub-nav ul { 
	float: left; 
	width: 370px;
	padding: 0 0 0 30px;
	}
#flashcontent #sub-nav li {
	width: 340px;
	height: 23px;
	}
#flashcontent #sub-nav li a {
	width: auto;
	height: auto;
	background: url(../img/carrot.gif) no-repeat 0% 4px;
	}			



/* Forms and Tables
-------------------------------------------------------------- */

.request label {
	float: left;
	width: 140px;
	}
.request input, .request textarea { 
	width: 251px;
	padding: 3px 2px;
	border: 1px solid #C1C1C1;
	border-top: none;
	background: url(../img/bg_input.gif) repeat-x top left;
	}
.request textarea { height: 1.4em; margin: 0; overflow: auto; }
.request select { width: 150px; margin-right: 5px; }
.request #newsletter { float: left; width: auto; margin-left: 0; }
.request #submit { display: block; margin: 20px auto; background: none; border: none; }
.request div { clear: both; margin-bottom: 5px; }
.request h6 { margin: 10px 0; }
.request p { display: inline; }
.aqua .request {  padding-bottom: 10px; background-color: #FCFCF0; }
.aqua .request label { width: 120px; }
.aqua .request div { margin-left: 15px; }
.aqua h6 { padding-bottom: 5px; background-color: #FFF; }

table.teleseminar td {
	width: 70px;
	font-size: 0.92em;
	vertical-align: top;
	}
table.teleseminar td + td { width: auto; }



/* Misc.
-------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.last { margin-right: 0; }
img.left { margin-right: 5px; }

.carrot { padding-left: 20px; background: url(../img/carrot.gif) no-repeat top left; }
.carrot-right { text-align: right; padding-right: 20px; background: url(../img/carrot.gif) no-repeat top right; }

.callout-yellow a.carrot-right { padding-right: 17px; background: url(../img/carrot_sm_gray.gif) no-repeat 100% 1px; }
.callout-exec a.carrot-right, .callout-career a.carrot-right { padding-right: 17px; background: url(../img/carrot_sm_green.gif) no-repeat 100% 1px; }

.divider { padding-top: 15px; background: url(../img/horiz_rule.gif) no-repeat top left; }

.pdf { 
	margin: 10px 0;
	padding: 0;
	list-style: none; 
	}
.pdf li a {
	display: block; 
	height: 22px;
	margin-bottom: 7px;
	padding: 3px 0 0 30px;
	background: url(../img/icon_pdf.gif) no-repeat center left;
	}
	
.blue-rows {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	}
.blue-rows li {
	padding-left: 10px;
	background-color: #F4F9FF;
	border-bottom: 2px solid #FFF;
	}
.blue-rows li.alt { background-color: #ECF5FF; }

.mid-white-box {
	margin: 20px 0px 0px 10px;
	padding: 10px;
	background-color: #FFF;
	}

.white-box {
	margin: 20px 0px;
	padding: 10px;
	background-color: #FFF;
	}

.yellow-box { background-color: #FCFCF0; }

.cyantxt {
	color: #009988;
	font-weight: bold;
}

.orderform {
	width:265px;
	height:265px;
	background-image:url(/img/solemate_orderform_bg.jpg);
}
.unpnm {
	padding:0px;
	margin:0px;
}

.border {
	border: thin solid #FF0000;
}

.leftcol {
	float:left;
	width:375px;
	background-color:#FFFFFF;
}

.rightcol {
	float:right;
	width:375px;
	background-color:#FFFFFF;
}

.lightbox {
	background-color:#fcfcf0;
	width:335px;
	min-height:290px;
	margin:10px;
	padding:10px;
}

.lightbox-200 {
	background-color:#fcfcf0;
	width:335px;
	min-height:200px;
	margin:10px;
	padding:10px;
}	
	

.sub-white-box {
	width:755px;
	padding:5px;
	background-color:#FFF;
}

.chunk {
	margin-bottom: 25px;
	padding: 0 5px 10px;
	background: url(../img/horiz_rule.gif) no-repeat bottom left;
	}
	
ul.teleseminar {
	margin-left: 0;
	list-style: none; 
	}
ul.teleseminar li {
	padding: 2px 0 2px 20px;
	background: url(../img/icon_checkbox.gif) no-repeat 0 50%;
	}

.media-player { margin-bottom: 20px; }
.media-player img, .media-player object { float: left; }
.media-player img { margin-right: 20px; }
