body {
  background: #043b44 url(../images/layout/body-back.png) repeat-x 0 0;
  color: #7f7f7f;
  font: 13px Tahoma;
}

#page {
  width: 960px;
  padding: 5px;
  border: 1px solid #316a72;
  background: #04444f;
  margin: 0 auto;
}

#page > .wrapper {
  background: #fff;
}

#page > .wrapper.full {
  padding-bottom: 90px;
  background: #fff url(../images/layout/full-back.png) repeat-y 0 0;
}

#footer {
  width: 960px;
  margin: 0 auto;
}

#header {
  position: relative;
  background: url(../images/layout/navbar-back.png) repeat-x 0 0;
  width: 100%;
  height: 49px;
}

#navbar {
  margin: 0;
  height: 49px;
  width: 696px;
  display: inline;
  margin: 0;
  padding: 0;
  float: left;
}

#navbar li {
  position: absolute;
  top: 0;
  height: 49px;
  list-style: none;
}

#navbar li a {
  display: block;
  height: 49px;
  background: url(../images/layout/navbar.png) no-repeat 0 0;
  text-indent: -999em;
}

#navbar #nav-home {
	left: 0px;
	width: 76px;
 }
#navbar #nav-home a {
	background-position: 0px 0px;
 }
#navbar #nav-home a:hover, #navbar #nav-home a.current {
	background-position: 0px -49px;
 }

#navbar #nav-video {
	left: 76px;
	width: 122px;
 }
#navbar #nav-video a {
	background-position: -76px 0px;
 }
#navbar #nav-video a:hover, #navbar #nav-video a.current {
	background-position: -76px -49px;
 }

#navbar #nav-chapters {
	left: 198px;
	width: 140px;
 }
#navbar #nav-chapters a {
	background-position: -198px 0px;
 }
#navbar #nav-chapters a:hover, #navbar #nav-chapters a.current {
	background-position: -198px -49px;
 }

#navbar #nav-prayer {
	left: 338px;
	width: 176px;
 }
#navbar #nav-prayer a {
	background-position: -338px 0px;
 }
#navbar #nav-prayer a:hover, #navbar #nav-prayer a.current {
	background-position: -338px -49px;
 }

#navbar #nav-mt {
	left: 514px;
	width: 182px;
 }
#navbar #nav-mt a {
	background-position: -514px 0px;
 }
#navbar #nav-mt a:hover, #navbar #nav-mt a.current {
	background-position: -514px -49px;
 }
 
#header .meta {
  float: right;
  line-height: 44px;
  font-family: Verdana;
  font-size: 11px;
  color: #167f8e;
  width: 250px;
  text-align: right;
}

#header .meta #login,
#header .meta #logout {
  float: right;
  display: block;
  width: 50px;
  height: 18px;
  background: url(../images/layout/button-login.png);
  text-indent: -999em;
  outline: none;
  margin: 14px 13px 0 10px;
  overflow: hidden;
  text-align: left;
}

#header .meta #logout {
  background: url(../images/layout/button-logout.png);
}

#main {
  clear: both;
}

#subheader {
  height: 135px;
  width: 960px;
  background: url(../images/layout/banner-interior.jpg);
  text-indent: -999em;
}

#home #subheader {
  height: 383px;
  background: url(../images/layout/banner-homepage.jpg);
}

#home .three-col {
  background: url(../images/layout/homepage-titles.png) no-repeat 0 0;
  padding-top: 86px;
}

#home .three-col .col h2 {
  height: 0;
  text-indent: -999em;
  overflow: hidden;
  margin: 0;
}

#home .three-col .col {
  margin-left: 51px;
  width: 248px;
  float: left;
  border-top: 1px solid #ddd;
  padding-top: 18px;
  line-height: 1.8;
  position: relative;
}

#home .three-col a.main-link {
	width: 248px;
	height: 60px;
	position: absolute;
	top: -60px;
	left: 0;
	text-indent: -999em;
	outline: none;
}

#home .three-col .col + .col {
  margin-left: 57px;
}

#home .three-col .col + .col + .col {
  margin-left: 58px;
}

#home .two-col .col {
  float: left;
  width: 299px;
}

#home .two-col .col + .col {
  width: 541px;
  padding: 45px 60px 0;
  color: #f5eed6;
  font-family: Georgia;
}

#home #content p {
  margin-right: 0;
}

#home #mini-footer img {
  display: block;
}

#home #mini-footer p {
  float: none;
  width: auto;
  line-height: 1.5;
}

#home #mini-footer h3 {
  color: #fff;
  font-weight: normal;
  font-size: 23px;
  margin-top: 0;
}

h1 {
  margin: 0 0 0 45px;
}

#sidebar {
  width: 328px;
  float: left;
  margin: 0px 0px 40px;
}

#sidebar p {
  margin: 45px 0 0 50px;
  color: #6ea6b2;
  font: italic 15px/2 Georgia;
}

#sidebar p + p, #video #sidebar p {
  font: normal 13px/1.4 Tahoma;
  margin-top: 20px;
}

#video #sidebar h2 {
  margin: 0 0 0 50px;
  font: normal 23.5px/1.3 Georgia;
}

#video #sidebar h2 span {
  color: #6ea6b2;
}

#video #sidebar p {
  color: #7f7f7f;
}

.full #sidebar p {
  color: #719b63;
  margin-right: 20px;
  line-height: 1.6;
}

.full #sidebar p + p {
  line-height: 1.5;
}

#content {
  float: left;
  margin-left: 42px;
  width: 590px;
}

#home #content {
  float: none;
  margin: 0;
  width: auto;
}

.full #sidebar {
  width: 306px;
}

.full #content {
  width: 605px;
}

#video #content {
  margin-top: -68px;
}

#content p {
  margin-top: 0;
  margin-right: 70px;
  line-height: 1.65;
}

#content p ~ p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.title {
  padding: 45px 0 30px;
  background: #fff;
}

#mini-footer {
  background: #3da8bf url(../images/layout/drop-shadow.png) repeat-x 0 0;
  padding: 36px 62px 0 52px;
  margin-top: 90px;
  height: 90px;
}

#video #mini-footer {
  margin: 0;
  padding: 0;
  height: auto;
  background: none;
}

#home #mini-footer {
  background-color: #86847c;
  padding: 0;
  margin-top: 30px;
  height: auto;
}

#mini-footer p {
  width: 626px;
  float: left;
}

#video #mini-footer p {
  width: auto;
  float: none;
}

#register-now {
  background: url(../images/layout/button-register-now.png) no-repeat 0 0;
  width: 136px;
  height: 37px;
  float: right;
  text-indent: -999em;
  overflow: hidden;
  margin-top: 10px;
}


#footer {
  padding-top: 39px;
  margin-bottom: 30px;
}

#mt-logo {
  width: 198px;
  height: 42px;
  background: url(../images/layout/logo-marriage-today.png);
  display: block;
  text-indent: -999em;
  outline: none;
  float: left;
}

#footer .copyright {
  float: right;
  color: #80b4bc;
  font-size: 11px;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

/* @group Chapters */

.chapters dl, .chapters dt, .chapters dd {
  margin: 0;
  padding: 0;
  width: 534px;
}

#content .chapters p {
  margin-right: 0;
}

.chapters dt {
  background: url(../images/layout/icon-book.png) no-repeat 0 center;
  padding-left: 20px;
  margin-top: 20px;
}

.chapters dt span {
  font: 18px/1.2 Georgia;
  color: #719b63;
  float: left;
  padding-right: 30px;
}

#video-slider .completed {
  position: absolute;
  top: 65px;
  right: 10px;
  width: 30px;
  height: 15px;
}

#video-slider li.slide {
  position: relative;
}

#video #video-slider .completed {
  margin: 0;
}

.chapters dt.him span, #video-slider .completed.he {
  background: url(../images/layout/icon-completed-him.png) no-repeat right top;
}

.chapters dt.her span, #video-slider .completed.she {
  background: url(../images/layout/icon-completed-her.png) no-repeat right top;
}

.chapters dt.both span, #video-slider .completed.both {
  background: url(../images/layout/icon-completed-both.png) no-repeat right top;
}

.chapters dd {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

#video .study, .chapters .meta a {
  height: 33px;
  display: block;
  float: left;
  margin-right: 10px;
  text-indent: -999em;
}

.chapters .meta .chapter {
  width: 122px;
  background: url(../images/layout/button-view-chapter-pdf.png) no-repeat 0 0;
}

#video .study, .chapters .meta .study {
  width: 120px;
  background: url(../images/layout/button-view-study-guide.png) no-repeat 0 0;
}

#video .completed, .chapters .completed {
  color: #7f7f7f;
  font-size: 11px;
  text-align: right;
  font-weight: bold;
}

#video .completed {
  margin: 20px 40px 0 0;
}

.chapters .completed label {
  margin-left: 5px;
}

/* @end */

/* @group Home */

#home #subheader {
  position: relative;
}

#home #subheader a {
  position: absolute;
  text-indent: -999em;
  height: 33px;
  top: 270px;
  cursor: pointer;
}

#home-register {
  width: 101px;
  left: 83px;
}

#home-learn-more {
  left: 183px;
  width: 120px;
}

#home .copyright {
  width: 556px;
  float: right;
  margin-right: 50px;
  line-height: 1.9;
}

/* @end */

/* @group Video */

#video-slider {
  height: 222px;
  background: #86847c url(../images/layout/drop-shadow.png) repeat-x 0 0;
  margin-top: 20px;
  position: relative;
  padding-top: 13px;
  /* Added 2010/03/16 - K. Bluhm - IE fix */
  width: 960px;
  overflow: hidden;
}

#video-slider #but-left, #video-slider #but-right {
  width: 54px;
  height: 222px;
  background: url(../images/layout/slider-left.png) no-repeat 0 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  cursor: pointer;
}

#video-slider #but-right {
  background: url(../images/layout/slider-right.png) no-repeat 0 0;
  left: auto;
  right: 0;
}

#slide-inner, #slider {
  width: 960px;
  overflow: hidden;
  height: 196px;
}

#slide-inner > div {
  width: 2500px;
}

#video-slider ul.wrapper {
  padding: 0;
  margin: 0;
}

#video-slider ul.wrapper, #video-slider ul.wrapper li {
  list-style: none;
}

#video-slider .slide {
  padding: 7px;
  width: 158px;
  height: 182px;
  position: relative;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}

#video-slider .slide .inner {
  height: 180px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

#video-slider .slide .inner * {
	cursor: pointer;
}

#video-slider .slide .background {
  background: url(../images/layout/slider-back.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 1;
  cursor: pointer;
}

#video-slider .slide.active .background {
  display: block;
}

#video-slider .slide.active p {
  color: #5b584c;
}

#video-slider .inner p {
  color: #f5eed6;
  font: normal 13px/1.2 Georgia;
  margin: 0 25px;
}

#video-slider .inner img {
  margin: 12px;
  border: 3px solid #fff;
  display: block;
}

#video-slider .slide h3 {
  margin-bottom: 0;
  margin-top: 0;
}

/* @end */

/* @group Form */

form label {
  width: 138px;
  float: left;
  font-weight: bold;
  padding-right: 7px;
  margin-right: 3px;
}

form.completed label {
	width: auto;
	float: none;
	padding-right: 0;
	margin-right: 0;	
}

form label.req {
  background: url(../images/layout/icon-required.png) no-repeat right top;
}

form input[type=text], form textarea {
  width: 366px;
  float: left;
}

form textarea {
  width: 370px;
  height: 150px;
}

form p {
  margin-top: 10px;
}

#content input[type=submit] {
  background: url(../images/layout/button-submit-testimony.png);
  width: 151px;
  height: 27px;
  outline: none;
  text-indent: -999em;
  border: none;
  cursor: pointer;
  float: right;
}

form#register input[type=submit] {
  width: 91px;
  background-image: url(../images/layout/button-register.png);
}

form p span {
  font-style: italic;
  font-size: 11px;
  line-height: 27px;
  color: #7f7f7f;
  float: left;
}

form span.req {
  background: url(../images/layout/icon-required.png) no-repeat left center;
  float: right;
  padding-left: 15px;
  margin-right: 20px;
}

form#register span.req {
  float: left;
  clear: left;
}

form .section {
  padding: 30px 0;
  border-top: 1px solid #ddd;
}

form .section label {
  width: auto;
}

form .section input[type=radio] {
  margin-left: 0;
}

form .section label + label input[type=radio] {
  margin-left: 10px;
}

form .section strong {
  display: block;
  margin-bottom: 20px;
}

form .section label + label + label {
  text-align: right;
  float: right;
}

form .section label input[type=text] {
  width: 290px;
  float: none;
}

#content form p.section {
  margin-top: 0;
  margin-bottom: 0;
}

#content form .section + p {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  margin-top: 0;
}

/* @end */

/* @group Page */
#account #frame {
  padding-top: 100px;
  text-align: center;
}

#account #page {
  width: 401px;
  margin-top: 10px;
  text-align: left;
}

#account #page #main {
    padding: 50px 55px;
}

#account #page input[type=text], #account #page input[type=password] {
  width: 283px;
  font-size: 18px;
  margin-bottom: 20px;
}

#account #page label {
  float: none;
  display: block;
  width: auto;
}

#account #page label.light {
  font-weight: normal;
}

#account #page input.sign-in {
  width: 83px;
  height: 27px;
  float: none;
  background-image: url(../images/layout/button-sign-up.png);
  border: none;
  text-indent: -999em;
}

#account input[type=submit] {
  
}

#account #page #mini-footer {
  margin: 0;
  padding: 8px 0 8px 55px;
  height: auto;
}

#account #page #mini-footer p {
  float: none;
  color: #fff;
}

#account #page #mini-footer p strong {
  color: #9ff;
}

#account #page #mini-footer a {
  color: #fff;
  text-decoration: none;
}

#account #page #mini-footer a:hover {
  text-decoration: underline;
}

/* @end */

/* @group Player */

#player {
  display: block;
  width: 555px;
  height: 345px;
}

#player img {
  border: none;
}

/* @end */


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */