﻿@charset "utf-8";
/*reset*/
*{ margin:0px; padding:0px }
/* Common HTML style */
body{ font-size: 10px; color: #000; text-align: left; }
img{ border: 0; }

.text{ font-family: Verdana,Arial,Helvetica,Geneva,sans-serif; }
.clear{ clear: both; }


/* HEADER */
/* see header.css */

/* MAIN CONTENT */
/* third row */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#grid{ margin: 10px 0 0 0; border: 1px solid #D1D0D5; }

#three_boxes_container{ width: 94em; height: auto; margin: -1px; position:relative;}
#three_boxes_container .box{ float: left; width: 30em; height: auto; margin-right: 1em; padding-bottom: 10px; }
#three_boxes_container p{ margin: 1em 0 0 4em; }
#three_boxes_container .last{ margin-right: 0px; }
#three_boxes_container .title{ font-weight: bold; text-decoration: none; }

#three_boxes_container .first{ margin: 1.8em 0 0 4em; }
#three_boxes_container .text{ font-weight: bold; text-decoration: none; width: 24em; }
#three_boxes_container a:hover{ text-decoration: underline; }
#three_boxes_container .button_content{ text-align: center; margin-top: 1.1em; }
#three_boxes_container .button{ display:-moz-inline-stack; }
#three_boxes_container .button{ display: inline-block; margin-left: auto; margin-right: auto; *zoom: 1; *display: inline; }
#three_boxes_container .button_container .text{ font-weight: bold; text-align: center; }
/* third row */
/* timeline */
#third_row{ width: 94em; height: 28em; }
#timeline_container{ float: left; width: 61.5em; height: 28em; border: 1px solid #d1d0d5; overflow: hidden; }
#timeline_container #timeline_title{ font-size: 16px; font-weight: bold; text-align: left; display: block; margin: .5em 0 .5em 2.5em; }
#timeline_container object{ width: 69.3em; height: 25.4em; }
/* html > body #timeline_container object{ width: 69.3em; height: 25.4em; } /* child selector: IE doesn't understands it */
/* social container */
#social_container{ float: left; width: 30em; height: 28em; margin-left: 1em; border: 1px solid #d1d0d5; font-family: Verdana,Arial,Helvetica,Geneva,sans-serif; }
#social_container .title_container{ float: left; width: 100%; height: 7em; }
#social_container .title_container img{ border: 0; height: 25px; width: 25px; float: none; margin: 2.5em 0 0 2.5em; }
#social_container a{ text-decoration: none; }
#social_container a:hover{ text-decoration: underline; }
#social_container .content_container { float: left; width: 100%; height: 18.4em; }
#social_container .text_container{ margin: 3em 0 0 14em; width: 15em; height: 12em; }
#social_container .button_content{ text-align: center; }
#social_container .button{ display:-moz-inline-stack; }
#social_container .button{ display: inline-block; margin-left: auto; margin-right: auto; *zoom: 1; *display: inline; }
#social_container .button_container{ float: left; width: auto; height: 24px; padding-top: .15em; padding: .4em 1em 0 1em; cursor: pointer; }
#social_container .button_container:hover{ text-decoration: underline; }
#social_container .button_container .text{ font-weight: bold; text-align: center; }

/* FOOTER */
/* see footer.css */
