body { margin: 0; padding: 0; font-family: Arial, "Trebuchet MS", "sans serif"; background-color: #3b3b3b; }



/* Elements
=================================-------------------------------------- */
a { color: #fff; text-decoration: none; outline: 0; }
a:hover {  }
p, li, a, label { font-size: 12px; }
p, li { color: #bfbfbf; }
sup { font-size: 70%; }



/* Structure
=================================-------------------------------------- */
#wrapper { width: 1002px; margin: 0 auto; background-color: #282828; }

#navigationBanner { position: relative; width: 1002px; height: 323px;  }

#navigationBanner h1 { position: absolute; left: 50px; top: 0; width: 143px; height: 64px; margin: 0; padding: 0; text-indent: -9999px; background: url(/images/life-coaching/logo.jpg) 0 0 no-repeat; }
#navigationBanner h1 a { display: block; width: 143px; height: 64px;  }

ul#mainNavigation, ul#secondaryNavigation { margin: 0; padding: 0; }
ul#mainNavigation { position: absolute; left: 50px; bottom: 5px;  }
ul#mainNavigation a { font-size: 12px; }
ul#mainNavigation a:hover { color: #a63ea0; }
ul#secondaryNavigation { position: absolute; right: 10px; top: 10px; }
ul#secondaryNavigation a { color: #fff; font-size: 12px; }
#index ul#secondaryNavigation a, #siteMap ul#secondaryNavigation a, #thankYou ul#secondaryNavigation a, #errorPage ul#secondaryNavigation a  { color: #282828; font-size: 12px; }
ul#secondaryNavigation a:hover { color: #a63ea0; }
ul#mainNavigation li, ul#secondaryNavigation li { display: inline; margin:  0 8px 0 0; padding: 0 13px 0 0; list-style-type: none; border-right: 1px solid #fff; }
ul#mainNavigation li { border-right: 1px solid #fff; }
#index ul#secondaryNavigation li,  #siteMap ul#secondaryNavigation li,  #thankYou ul#secondaryNavigation li, #errorPage ul#secondaryNavigation li { border-right: 1px solid #282828; }
ul#mainNavigation li:last-child, ul#secondaryNavigation li:last-child, #index ul#secondaryNavigation li:last-child, #siteMap ul#secondaryNavigation li:last-child,  #thankYou ul#secondaryNavigation li:last-child, #errorPage ul#secondaryNavigation li:last-child { padding-right: 0; border-right: none; }

#contentContainer { position: relative; width: 1002px; min-height: 400px; padding-top: 30px; background-color: #282828; }
#contentContainer :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contentContainer  { display: inline-block; display: block;  }

#contentContainer  h2 { margin-top: 0; padding-top: 0; color: #a63ea0; font-weight: lighter; font-size: 16px;  }

#mainContentBox {  width: 550px; margin: 0 0 0 170px; padding-bottom: 30px;  line-height: 1.6; }
#mainContentBox p {  margin-bottom: 20px;  }

#leftContentBoxIndex { float: left; width: 380px; margin: 0 50px 0 165px; line-height: 1.6; }
#rightContentBoxIndex { float: left; width: 400px; }

#firstFrameTraining, #secondFramePodcast, #thirdFrameNewsletter { position: relative; width: 155px; height: 80px; padding: 5px 5px 30px 5px; font-size: 10px; border: 1px solid #bfbfbf; }
#firstFrameTraining, #secondFramePodcast { float: left; width: 155px;  }
#thirdFrameNewsletter { clear: left; }
#firstFrameTraining { margin: 0 5px 10px 0; background: url(/images/banners/training_banner.jpg) 5px 5px no-repeat; }
#secondFramePodcast { background: url(/images/banners/podcast_banner.jpg) 5px 5px no-repeat; }
#thirdFrameNewsletter { background: url(/images/banners/newsletter_banner.jpg) 5px 5px no-repeat; }
#firstFrameTraining span, #secondFramePodcast span, #thirdFrameNewsletter span { position: absolute; bottom: 5px;   }
#firstFrameTraining span { left: 30px; }
#secondFramePodcast span { left: 38px; }
#thirdFrameNewsletter span { left: 35px; }
#firstFrameTraining a, #secondFramePodcast a, #thirdFrameNewsletter a { display: block; width: 165px; height: 115px; color: #bfbfbf; font-size: 11px; }
#firstFrameTraining a:hover, #secondFramePodcast a:hover, #thirdFrameNewsletter a:hover { color: #a63ea0; }

#plynth { position: relative; clear: left; width: 1002px; height: 41px; margin: 0; padding: 0; background-color: #191919; }
/*
#plynth p { margin: 0; padding: 10px 0 0 50px; font-size: 10px; }
*/

#leftFooter { position: absolute; left: 50px; top: 5px; }
#rightFooter { position: absolute; right: 50px;  top: 5px; }
#leftFooter, #rightFooter { margin: 0; padding: 0; }
#leftFooter li, #rightFooter li { display: inline; margin: 0; padding: 0; list-style-type: none; }
#leftFooter li, #rightFooter li, #leftFooter li a, #rightFooter li a { margin: 0; padding: 0; color: #bfbfbf; font-size: 10px; }
#leftFooter li a:hover, #rightFooter li a:hover { color: #a63ea0; }



/* Classes
=================================-------------------------------------- */
.brightFFFCopy { color: #fff; font-weight: bold; font-size: 12px; }
.FFFCopy { color: #fff; font-size: 12px; }
.subHeadCopyBold { color: #fff; font-size: 12px; }
.differentLinkStyle { color: #bfbfbf;  text-decoration: underline; }

.leadingLackingTop { margin-top: 0; padding-top: 0; }
.leadingLackingBottom { margin-bottom: 0; padding-bottom: 0; }

#mainContentBox p.leadingLackingTop { margin-top: 0; padding-top: 0; }
#mainContentBox p.leadingLackingBottom { margin-bottom: 0; padding-bottom: 0; }

.underlined { text-decoration: underline; }

#leftContentBox .bodyCopyColor { color: #bfbfbf; }



/* Individual Banners
=================================-------------------------------------- */
#index #navigationBanner { background: url(/images/banners/home.jpg) 0 0 no-repeat; }
#executiveCoaching #navigationBanner { background: url(/images/banners/executive_coaching.jpg) 0 0 no-repeat; }
#corporateCoaching #navigationBanner { background: url(/images/banners/Corp_coaching.jpg) 0 0 no-repeat; }
#intuitiveLifeCoaching #navigationBanner { background: url(/images/banners/individual_coaching.jpg) 0 0 no-repeat; }
#aboutDeb #navigationBanner { background: url(/images/banners/masthead_about.jpg) 0 0 no-repeat; }
#usefulInformation #navigationBanner { background: url(/images/banners/useful_info.jpg) 0 0 no-repeat; }
#clientAudit #navigationBanner { background: url(/images/banners/client_audit.jpg) 0 0 no-repeat; }
#communicationsMarketing #navigationBanner { background: url(/images/banners/marketing.jpg) 0 0 no-repeat; }
#products #navigationBanner { background: url(/images/banners/products.jpg) 0 0 no-repeat; }
#newsletterSignup #navigationBanner { background: url(/images/banners/newsletter.jpg) 0 0 no-repeat; }
#contactMe #navigationBanner { background: url(/images/banners/contact.jpg) 0 0 no-repeat; }
#eventsPodcasts #navigationBanner { background: url(/images/banners/podcast.jpg) 0 0 no-repeat; }
#trainingWorkshops #navigationBanner { background: url(/images/banners/training.jpg) 0 0 no-repeat; }

#errorPage #navigationBanner { background: url(/images/banners/home.jpg) 0 0 no-repeat; }
#siteMap #navigationBanner { background: url(/images/banners/home.jpg) 0 0 no-repeat; }
#thankYou #navigationBanner { background: url(/images/banners/home.jpg) 0 0 no-repeat; }



/* Individual Page mods
========================================================================------------------------------------------------------------------------------------- */

/* About Deb
=================================------------------------------------------------------- */
#aboutDebContent {     }
#aboutDebPortrait { position: absolute; top: 25px; left: 50px; }
#aboutDebPortrait  p { color: #fff; font-size: 10px; }
#intentionStatement { margin-top: 20px; margin-bottom: 50px; padding: 10px; border: 1px solid #bfbfbf; }



/* Useful Information
=================================------------------------------------------------------- */
body#usefulInformation #mainContentBox ul { margin: 0; padding: 0; }
body#usefulInformation #mainContentBox ul li { padding-bottom: 15px;  list-style-type: none;  }
body#usefulInformation #mainContentBox ul li a  { text-decoration: underline; }
body#usefulInformation #mainContentBox ul li a:hover, body#usefulInformation #mainContentBox ul li a span:hover { color: #a63ea0; }

body#usefulInformation #leftContentBox .ulLeadingBottom { padding-bottom: 50px; }



/* Site Map
=================================------------------------------------------------------- */
body#siteMap #mainContentBox ul li a:hover { color: #a63ea0; }