body {
  font: 10pt Arial, Verdana, Lucida, sans-serif;
  background: #f0f0f1;
  margin:0px;
}

a {
  color:#007ac3;
}

a.button {
  display:block;
  width:200px;
  height:25px;
  padding-top:7px;
  background:url(/images/button_bg.jpg) no-repeat;
  color:#fff;
  text-decoration:none;
  font-size:90%;
  font-weight:bold;
  text-align:center;
}

td {
  vertical-align:top;
}

img {
  border:0px;
}

#container {
  width: 1024px;
  margin:0px auto;
  background-color:#fff;
  background-image:url(/images/video_footer.png);
  background-position:bottom left;
  background-repeat:no-repeat;
}
  
#main {
  width:1024px;
  background-image:url(/images/video_header.png);
  background-repeat:no-repeat;
}

#header {
  height: 200px;
}

.container-home {
  background-image:url(/images/video_home_footer.png) !important;
}
.container-home #main {
  background-image:url(/images/video_home_header.png);
}
.container-home #header {
  height:218px;
}

#login {
  float:left;
  display:inline;
  margin:5px 0px 0px 435px;
  width:175px;
  height:80px;
  color:#fff;
  line-height:1.5em;
}
#login a {
  color:#fff;
  text-decoration:underline;
  font-weight:bold;
}

#header-links {
  float:left;
  display:inline;
  margin: 18px 0px 0px 38px;
  width:478px;
  height:52px;
}
#header-links a {
  float:left;
  display:block;
  margin-right:19px;
  width:104px;
  height:52px;
}
#header-links a.last {
  margin-right:0px;
}

#left-column {
  height:300px;
  width:284px;
  padding: 30px 0px 150px 10px;
  vertical-align:top;
}

#home-main-menu {
  width:164px;
  float:left;
  display:inline;
  margin-left:30px;
}
#home-main-menu h3 {
  text-align:center;
  color:#666;
}
#main-menu {
  background:url(/images/left_menu_bg.png) no-repeat;
  width:269px;
  height:512px;
  float:left;
  display:inline;
  margin-top:28px;
}
#main-menu-inner {
  margin:0px 15px;
}
#main-menu h3 {
  margin:20px 0px 0px 0px;
  border-bottom:1px dashed #504f52;
  padding-bottom:10px;
}
#main-menu a {
  display:block;
  color:#504f52;
  text-decoration:none;
  font-weight:bold;
}
#main-menu a.level-1 {
  padding: 10px 0px 10px 30px;
  background:url(/images/menu_arrow_1.png) 0% 50% no-repeat;
  border-bottom:1px dashed #504f52;
}
#main-menu a.level-1:hover, #main-menu a.level-1-active {
  padding: 10px 0px 10px 30px;
  border-bottom:1px dashed #504f52;
  background-position: 0% 50%;
  background-repeat:no-repeat;
}
#main-menu a.level-2 {
  padding: 10px 0px 5px 35px;
  background:url(/images/menu_arrow_2.png) 6% 50% no-repeat;
}
#main-menu a.level-2:hover, #main-menu a.level-2-active {
  padding: 10px 0px 5px 35px;
  background-position: 6% 50%;
  background-repeat:no-repeat;
}
#main-menu a.level-3 {
  padding: 4px 0px 5px 55px;
  background:url(/images/menu_arrow_3.png) 10% 50% no-repeat;
}
#main-menu a.level-3:hover, #main-menu a.level-3-active {
  padding: 4px 0px 5px 55px;
  background-position: 10% 50%;
  background-repeat:no-repeat;
}
#main-menu a.level-4 {
  padding: 2px 0px 3px 65px;
  background:url(/images/menu_arrow_3.png) 17% 50% no-repeat;
  font-weight:normal;
}
#main-menu a.level-4:hover, #main-menu a.level-4-active {
  padding: 2px 0px 3px 65px;
  background-position: 17% 50%;
  background-repeat:no-repeat;
  font-weight:normal;
}
#main-menu .new-level {
  border-bottom:1px dashed #504f52;
}

.container-corporate #main-menu a.level-1:hover, .container-corporate #main-menu a.level-1-active {
  color:#6269a1;
  background-image:url(/images/corporate_menu_arrows/1.png);
}

.container-corporate #main-menu a.level-2:hover, .container-corporate #main-menu a.level-2-active {
  color:#6269a1;
  background-image:url(/images/corporate_menu_arrows/2.png);
}

.container-corporate #main-menu a.level-3:hover, .container-corporate #main-menu a.level-3-active {
  color:#6269a1;
  background-image:url(/images/corporate_menu_arrows/3.png);
}

.container-corporate #main-menu a.level-4:hover, .container-corporate #main-menu a.level-4-active {
  color:#6269a1;
  background-image:url(/images/corporate_menu_arrows/3.png);
}

.container-corporate {
  background-image:url(/images/footer_corporate.png) !important;
}
.container-corporate #main {
  background-image:url(/images/header_corporate.png);
}
.container-corporate #header {
  height:218px;
}

.container-education #main-menu a.level-1:hover, .container-education #main-menu a.level-1-active {
  color:#6db04e;
  background-image:url(/images/education_menu_arrows/1.png);
}

.container-education #main-menu a.level-2:hover, .container-education #main-menu a.level-2-active {
  color:#6db04e;
  background-image:url(/images/education_menu_arrows/2.png);
}

.container-education #main-menu a.level-3:hover, .container-education #main-menu a.level-3-active {
  color:#6db04e;
  background-image:url(/images/education_menu_arrows/3.png);
}

.container-education #main-menu a.level-4:hover, .container-education #main-menu a.level-4-active {
  color:#6db04e;
  background-image:url(/images/education_menu_arrows/3.png);
}

.container-public #main-menu a.level-1:hover, .container-public #main-menu a.level-1-active {
  color:#992c31;
  background-image:url(/images/public_menu_arrows/1.png);
}

.container-public #main-menu a.level-2:hover, .container-public #main-menu a.level-2-active {
  color:#992c31;
  background-image:url(/images/public_menu_arrows/2.png);
}

.container-public #main-menu a.level-3:hover, .container-public #main-menu a.level-3-active {
  color:#992c31;
  background-image:url(/images/public_menu_arrows/3.png);
}

.container-public #main-menu a.level-4:hover, .container-public #main-menu a.level-4-active {
  color:#992c31;
  background-image:url(/images/public_menu_arrows/3.png);
}

.container-public {
  background-image:url(/images/footer_public.png) !important;
}
.container-public #main {
  background-image:url(/images/header_public.png);
}
.container-public #header {
  height:218px;
}

.container-family #main-menu a.level-1:hover, .container-family #main-menu a.level-1-active {
  color:#e7ac00;
  background-image:url(/images/family_menu_arrows/1.png);
}

.container-family #main-menu a.level-2:hover, .container-family #main-menu a.level-2-active {
  color:#e7ac00;
  background-image:url(/images/family_menu_arrows/2.png);
}

.container-family #main-menu a.level-3:hover, .container-family #main-menu a.level-3-active {
  color:#e7ac00;
  background-image:url(/images/family_menu_arrows/3.png);
}

.container-family #main-menu a.level-4:hover, .container-family #main-menu a.level-4-active {
  color:#e7ac00;
  background-image:url(/images/family_menu_arrows/3.png);
}

.container-family {
  background-image:url(/images/footer_family.png) !important;
}
.container-family #main {
  background-image:url(/images/header_family.png);
}
.container-family #header {
  height:218px;
}


/*
 * SECTION PAGES
 */

.content-box {
  color:#fff;
  background:url(/images/background_plain.png) no-repeat;
  width:692px;
  height:680px;
}
.content-box h1 {
  float:left;
  display:inline;
  font-weight:normal;
  margin:70px 0px 0px 70px;
}
.content-box .text {
  width:580px;
  height:540px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}

#education-leader {
  background:url(/images/leader_bg.png) no-repeat;
  width:692px;
  height:680px;
}
#education-leader h1 {
  margin:50px 0px 0px 370px;
  width:200px;
}
#education-leader .text {
  width:300px;
  height:550px;
  margin:10px 0px 0px 370px;
  float:left;
  display:inline;
  overflow:auto;
}
#education-pupil {
  background:url(/images/pupil_bg.png) no-repeat;
  width:692px;
  height:680px;
}
#education-pupil h1 {
  margin:50px 0px 0px 370px;
  width:200px;
}
#education-pupil .text {
  width:300px;
  height:550px;
  margin:10px 0px 0px 370px;
  float:left;
  display:inline;
  overflow:auto;
}
#education-leader-leadership-assessment {
  background:url(/images/education_leader_leadership_assessment.png) no-repeat;
  width:692px;
  height:644px;
  margin-top:3px;
}
#education-leader-leadership-assessment h1 {
  margin:70px 0px 0px 70px;
}
#education-leader-leadership-assessment .text {
  width:500px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#education-leader-leadership-development {
  background:url(/images/education_leader_competency_development.png) no-repeat;
  width:692px;
  height:589px;
}
#education-leader-leadership-development h1 {
  margin:70px 0px 0px 70px;
}
#education-leader-leadership-development .text {
  width:280px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#education-leader-development-model {
  background:url(/images/background_plain.png) no-repeat;
  width:692px;
  height:589px;
}
#education-leader-development-model h1 {
  margin:70px 0px 0px 70px;
}
#education-leader-development-model .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#leadership-development {
  background:url(/images/section_bgs/Dendrite_leadership_competency_development.png) no-repeat;
  width:692px;
  height:589px;
}
#leadership-development h1 {
  margin:70px 0px 0px 70px;
}
#leadership-development .text {
  width:270px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#team-development {
  background:url(/images/section_bgs/Dendrite_team_competency_development.png) no-repeat;
  width:692px;
  height:589px;
}
#team-development h1 {
  margin:70px 0px 0px 70px;
}
#team-development .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#personal-development {
  background:url(/images/section_bgs/Dendrite_personal_competency_development.png) no-repeat;
  width:692px;
  height:589px;
}
#personal-development h1 {
  margin:70px 0px 0px 70px;
}
#personal-development .text {
  width:280px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#corporate-leadership {
  background:url(/images/education_leader_competency_development.png) no-repeat;
  width:692px;
  height:589px;
}
#corporate-leadership h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#corporate-leadership .text {
  width:280px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#corporate-leadership-360-assessment {
  background:url(/images/education_leader_leadership_assessment.png) no-repeat;
  width:692px;
  height:644px;
  margin-top:3px;
}
#corporate-leadership-360-assessment h1 {
  margin:70px 0px 0px 70px;
}
#corporate-leadership-360-assessment .text {
  width:500px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#corporate-personal-development {
  background:url(/images/section_bgs/corporate_personal_development.png) no-repeat;
  width:696px;
  height:742px;
}
#corporate-personal-development h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#corporate-personal-development .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#corporate-team-development {
  background:url(/images/section_bgs/corporate_team_development.png) no-repeat;
  width:696px;
  height:742px;
}
#corporate-team-development h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#corporate-team-development .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#corporate-hr-consulting {
  background:url(/images/section_bgs/corporate_hr_consulting.png) no-repeat;
  width:696px;
  height:742px;
}
#corporate-hr-consulting h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#corporate-hr-consulting .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#public-leadership {
  background:url(/images/section_bgs/public_leadership.png) no-repeat;
  width:692px;
  height:773px;
}
#public-leadership h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#public-leadership .text {
  width:580px;
  height:270px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#public-leadership-360-assessment {
  background:url(/images/education_leader_leadership_assessment.png) no-repeat;
  width:692px;
  height:644px;
  margin-top:3px;
}
#public-leadership-360-assessment h1 {
  margin:70px 0px 0px 70px;
}
#public-leadership-360-assessment .text {
  width:500px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#public-personal-development {
  background:url(/images/section_bgs/public_personal_development.png) no-repeat;
  width:695px;
  height:836px;
}
#public-personal-development h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#public-personal-development .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#public-team-development {
  background:url(/images/section_bgs/public_team_development.png) no-repeat;
  width:691px;
  height:739px;
}
#public-team-development h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#public-team-development .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#public-hr-consulting {
  background:url(/images/section_bgs/corporate_hr_consulting.png) no-repeat;
  width:696px;
  height:742px;
}
#public-hr-consulting h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#public-hr-consulting .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#family-parents {
  background:url(/images/section_bgs/family_parents.png) no-repeat;
  width:696px;
  height:742px;
}
#family-parents h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#family-parents .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#family-kids {
  background:url(/images/section_bgs/family_kids.png) no-repeat;
  width:696px;
  height:742px;
}
#family-kids h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#family-kids .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#family-kids-learning-power-evaluation {
  background:url(/images/section_bgs/kids_learning_evaluation.png) no-repeat;
  width:696px;
  height:742px;
}
#family-kids-learning-power-evaluation h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#family-kids-learning-power-evaluation .links {
  float:right;
  text-align:right;
  padding-right:60px;
  padding-top:35px;
}
#family-kids-learning-power-evaluation .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#education-pupil-learning-power-evaluation {
  background:url(/images/section_bgs/pupil_learning_evaluation.png) no-repeat;
  width:696px;
  height:742px;
}
#education-pupil-learning-power-evaluation h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#education-pupil-learning-power-evaluation .links {
  float:left;
  padding-left:60px;
  padding-top:35px;
}
#education-pupil-learning-power-evaluation .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}

#education-teacher-teaching-and-learning-learning-evaluation {
  background:url(/images/section_bgs/teacher_learning_evaluation.png) no-repeat;
  width:696px;
  height:742px;
}
#education-teacher-teaching-and-learning-learning-evaluation h1 {
  margin:70px 0px 0px 70px;
  width:580px;
}
#education-teacher-teaching-and-learning-learning-evaluation .links {
  float:left;
  padding-left:60px;
  padding-top:35px;
}
#education-teacher-teaching-and-learning-learning-evaluation .text {
  width:580px;
  height:440px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}

#generic-content {
  background:url(/images/background_plain.png) no-repeat;
  width:692px;
  height:680px;
}
#generic-content h1 {
  margin:70px 0px 0px 70px;
}
#generic-content .text {
  width:580px;
  height:540px;
  margin:10px 0px 0px 70px;
  float:left;
  display:inline;
  overflow:auto;
}
#video-box {
  background:url(/images/video_player_bg.png) no-repeat;
  padding:70px 10px 10px 60px;
  height:800px;
  width:692px;
  margin:0px 0px 0px 15px;
}
#video-box h1 {
  margin:0px 0px 10px 0px;
}
#video-box .text {
  width:590px;
  float:left;
  display:inline;
  margin:10px 0px 0px 0px;
  overflow:visible;
}

.video-list-entry {
  margin-bottom:15px;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
  float:left;
}
.video-list-entry h4 {
  margin:0px 0px 3px 0px;
  font-size:110%;
}
.video-list-entry .thumbnail {
  width:100px;
  float:left;
}
.video-list-entry .info {
  float:left;
  width:450px;
}

.media-links a {
  color:#fff;
  font-weight:bold;
  margin:10px 5px 10px 0px;
}
.media-links .credits {
  float:left;
  display:inline;
  margin:15px 10px 10px 0px;
}

.watch-button {
  display:block;
  float:left;
  height:22px;
}

.watch-film {
  width:102px;
  background:url(/images/watch_buttons/film.png) no-repeat;
}

.watch-buzzbite {
  width:121px;
  background:url(/images/watch_buttons/buzzbite.png) no-repeat;
}

.watch-trailer {
  width:103px;
  background:url(/images/watch_buttons/trailer.png) no-repeat;
}

.container-education .watch-film:hover {
  background:url(/images/watch_buttons/film_active_education.png) no-repeat;
}
.container-education .watch-buzzbite:hover {
  background:url(/images/watch_buttons/buzzbite_active_education.png) no-repeat;
}
.container-education .watch-trailer:hover {
  background:url(/images/watch_buttons/trailer_active_education.png) no-repeat;
}

.container-corporate .watch-film:hover {
  background:url(/images/watch_buttons/film_active_corporate.png) no-repeat;
}
.container-corporate .watch-buzzbite:hover {
  background:url(/images/watch_buttons/buzzbite_active_corporate.png) no-repeat;
}
.container-corporate .watch-trailer:hover {
  background:url(/images/watch_buttons/trailer_active_corporate.png) no-repeat;
}

.container-public .watch-film:hover {
  background:url(/images/watch_buttons/film_active_public.png) no-repeat;
}
.container-public .watch-buzzbite:hover {
  background:url(/images/watch_buttons/buzzbite_active_public.png) no-repeat;
}
.container-public .watch-trailer:hover {
  background:url(/images/watch_buttons/trailer_active_public.png) no-repeat;
}

.container-family .watch-film:hover {
  background:url(/images/watch_buttons/film_active_family.png) no-repeat;
}
.container-family .watch-buzzbite:hover {
  background:url(/images/watch_buttons/buzzbite_active_family.png) no-repeat;
}
.container-family .watch-trailer:hover {
  background:url(/images/watch_buttons/trailer_active_family.png) no-repeat;
}

.plain-text-box {
  width:600px;
  float:left;
  display:inline;
  margin-left:20px;
}

.plain-text-box .middle {
  background:url(/images/plain_text_box_middle.png) repeat-y;
  float:left;
  width:600px;
}

.plain-text-box .middle .inner {
  margin:0px 30px 30px 30px;
  color:#fff;
}

.plain-text-box a {
  color: #227;
}

.inner-round-box {
  margin-bottom:15px;
}

.inner-round-box label {
  color:#444 !important;
}

.inner-round-box-top-left {
  width:4px;
  height:4px;
  background: url(/images/inner_round_box/top_left.png);
}

.inner-round-box-top-middle {
  border-top:1px solid #c6c6c6;
  background-color:#fff;
  height:3px;
}

.inner-round-box-top-right {
  width:4px;
  height:4px;
  background: url(/images/inner_round_box/top_right.png);
}

.inner-round-box-middle {
  border-left:1px solid #c6c6c6;
  border-right:1px solid #c6c6c6;
  background:#fff;
  color:#444;
  padding:5px 10px;
}

.inner-round-box-bottom-left {
  width:4px;
  height:4px;
  background: url(/images/inner_round_box/bottom_left.png);
}

.inner-round-box-bottom-middle {
  border-bottom:1px solid #c6c6c6;
  background-color:#fff;
  height:3px;
}

.inner-round-box-bottom-right {
  width:4px;
  height:4px;
  background: url(/images/inner_round_box/bottom_right.png);
}

.inner-round-box h3 {
  margin: 0px 0px 10px 0px;
  padding-bottom:5px;
  color: #444;
  border-bottom: 1px solid #ccc;
  font-size:120%;
}

/*
 * FORMS
 */

form p {
  clear:both;
}
input, textarea {
  padding:2px;
}
.error-message {
  padding:3px;
  margin:5px 0px;
  background:#ccc;
  border-style:solid;
  border-color:#f55;
  border-width:1px 0px;
  color:#f55;
}
.error-message b { 
  color:#f55;
}
.hgroup {
  clear:both;
}
.hgroup p {
  float:left;
  clear:none !important;
  padding-right:10px;
  margin:5px 0px 0px 0px;
}
.hgroup td {
  vertical-align:bottom;
}
label {
  font-weight:bold;
  color:#fff;
}
input.button {
  display:inline;
}

#footer {
  height:180px;
}

