/**************************
 * Cristine Forester Catalyst Stylesheet
 * Filename: cfsite.css
 * Author: Kris Vinson
 * Date: 5/1/2010
 * Last Modified: 5/17/2010
 **************************/
 
 /***********
 The font you selected still seems very "condensed" and tight to me, and makes 
 for harder reading. Which font are you using? If you can't use the regular Helvetica 
 family, one font that is easy to read and generic to most computer and e-mails is the 
 Arial family. 
 
 Is it possible to have a larger area sensitive clicks, so that people can click 
 either tthe dots/squares, or the titles and subtitles?
 ***********/


.unfinished_header         {font-size: 20px; color: #01a0c6; margin-top: 50px;}
.coming_soon               {font-size: 13px; color: #ff1512;}
body                       {
                            background-color: black;
                            font-family: Helvetica, Arial, sans-serif;
                            font-size: 14px;
                            color: #b3b3b3;
                            padding-top: 30px;
                           }
.green                     {color: #72bc1f;}
.yellow                    {color: #ffaf0b;}
.red                       {color: #ff1512;}
.blue                      {color: #01a0c6;}
.grey                      {color: #b3b3b3;}
.darkgrey                  {color: #999999;}
ul                         {margin: 0px; list-style: none; padding: 0px;}
a.footer_text_link         {color: #01a0c6;}
a                          {text-decoration: none; color: #b3b3b3;}
p {margin: 12px 0;}
a.footer_credit            {color: #b3b3b3;}

#upper_logo                {margin-top: 20px; margin-left: 25px;}
#container                 {
                            background-color: #191919;
                            width: 1040px;
                            height: 816px;
                           }
						#container_tall                 {
						                            background-color: #191919;
						                            height: 841px;
						                            width: 1040px;
						                           }
#top                       {
                            height: 60px;
                            padding-left: 150px;
                           }
#top_menu_left             {
                            padding: 0px 17px;
                            float: left;
                            height: 130px;
                            margin: 0px;
                            margin-right: 45px;
                           }
#top_menu_right            {
                            height: 130px;
                            margin: 0px;
                           }
.top_menu li               {
                            margin: 0 9px;
                            padding: 0px;
                            text-align: center;
                            float: left;
                            width: 100px;
                            height: 100px;
                            background-image: url(images/menu_image.png);
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                            cursor: pointer;
                           }
.top_menu_divs_right_text  {margin: 40px 0px 0px 0px;}
.top_menu_divs_left_text   {margin: 45px 0px 0px 0px;}
.top_menu li.selected      {
                            background-image: url(images/menu_image_wcirc.png);
                           }
#left_menu                 {
                            margin: 0px 0px 0px 0px;
                            float: left;
                            width: 150px;
                           }
.left_menu_text            {padding-top: 15px;}
#left_menu ul              {margin-top: 17px;}
#left_menu li              {
                            width: 100px;
                            height: 100px;
                            background-image: url(images/menu_imagel.png);
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                            cursor: pointer;
                           }
#left_menu li.subpages img {border: none;}

#left_menu li.selected     {background-image: url(images/menu_imagel_wbox.png);}
#left_menu li.subpages     {
                            height: 15px;
                            margin: 0;
                            padding-left: 2px;
                            margin-bottom: 35px;
                            text-align: left;
                           }
#dotted_line               {
                            margin: 20px 0px 0px 0px;
                            float: left;
                            width: 10px;
                            height: 525px;
                            background-image: url(images/dotted_line_seg.png);
                            background-repeat: repeat-y;
                            background-position: 50% 0%;
					 	 background-color: #191919;
                           }
#content                   {
                            width: 875px;
                            height: 556px;
                            float: left;
                           }
#elastic_content           {
                            width: 875px;
                            float: left;
                           }
#bottom_spacer_left        {
                            float: left;
                            width: 243px;
                            height: 20px;
                           }
#bottom_spacer_center      {
                            border-bottom: 1px solid #ff1512;
                            float: left;
                            width: 704px;
                            height: 20px;
                           }
#bottom_spacer_right       {
                           float: left;
                            width: 89px;
                            height: 20px;
                           }
#bottom_left               {
                            float: left;
                            background-color: black;
                            width: 150px;
                            height: 50px;
                           }
#bottom_right              {
                            float: left;
                            padding-top: 2px;
                            background-color: black;
                            width: 890px;
                            height: 50px;
                           }

#bottom_right span         {margin: 0px;}
#bottom_right .footer_num  {font-size: 13px;}
#bottom_right .footer_bull {font-size: 16px; margin: 0px 5px;}
.footer_text_link          {text-decoration: none;}
.quoted                    {
                            margin-top: 15px;
                            font-size: 12px;
                            text-align: center;
                            font-style: italic;
                           }

#id_leftmenu               {font-size: 13px;}

/*********************************************/
/*********************************************/
/*** Individual Page Content Styling Below ***/
/*********************************************/
/*********************************************/

/*******************************************************/
/*** BM_BMP.html uses its own stylesheet. bm_bmp.css ***/
/*******************************************************/

/*******************************************************/
/*** BM_SP1.html uses its own stylesheet. bm_sp1.css ***/
/*******************************************************/

/************************************/
/*** Start content for INDEX.html ***/
/************************************/
img.quotes                 {margin-top: 110px;}
#top_quote                 {
                            margin-top: 140px;
                            font-size: 20px;
                            text-align: center;
                           }
#bottom_quote              {
                            margin-top: 60px;
                            font-size: 20px;
                            text-align: center;
                           }
/*** End content for index2.html ***/

/*************************************/
/*** Start content for BM_SP2.html ***/ 
/*************************************/
#content_container_sp2     {
                            text-align: left;
                            height: 500px;
                            margin-top: 15px;
                           }
#list_head_sp2             {margin-left: 87px;}                           
#content_container_sp2 ul  {margin-top: 28px;}
#content_container_sp2 li  {margin: 13px 0px 0px 90px;}
.sp2_lists                 {list-style-type: disc; margin-left: 12px;}
.bullet_sep                {margin-left: 20px;}

/*** End content for bm_sp2.html ***/

/****************************************/
/*** Start content for CLIENTELE.html ***/
/****************************************/
#content_container_clientele {
                              margin-top: 20px;
                              width: 750px;
                              height: 525px;
                             }
#clientele_left              {
                              float: left;
                              margin-top: 150px;
                              width: 520px;
                              font-size: 15px;
                              line-height: 20px;
                             }
#clientele_right             {
                              margin-left: 30px;
                              float: left;
                              text-align: left;
                             }
#clientele_right li          {
                             padding-left: 0px;
                             width: 120px;
                             line-height: 16px;
                             background: url(images/clientele_bullet.png) no-repeat right center;
                             }
#clientele_left p            {margin-left: 70px;}                             
.ex_sep_clientele            {margin-bottom: 13px;}
/*** End content for bm_bmp.html ***/

/*********************************/
/*** Start content for ID.html ***/ 
/*********************************/
#content_container_id     {
                           margin-top: 20px;
                           height: 525px;
                           font-size: 13px;
                          }
#content_container_id div {text-align: justify; }
#id_left                  {
                           float: left;
                           width: 375px;
						   margin: 0px 35px 0px 25px;
                          }
#id_left div              {margin-top: 0px; padding: 0;}
.left_sides               {
                           text-align: left;
                           float: left;
                           font-style: italic;
                           width: 100px;                           
                          }
.right_sides              {
                           float: left;
                           width: 275px;
						   margin-bottom: 18px;               
                          }
#id_left .right_sides {margin-bottom: 21px;}
.lrsides_containers       {width: 375px;}
#id_right                 {
                           float: left;
                           width: 375px;
                           padding-left: 35px;
                           border-left: 1px solid #4f4f4f;
                          }
#id_right div.last        { margin-bottom: 0px; }

/*** End content for id.html ***/

/**************************************/
/*** Start content for CB_LSS1.html ***/ 
/**************************************/
#content_container_cb_lss1   {
                              position: relative;
                              margin-top: 20px;
                              width: 775px;
                              height: 540px;
                             }
#cblss1_image1               {
                              position: absolute; top: 0px; left: 10px;
                             }
#cblss1_image2               {
                              position: absolute; top: 130px; left: 142px;
                             }
#cblss1_image3               {
                              position: absolute; top: 195px; left: 202px;
                             }
#cblss1_image4               {
                              position: absolute; top: 260px; left: 267px;
                             }

#content_container_cb_lss1 ul {
                              list-style: disc;
                              position: absolute; top: 0px; right: 12px;
                              text-align: left;
                              font-size: 13px;
							  padding-left: 20px;
                              }
#content_container_cb_lss1 ul li {margin-bottom: 10px;}
#content_container_cb_lss1 ul div { padding-left: 12px;}
  
/*** End content for cb_lss1.html ***/

/**************************************/
/*** Start content for CB_LSS2.html ***/ 
/**************************************/
#content_container_cb_lss2   {
                              position: relative;
                              margin-top: 20px;
                              width: 775px;
                              height: 540px;
                             }
#cblss2_image1               {
                              position: absolute; top: 0px; left: 145px;
                             }
#cblss2_image2               {
                              position: absolute; top: 205px; left: 15px;
                             }
#cblss2_lower_right          {
                              position: absolute; bottom: 55px; right: 5px;
                              text-align: left;
                             }
#cblss2_textbox2             {margin-left: 30px;}
/*** End content for cb_lss2.html ***/

/**************************************/
/*** Start content for CB_LSS3.html ***/ 
/**************************************/
#content_container_cb_lss3   {
                              position: relative;
                              margin-top: 20px;
                              width: 775px;
                              height: 540px;
                             }
#cblss3_image1               {
                              position: absolute; top: 0px; left: 75px;
                             }
#cblss3_image2               {
                              position: absolute; top: 0px; right: 100px;
                             }
#content_container_cb_lss3 ul{
                              position: absolute; bottom: 58px; left: 92px;
                              text-align: left;
                              list-style: disc;
                             }
#content_container_cb_lss3 ul div {
                            margin-left: 15px;
                            margin-bottom: 15px;
                             }
#cblss3_instructions         { position: absolute; bottom: 38px; left: 108px;}                
/*** End content for cb_lss3.html ***/

/**************************************/
/*** Start content for CB_LSS4.html ***/ 
/**************************************/
.cblss4_sample {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 20px 10px;
}
.cblss4_sample div { margin-top: 80px; }
.cblss4_sample img { width: 195px; height: 341px; }
#cblss4_image1 { width: 350px; height: 200px;  }
#cblss4_blurb1 { margin-top:221px; }

/*** End content for cb_lss4.html ***/

/**************************************/
/*** Start content for CB_LSS5.html ***/ 
/**************************************/
#content_container_cb_lss5   {
                              position: relative;
                              margin-top: 20px;
                              width: 775px;
                              height: 540px;
                             }
#cblss5_image1               {
                              position: absolute; top: 0px; left: 0px;
                             }
#cblss5_image2               {
                              position: absolute; top: 220px; left: 0px;
                             }
#cblss5_image3               {
                              position: absolute; bottom: 30px; left: 0px;
                             }
#cblss5_right                {
                              position: absolute; top: 0px; right: 0px;
                              width: 390px;
                              height: 540px;
                              text-align: left;
                             }
#cblss5_text1                {margin-top: 60px;}                             
#cblss5_textbox1             {
                             }
#cblss5_text2                {margin-top: 165px;}                             
#cblss5_textbox2             {
                             }
#cblss5_text3                {margin-top: 130px;}                             
                         
/*** End content for cb_lss5.html ***/

/**************************************/
/*** Start content for CB_LSS6.html ***/ 
/**************************************/
#content_container_cb_lss6   {
                              position: relative;
                              margin-top: 20px;
                              height: 540px;
                             }
#cblss6_image1               {
                              position: absolute; top: 0px; left: 35px;
                             }
#cblss6_image2               {
                              position: absolute; top: 220px; left: 35px;
                             }
#cblss6_image3               {
                              position: absolute; bottom: 40px; left: 35px;
                             }
#content_container_cb_lss6 ul    { list-style: disc; text-align: left; padding-left: 20px; }
#content_container_cb_lss6 ul div{ padding-left: 15px; }
#cblss6_top                      { margin-bottom: 120px; }
#cblss6_middle                   { margin-bottom: 100px; }
#cblss6_top    div               { margin-bottom: 120px; }
#cblss6_middle div               { margin-bottom: 100px; }
#cblss6_right                    { position: absolute; top: 0px; right: 35px; }                            

/*** End content for cb_lss6.html ***/

/**************************************/
/*** Start content for MA_DMS1.html ***/ 
/**************************************/
#content_container_ma_dms1   {
                              position: relative;
                              margin-top: 20px;
                              width: 785px;
                              height: 540px;
                             }
#madms1_image1               {position: absolute; top: 0px; left: 215px;}
#madms1_image2               {position: absolute; top: 30px; right: 5px;}
#madms1_image3               {position: absolute; bottom: 35px; left: 45px;}
#ma_dms1_textbox             {
                              position: absolute; bottom: 35px; left: 215px; 
                              text-align: left;
                             }
/*** End content for ma_dms1.html ***/

/**************************************/
/*** Start content for MA_DMS2.html ***/ 
/**************************************/
#content_container_ma_dms2   {
                              position: relative;
                              margin-top: 20px;
                              width: 785px;
                              height: 540px;
                             }
#madms2_image1               {position: absolute; top: 0px; left: 35px;}
#madms2_image2               {position: absolute; bottom: 25px; left: 35px;}
#ma_dms2_textbox             {
                              position: absolute; bottom: 250px; left: 345px; 
                              text-align: left;
                             }
/*** End content for ma_dms2.html ***/

/**************************************/
/*** Start content for MA_DMS3.html ***/ 
/**************************************/
.madms3_img {margin: 20px 25px;}
.madms3_text {margin-top: 40px;}
/*** End content for ma_dms3.html ***/

/**************************************/
/*** Start content for MA_DMS4.html ***/ 
/**************************************/
#content_container_ma_dms4   {
                              position: relative;
                              margin-top: 20px;
                              width: 785px;
                              height: 540px;
                             }
#madms4_image1               {position: absolute; top: 0px; left: 15px;}
#madms4_image2               {position: absolute; top: 0px; right: 105px;}
#madms4_image3               {position: absolute; bottom: 25px; right: 15px;}
#content_container_ma_dms4 ul {
    list-style: disc;
    position: absolute; bottom: 10px; left: 107px; 
    text-align: left; width: 360px;
	padding-left: 20px;
}
#content_container_ma_dms4 ul li { margin-bottom: 21px; }
#content_container_ma_dms4 ul div{ padding-left: 13px; }

/*** End content for ma_dms4.html ***/

/**************************************/
/*** Start content for MA_DMS5.html ***/ 
/**************************************/
#content_container_ma_dms5   {
                              position: relative;
                              margin-top: 20px;
                              width: 785px;
                              height: 540px;
                             }
#madms5_image1               {position: absolute; top: 0px; left: 55px;}
#madms5_image2               {position: absolute; top: 0px; right: 30px;}
#madms5_image3               {position: absolute; bottom: 15px; left: 55px;}
#madms5_image4               {position: absolute; bottom: 15px; right: 30px;}
#ma_dms5_textdiv             {
                              position: absolute; bottom: 270px; left: 25px; 
                              text-align: center;
                              font-size: 13px;
                             }
#ma_dms5_bull                {margin: 0px 5px;}                         
/*** End content for ma_dms5.html ***/

/*************************************/
/*** Start content for MA_AS1.html ***/ 
/*************************************/
#content_container_ma_as1    {
                              position: relative;
                              margin-top: 20px;
                              width: 785px;
                              height: 540px;
                             }
#maas1_image1                {position: absolute; top: 0px; left: 20px;}
#maas1_image2                {position: absolute; top: 0px; right: 0px;}
#maas1_image3                {position: absolute; bottom: 75px; left: 20px;}
#ma_as1_textgreen            {
                              position: absolute; bottom: 245px; left: 20px;
                             }
#ma_as1_textyellow           {
                              position: absolute; bottom: 55px; left: 20px;
                             }
/*** End content for ma_as1.html ***/

/*************************************/
/*** Start content for MA_AS2.html ***/ 
/*************************************/
#content_container_ma_as2    {
                              position: relative;
                              margin-top: 20px;
                              width: 785px;
                              height: 540px;
                             }
#maas2_image1                { position: absolute; top: 0px; right: 65px; }
#ma_as2_text                 {
                              position: absolute; bottom: 35px; left: 60px;
                              text-align: left;
                             }
#ma_as2_instructions            {
                              position: absolute; bottom: 30px; left: 60px;
                              text-align: left;
                             }
/*** End content for ma_as2.html ***/

/*************************************/
/*** Start content for MA_AS3.html ***/ 
/*************************************/
#content_container_ma_as3    {
                              position: relative;
                              margin-top: 20px;
                              width: 785px;
                              height: 540px;
                             }
#maas3_image1                {position: absolute; top: 0px; left: 60px;}
#maas3_image2                {position: absolute; top: 0px; right: 0px;}
#ma_as3_desc           {
                              position: absolute; top: 40px; left: 60px;
                              text-align: left;
                             }
#ma_as3_inst            {
                              position: absolute; bottom: 30px; left: 60px;
                              text-align: left;
                             }
/*** End content for ma_as3.html ***/

/***********************************/
/*** Start content for MA_W.html ***/ 
/***********************************/
#content_container_ma_w      {
                              text-align: left;
                              margin-top: 20px;
                              width: 785px;
                              height: 540px;
                             }
#content_container_ma_w li   {list-style-type: disc; margin-bottom: 5px;}
.ma_w_space                  {margin-left: 20px;}
#ma_w_yellowsect             {
                              margin-left: 80px;
                              width: 460px; height: 145px;
                             }
#ma_w_yellowsub              {float: left; width: 120px; height: 145px; font-style: italic;}
#ma_w_yellowlist             {float: left; width: 340px; height: 145px;}
#ma_w_bluesect1              {
                              margin-left: 80px;
                              width: 460px; height: 120px;
                             }
#ma_w_bluesub1               {float: left; width: 120px; height: 120px; font-style: italic;}
#ma_w_bluelist1              {float: left; width: 340px; height: 120px;}
#ma_w_greensect              {
                              margin-left: 80px;
                              width: 460px; height: 35px;
                             }
#ma_w_greensub               {float: left; width: 120px; height: 35px; font-style: italic;}
#ma_w_greenlist              {float: left; width: 340px; height: 35px;}
#ma_w_redsect                {
                              margin-left: 80px;
                              width: 460px; height: 120px;
                             }
#ma_w_redsub                 {float: left; width: 120px; height: 120px; font-style: italic;}
#ma_w_redlist                {float: left; width: 340px; height: 120px;}
#ma_w_bluesect2              {
                              margin-left: 80px;
                              width: 460px; height: 30px;
                             }
#ma_w_bluesub2               {float: left; width: 120px; height: 30px; font-style: italic;}
#ma_w_bluelist2              {float: left; width: 340px; height: 30px;}

/*** End content for ma_w.html ***/

/**************************************/
/*** Start content for pb_o.html ***/ 
/**************************************/
#overview {
    line-height: 20px;
	width: 800px;
	height: 540px;
	position: relative;
}
#overview img {
	position: absolute;
	top: 90px;
	left: 129px;
    width: 173px;
    height: 240px;
}
#overviewList  {
	position: absolute;
 	top: 91px;
	left: 346px;
    list-style: disc;
    text-align: left;
	padding-left: 20px;
}
#overview li {margin-bottom: 16px;}
#overview div { padding-left: 16px;}
#overview div.indent { padding-left: 48px;}
#pb_photo_credit { margin-top: 0;  vertical-align:middle; line-height: 18px;}
#pb_photo_credit span { font-size: 18px; vertical-align:top;  line-height: 18px; margin: 0 5px;}
/*** End content for cb_lss1.html ***/

/**************************************/
/*** Start content for pb_bio.html ***/ 
/**************************************/
#bio {
    padding-top: 6px;
    font-size: 12px;
    text-align: justify;
}
#bio span {
    margin: 0 10px;
    width: 265px;
    display: inline-block;
    vertical-align: top;
}

.columns {
    margin: 10px 10px;
    width: 265px;
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
    text-align: justify;
}
.small {font-size: 12px; margin-top: 0px;}
/*** End content for cb_lss1.html ***/

/**************************************/
/*** Start content for pb_books1.html ***/ 
/**************************************/
#book1_details {
    padding-top:20px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 388px;
    margin-right: 60px;
}
#book1_details img {margin-bottom: 30px;}
#book1_quotes {
    padding-top: 18px;
    width: 350px;
    vertical-align: top;
    display: inline-block;
    text-align: justify;
}
#book1_quotes p {margin: 0;}
.credit { text-align: right; padding-bottom: 20px; }
/*** End content for pb_books1.html ***/

/**************************************/
/*** Start content for pb_books2.html ***/ 
/**************************************/
#book2_details {
    padding-top:20px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 300px;
    margin-right: 60px;
    line-height: 18px;
}
#book2_details img {margin-bottom: 30px;}
#book2_quotes {
    line-height: 18px;
    padding-top: 18px;
    width: 458px;
    vertical-align: top;
    display: inline-block;
    text-align: justify;
}
#book2_quotes p {margin: 0;}
#book2_quotes p.desc {margin-bottom: 20px;}

/*** End content for pb_books2.html ***/

/**************************************/
/*** Start content for ts1.html ***/ 
/**************************************/
.ts_desc {
    margin-top: 20px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-right: 30px;
}
.ts_desc ul {
    list-style: disc;
    margin-left: 15px;
}
.ts_desc ul li {
    margin-top: 2px;
}
.ts_desc ul span {
    padding-left: 15px;
}

.ts_sample { margin-top: 20px; margin-left: 30px;}
.ts_instructions { margin-top: 275px; }
.ts_instructions2 { margin-top: 455px; }
.ts_instructions3 { margin-top: 438px; }
.ts_instructions4 { margin-top: 469px; }
.dot {text-align: center; margin-bottom: 20px;}
.dot img {width: 11px; height: 11px;}
.ts5_spaced_dot { margin: 10px 0 35px 0;}
/*** End content for ts1.html ***/

/**************************************/
/*** Start content for cl.html ***/ 
/**************************************/
#contact_christine { line-height: 30px; margin-bottom: 80px; margin-top: 10px;}
#contact_execs { line-height: 20px; margin-top: 30px; }
.contact_caps {font-size: 13px;}
#contact_christine img {margin: 0 25px;}
.stretch {letter-spacing: 1px;}
.cl_bottom_dot { padding-top:15px; }

#cl2_content { vertical-align: middle; margin-top: 100px;  margin-bottom: 220px;}
#cl2_content img { vertical-align: middle; }
#cl2_dot { margin-left: 15px; margin-right: 60px; vertical-align: middle; margin-bottom: 5px;}
.cl2_text { font-size: 23px; }
.cl2_date { font-size: 21px; }
.cl2_bullet {font-size: 16px; vertical-align:middle;}
/*** End content for cl.html ***/
#ts3_content {
    position: relative;
	padding-left: 70px;
	text-align: left;
}
#ts3_image1 { position: absolute; top: 0px; right: 120px;}
#ts3_image2 { position: absolute; top: 370px; right: 60px; }
#ts3_image3 { position: absolute; top: 225px; right: 357px; }

#pb_o_content { width: 875px; height: 600px; float: left; }
#pb_o_container { position: relative; width: 754px; text-align: left; font-size: 14px; vertical-align: top; padding-top: 20px;}
#pb_o_container span.label { display: inline-block; width: 120px;  vertical-align: top; font-style: italic;}
#pb_o_container span.details { display: inline-block;  vertical-align: top; width: 620px; }
#pb_o_container ul { list-style: disc; line-height: 18px;}
#pb_o_container span.love { text-align: right; }
#pb_o_architecture_lists ul { margin-left: 20px;}
#pb_o_container span.indent { margin-left: 30px; width: 590px;}

#pb_o_catalyst           { position: absolute; top: 20px;  left: 0; }
#pb_o_activism           { position: absolute; top: 54px;  left: 0; }
#pb_o_politics           { position: absolute; top: 104px; left: 0; }
#pb_o_politics_list      { position: absolute; top: 120px; left: 120px; list-style: disc; padding-left: 20px; }
#pb_o_love               { position: absolute; top: 211px; left: 0; }
#pb_o_architecture       { position: absolute; top: 276px; left: 0; }
#pb_o_architecture_details { position: absolute; top: 0px; left: 320px; width: 200px;}

#pb_o_architecture_lists { position: absolute; top: 292px; right: 12px; }
#pb_o_education          { position: absolute; top: 504px; left: 0; }
#pb_o_life               { position: absolute; top: 540px; left: 0; }
/*
#pb_o_container > div, #pb_o_container > ul { margin-bottom: 18px;}
#pb_o_container span.indent { margin-left: 30px; width: 500px;}
#pb_o_container ul { list-style: disc; margin-left: 140px;  line-height: 18px;}
#pb_o_container span.love { text-align: right; }
#pb_o_architecture_lists { margin-left: 315px; }
#pb_o_architecture_lists ul { margin-left: 20px;}
.pb_o_bull { font-size: 16px; vertical-align: top;}
#pb_o_container > div#pb_o_politics, #pb_o_container > div#pb_o_architecture {margin-bottom: 0;}
#pb_o_container > div#pb_o_architecture .details { margin-left: 195px; width: 200px;}
*/
#pb_o_red_arrow    { position: absolute; top: 13px; right: 0; }
#pb_o_yellow_arrow { position: absolute; top: 97px; right: 1px; }
#pb_o_orange_arrow { position: absolute; top: 49px; right: 1px; }
#pb_o_purple_line  { position: absolute; top: 213px; left: 177px; }
#pb_o_blue_line    { position: absolute; top: 279px; left: 122px; }
#pb_o_green_arrow  { position: absolute; top: 498px; left: 110px; }
#pb_o_timeline     { position: absolute; top: 565px; right: 0px; }


#intro {
        position: relative;
       background-color: #191919;
       width: 1040px;
       height: 769px;
}
#intro div { position: absolute; top: 300px; left: 300px; font-size: 50px; }
#intro div#intro_slide2 { display: none; cursor: pointer; }