/*-----------------------------------------------------------------------------
Mass Career Customization Layout Stylesheet

version:   1.0
date:      06/18/07
author:    Michael Yap for Volume Design
email:     myap@exoatmospheric.com

website:   www.exoatmospheric.com
-----------------------------------------------------------------------------*/


/* Remove margin, padding and border from all elements (except forms)
-----------------------------------------------------------------------------*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img {
margin:0;
padding:0;
}


/* Assign height values to parent elements to allow divs to display at 100%
-----------------------------------------------------------------------------*/

html, body {
height:100%
}

/* Alignment
-----------------------------------------------------------------------------*/

.clear {
clear:both;
height:1px;
overflow:hidden;
}

.right {
float: right;
}

.left {
float: left;
}

/* Layout
-----------------------------------------------------------------------------*/

body {
font:62.5%/1em Arial, Helvetica, sans-serif;	
background-color:#47403d;
}

#container { 
width:1200px;
text-align:left;  
margin-left:auto; 
margin-right:auto;
background-color:#f9f6eb;
min-height:100%;
}

#main {
position:relative;
width:960px;
background-color:#f9f6eb;
}

/* Navigation
-----------------------------------------------------------------------------*/

:link, :visited {
text-decoration:none;
color:#47403d;
}

a img, :link img, :visited img {
border:none;
}

#main_nav {
position:absolute;
width:240px;
top:130px;
background-color:#f9f6eb;
}

#main_nav a {
height:30px;
padding-left:30px;
}

#main_nav a:hover {
color:#99ca49;
}

#main_nav ul {
list-style:none;
}

#main_nav li {
height:30px;
background-image: url(../images/main_nav_li_bg.gif);
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
letter-spacing:.02em;
line-height:30px;
}

#main_nav ul li.place {
background-image: url(../images/main_nav_li_bg_place.gif);
background-repeat:no-repeat;
}

#main_nav li.subnav {
height:30px;
background-image: url(../images/main_nav_li_bg.gif);
background-repeat:no-repeat;
font-size:1.2em;
letter-spacing:.02em;
line-height:30px;
}

#main_nav li.subnav a, #main_nav li.subnav_place a {
height:30px;
padding-left:43px;
}

#main_nav li.subnav_place {
height:30px;
background-image: url(../images/main_nav_li_bg_subnav_place.gif);
background-repeat:no-repeat;
font-size:1.2em;
letter-spacing:.02em;
line-height:30px;
}

a.download_link {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
letter-spacing:.02em;
line-height:1.1em;
padding-bottom:5px;
font-weight:bold;
color:#2b4963;
}

a.download_link:hover {

color:#99ca49;
}

/* Content
-----------------------------------------------------------------------------*/

#content {
position:relative;
width: 720px;
margin:0 0 0 240px;
}

/* Header
-----------------------------------------------------------------------------*/

#content_header {
position:relative;
height:180px;
padding-left:30px;
background-image:url(../images/content_header_bg.gif);
background-repeat:repeat-x;
background-color:#f9f6eb;
}

#site #content_header #title {
position:absolute;
top:15px;
}

#site #content_header #tagline {
position:absolute;
top:50px;
}

#content_header #subnav {
position:absolute;
top:15px;
right:0;
}

#content_header #subnav li {
display:inline;
padding-left:12px;
margin-left:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}

#content_header #subnav li.place {
background-image: url(../images/subnav_place.gif);
background-repeat: no-repeat;
background-position: center left;
}

#content_header #subnav li a:hover {
color:#99ca49;
}

#content_header #buy_the_book {
position:absolute;
left:30px;
top:130px;
height:30px;
padding-left: 21px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
line-height:30px;
background-image:url(../images/subnav_cart.gif);
background-repeat:no-repeat;
background-position:center left;
}

#content_header #buy_the_book:hover {
color:#99ca49;
}

/* Content Primary
-----------------------------------------------------------------------------*/

#content_primary {
width:450px;
padding-left:30px;
float:left;
}

#content_primary .thumb_lh {
width:210px;
height:215px;
float:left;
margin-bottom:30px;
}

#content_primary .thumb_middle {
width:450px;
float:left;
margin-bottom:30px;
}

#content_primary .thumb_rh {
width:210px;
height:215px;
float:right;
margin-bottom:30px;
}

#content_primary img.text_wrap {
float:left;
margin:0 30px 30px 0;
}

#content_primary #sub {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1em;
color:#2b4963;
padding-bottom:40px;
padding-top:15px;
}

#content_primary #sub li {
display:inline;
}

#content_primary #sub li.place {
font-weight:bold;
}

#content_primary #sub li.pipe {
margin:0 5px 0 5px;
}

#content_primary #sub li a {
font-weight:normal;
color:#2b4963;
}

#content_primary #sub li a:hover {
color:#99ca49;
}

#content_primary h1 { /* Page Title */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.2em;
line-height:1em;
letter-spacing:.02em;
font-weight:normal;
color:#2b4963;
padding-bottom:40px;
}

#content_primary h1.subnav { /* Page Title */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.2em;
line-height:1em;
letter-spacing:.02em;
font-weight:normal;
color:#2b4963;
padding-bottom:0px;
}


#content_primary h2 { /* Transition Paragraph */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
line-height:1.4em;
color:#99ca49;
padding-bottom:40px;
}


#content_primary h3 { /* Section Heading-Arial */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
line-height:1.4em;
color:#99ca49;
padding-bottom:20px;
}

#content_primary h4 { /* Section Heading-Arial */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
line-height:1.4em;
color:#99ca49;
padding-bottom:10px;
}

#content_primary h5 { /* Paragraph Heading-Arial */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
line-height:1.4em;
color:#99ca49;
}

#content_primary h6 { /* Section Heading-Arial */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
line-height:1.4em;
color:#47403d;
padding-bottom:20px;
}

#content_primary p {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.2em;
line-height:1.4em;
color:#47403d;
padding-bottom:20px;
}

#content_primary p.caption {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.1em;
line-height:1.4em;
color:#47403d;
padding-bottom:20px;
}


#content_primary p a.end_link {
color:#2b4963;
font-weight:bold;
background-image: url(../images/subnav_place.gif);
background-position:right center;
background-repeat:no-repeat;
padding-right:12px;
}

#content_primary p a.end_link:hover {
color:#99ca49;
}

#content_primary p a.body_link {
color:#2b4963;
font-weight:bold;
}

#content_primary p a.body_link:hover {
color:#99ca49;
}

#content_primary p a.event_link {
color:#99ca49;
background-image: url(../images/subnav_place.gif);
background-position:right center;
background-repeat:no-repeat;
padding-right:14px;
}

#content_primary p a.event_link:hover {
color:#2b4963;
}

/* Content Promo
-----------------------------------------------------------------------------*/

#site #content_promo {
width:210px;
float:right;
}

#site #content_promo .promo_container {
width:210px;
position:relative;
background-image: url(../images/promo_bg_top.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}

#site #content_promo .promo_container h1.quote {
padding-bottom:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
line-height:1.2em;
color:white;
font-weight:normal;
}

#site #content_promo .promo_container p.source {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
line-height:1.2em;
color:white;
font-weight:normal;
padding-bottom:10px;
}

#site #content_promo .promo_primary_content_no_secondary_content {
background-image: url(../images/promo_bg_bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 10px 0 10px;
}

#site #content_promo .promo_primary_content {
background-image: url(../images/promo_divider.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:10px;
}

#site #content_promo .promo_secondary_content {
background-image: url(../images/promo_bg_bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:10px;
}

#site #content_promo .promo_secondary_content h1 {
margin:-5px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.2em;
color:white;
font-weight:bold;
}

#site #content_promo .promo_secondary_content a {
margin-left:10px;
padding-left:12px;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
background-image: url(../images/subnav_place.gif);
background-repeat: no-repeat;
background-position: center left;
}

#site #content_promo .promo_secondary_content p a:hover {
color:#2b4963;
}

/* Footer
-----------------------------------------------------------------------------*/

#content_footer {
clear:both;
margin-top:20px;
padding-top:10px;
padding-bottom:40px;
width:720px;
background-image: url(../images/footer_bg.gif);
background-repeat:repeat-x;
background-color:#f9f6eb;
}

p.copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1.2em;
color:#47403d;
float:left;
}

p.deloitte {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1.2em;
color:#47403d;
float:right;
}

/* Home
-----------------------------------------------------------------------------*/

#home #main_nav {
position:absolute;
width:240px;
top:110px;
background-color:#f9f6eb;
}

#home #content_header {
position:relative;
height:155px;
padding-left:30px;
background-image:url(../images/content_header_bg_home.gif);
background-repeat:repeat-x;
background-color:#f9f6eb;
}

#home #content_header #title {
margin-top:45px;
}

#home #content_header h1 {
color:#99ca49;
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
letter-spacing:.2em;
margin-top:10px;
}

#home #content_header #buy_the_book {
position:absolute;
left:30px;
top:110px;
height:30px;
padding-left: 21px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
line-height:30px;
background-image:url(../images/subnav_cart.gif);
background-repeat:no-repeat;
background-position:center left;
}

#home #flash_movie {
width:720px;
height:220px;
background-image: url(../images/home_flash_movie_placeholder.jpg);
background-repeat:no-repeat;
}

#interactive #flash_movie {
width:720px;
height:464px;
}

#home #content_promo {
width:720px;
height:180px;
margin-top:15px;
overflow:hidden;
}

#home #promo_a, #home #promo_b, #home #promo_c, #home #promo_d {
width:180px;
height:180px;
background-image: url(../images/home_promo_bg.gif);
background-repeat:no-repeat;
float:left;
position: relative;
}

#home #promo_d {
float:right;
}

#home #content_promo .promo_headline {
margin-top:15px;
width:180px;
}

#home #content_promo .promo_headline a {
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
line-height:1.2em;
color:#2b4963;
}

#home #content_promo .promo_headline a:hover {
color:#99ca49;
}

#home #content_promo .promo_call_to_action {
position:absolute;
bottom:0;
height:20px;
line-height:20px;
}

#home #content_promo #promo_a .promo_call_to_action {
left:0; /* Wierd postioning fix */
}

#home #content_promo .promo_call_to_action a {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
padding-left:12px;
background-image: url(../images/subnav_place.gif);
background-repeat: no-repeat;
background-position: center left;
}

#home #content_promo .promo_call_to_action a:hover {
color:#99ca49;
}

/* About MCC
-----------------------------------------------------------------------------*/

#about_mcc #content_header {
position:relative;
height:85px;
padding-left:30px;
background-image:url(../images/content_header_bg_interactive.gif);
background-repeat:repeat-x;
background-color:#f9f6eb;
}

#about_mcc #content_header #title {
position:absolute;
top:15px;
}

#about_mcc #content_header #buy_the_book {
position:absolute;
left:30px;
top:35px;
height:30px;
padding-left: 21px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
line-height:30px;
background-image:url(../images/subnav_cart.gif);
background-repeat:no-repeat;
background-position:center left;
}

#about_mcc #flash_movie{
width:720px;
height:451px;
margin-bottom:20px;
}

/* About the Authors
-----------------------------------------------------------------------------*/

#content_primary .author_container p, #content_primary .author_container h5, #content_primary .author_container h3 {
margin-left:130px;
}

#content_primary .author_container {
margin-bottom:20px;
}

#content_primary .author_container img {
float:left;
}

/* Events
-----------------------------------------------------------------------------*/

#content_primary .event_container {
margin-bottom:40px;
}

#content_primary .event_container .month_date {
float:left;
width:80px;
background-image: url(../images/events_month_date_bg.gif);
background-repeat:no-repeat;
margin:0;
padding:0;
}

#content_primary .event_container .month_date h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
text-align:center;
color:white;
padding:10px 10px 0 10px;
}

#content_primary .event_container .month_date p {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
text-align:center;
color:white;
padding:0;
}

#content_primary .event_container .month_date img {
vertical-align:bottom;
clear:both;
}

#content_primary .event_container .event_details {
float:right;
width:340px;
}

#content_primary .event_container .event_details p {
padding:0;
}

#content_primary .event_container .event_details p.event_name {
font-size:1.6em;
color:#99ca49;
font-weight:bold;
}

#content_primary .event_container .event_details p.event_speaker {
font-weight:bold;
}


/* Interactive Exercise
-----------------------------------------------------------------------------*/

#interactive #content_header {
position:relative;
height:85px;
padding-left:30px;
background-image:url(../images/content_header_bg_interactive.gif);
background-repeat:repeat-x;
background-color:#f9f6eb;
}

#interactive #content_header #title {
position:absolute;
top:15px;
}

#interactive #content_header #buy_the_book {
position:absolute;
left:30px;
top:35px;
height:30px;
padding-left: 21px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
line-height:30px;
background-image:url(../images/subnav_cart.gif);
background-repeat:no-repeat;
background-position:center left;
}


/* Online Features
-----------------------------------------------------------------------------*/

#content_primary .online_feature_container {
margin-bottom:20px;
}

#content_primary .online_feature_container img {
float:left;
width:120px;
margin:0;
padding:0;
}

#content_primary .online_feature_container .feature_details {
float:right;
width:310px;
}

#content_primary .online_feature_container .feature_details p {
padding:0;
}

#content_primary .online_feature_container .feature_details p.feature_name {
font-size:1.6em;
line-height:1.2em;
color:#99ca49;
font-weight:bold;
}


/* Where to Buy
-----------------------------------------------------------------------------*/

#content_primary .store_container {
background-image: url(../images/book_thumbnail.jpg);
background-repeat:no-repeat;
padding-left:130px;
}

#content_primary .store_container p {
padding-bottom:40px;
}

#content_primary .store_container img {
margin-bottom:5px;
}

/* Forms
-----------------------------------------------------------------------------*/

input.text
{
padding: 3px;
border: 1px solid #999999;	
}


/* Tables 
-----------------------------------------------------------------------------*/

table
{ 
border-spacing: 0;
border-collapse: collapse;
}

td 
{
text-align: left;
font-weight: normal;
}













