#front-container {
    min-height: 700px;
}

#front-container.white {
    background: white;
}

#front-container strong, #front-container em {
    color: black;
}

.front-door {
    background-image: url("/images/front-path-bg-3.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    height: 520px;
    padding-bottom: 10px;
    margin-top: 1px;
    min-width: 960px;
    width: 100%;
    z-index: -1;
}

#front-container .inner {
    width: 940px;
    margin: 0 auto;
}

.front-door header {
    padding-top:164px;
    padding-left: 200px;
    width: 480px;
    color: #333;

}

.front-door header h1 {
    font-size: 48px;
    color: #DE107A;
    font-weight: bold;
    text-shadow: 0 0 1px #DE107A;
    line-height: 1;
}

.about header h1 {
    font-size: 36px;
    color: #DE107A;
    font-weight: bold;

    margin-bottom: 14px;
}

.about-ep figure img, figure.featured img {
    max-width: 360px;
}

.about-ep .inner figure.wide {
    margin: 0 0 0 30px;
    width: 420px;
}

.about-ep .inner figure.featured img {
    border-radius: 8px;
    border: 2px solid #ccc;
    margin-bottom: 5px;
}

figure.wide img {
    border-radius:8px;
    border: 2px solid #ccc;
    max-width: none;
}

.about-ep header.top-header {
    padding-top: 20px;
}

#front-container h2 {
    font-size: 21px;
    margin-top: 12px;
}

#front-container h2, #front-container p {
    line-height: 1.3;
}

#front-container p {
    margin-bottom: 8px;
} 

.front-door h2, #front-container p, #front-container ul, .login-page span, #front-container ol {
    /*font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    */
}

.front-bution h2, .front-how h2 {
    font-weight: bold;
    color: #333;
}

.front-bution .copy {
    margin-left: 200px;
    width: 640px;
}

.front-how .copy {
    margin-left: 40px;
    width: 800px;
}


#front-container p, #front-container ul {
    font-size: 21px;
}

#front-container .terms p, #front-container .terms ul, #front-container .terms ol {
    font-size: 16px;
    line-height: 1.5;
}

.about .terms h1 {
    margin-bottom: 0;
    color: #944575;
    font-size: 28px;
}

.front-door header h2 {
 
}

.action {
    font-size: 18px;
    padding: 50px 30px;
    text-align: right;
}

.about-block .signup {
    font-size: 20px;
}

.front-door .action .button, .front-how .button, .about-block .signup, .about-book .button, #go-button {
    color: white;
    text-shadow: none;
    line-height: 2.5em;
    font-variant: small-caps;
}

.front-how .button {
    font-size: 16px;
}

.front-door .action .more {
    line-height: 1.5em;
}

.front-bution, .front-how {
    background-color: #fff;
    padding: 5px 20px;
    color: #333;    
    border-top: 1px solid #ccc;
    line-height: 1.3;
}

.front-bution {
    background-color: #fff;
    background-image: -webkit-linear-gradient( bottom, #fff, #f1f1f1); 
    background-image: -moz-linear-gradient( bottom, #fff, #f1f1f1);
    background-image: -ms-linear-gradient(bottom, #fff, #f1f1f1);
    background-image: -o-linear-gradient(bottom, #fff, #f1f1f1);
    background-image:linear-gradient(bottom, #fff, #f1f1f1);     
}

.front-how {
    background-color: #e7e7f0;
    background-image: -webkit-linear-gradient( bottom, #f0f0f7, #e7e7f0); 
    background-image: -moz-linear-gradient( bottom, #f0f0f7, #e7e7f0);
    background-image: -ms-linear-gradient(bottom, #f0f0f7, #e7e7f0);
    background-image: -o-linear-gradient(bottom, #f0f0f7, #e7e7f0);
    background-image:linear-gradient(bottom, #f0f0f7, #e7e7f0);   
}
.front-bution figure, .front-how figure, .home-bottom figure.book {
    width: 120px;
    float: left;
    margin: 0 40px;
}

.front-how .quote {
    float: right;
    width: 220px;
    margin: 10px 20px;
    text-align: center;
}

.front-how .quote blockquote span {
    display: block;
    background: #944575;
    color: white;
    font-size: 17px;
    font-style: italic;
    padding: 10px 20px 40px 20px;
    border-radius: 8px;
    position: relative;
    text-align: left;
    box-shadow: 0 0 2px #999;
}

.front-how .quote blockquote span:after { 
    pointer-events: none;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #944575;
    border-color: #944575 rgba(148, 69, 117, 0) rgba(148, 69, 117, 0);
    border-image: none;
    border-right: 20px solid rgba(148, 69, 117, 0);
    border-style: solid;
    border-width: 20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    top: 100%;
    width: 0;
}

.front-how .quote blockquote cite {
    display: block;
    margin: 30px 10px 20px;
    font-size: 16px;
    position: relative;
    z-index: 5;
    font-style: italic;
}

.front-how .quote blockquote img {
    bottom: -10px;
    position: absolute;
    right: -10px;
}

.front-bution figure.book, .home-bottom figure.book {
    box-shadow: 0 0 4px #ccc;
    height: 181px;
}

.front-bution figure img, .home-bottom figure.book img {
    width: 120px;
}

.front-start {
    background: #aaa;
    text-align: center;
    padding: 20px 0;
    color: white;
}

.front-start h2 {
    display: inline-block;
}



.terms {
    padding: 0 30px;
}

.about nav {
    margin-top: 1px;
    height:50px;
    background-color: #eee;
}

.about .outer {
    background-color: white;
}

#front-container nav.subnav {
    background-color: #EEEEEE;
    border-bottom: 1px solid #ccc;
    height: 50px;
    margin-top: 1px;
}

#front-container nav.subnav .menu-tabs {
    width: 640px;
    text-align: center;
    font-size: 13px;
}

#front-container nav.subnav .menu-tabs, #front-container .about-steps, #front-container .about-steps p {
       
}

#front-container .about-steps p {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
}

nav.subnav .menu-tabs > li a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #444;
    text-shadow: 0 0 1px #fff;
}

nav.subnav .menu-tabs > li a.current {
    font-weight: bold;
}

nav.subnav .menu-tabs > li a:hover, nav.subnav .menu-tabs > li a.current {
    text-decoration: underline;
}

.about-ep {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 2px #eee inset;
}

.about-ep header {
    padding-top: 30px;
}

.about-ep .copy {
    width: 560px;
}

.about-ep .callout {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    width: 500px;
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-style: italic;
    background-color: oldlace;
}

.about-ep .narrow .copy {
    width: 500px;
}

.about-ep .inner > figure {
    float:right;
    margin: 25px 0px 0 20px;
}   

figure.featured {
    float: right;
    margin-left: 20px;
}

.about-block {
    border-bottom: 1px solid #CCCCCC;
    padding-top: 20px;
    padding-bottom: 20px;
}

.about-steps, .about-rnb, .about-gradient {
    background-image: -webkit-linear-gradient( top , #F0F0F7, #FFFFFF); 
    background-image: -moz-linear-gradient(center top , #F0F0F7, #FFFFFF);
    background-image: -ms-linear-gradient(top , #F0F0F7, #FFFFFF);
    background-image: -o-linear-gradient(top , #F0F0F7, #FFFFFF);
    background-image:linear-gradient(top , #F0F0F7, #FFFFFF);
}

.about-rnb .books td {
    padding: 0 20px;
}

.about-rnb .books img {
    height: 210px;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 2px #ccc;
}

#book-cover img, #rnb img {
    box-shadow: 2px 2px 5px #CCCCCC;
    border: 1px solid #aaa;
}

#book-cover {
    margin-top: 50px;
}

.about-book .quote, .about-ep .quote {
    width: 640px;
    margin-bottom: 20px !important;
}

.about-book cite {
    padding-left: 20px;
    font-weight: bold;
}

.about-book cite:before {
    content: '- ';
} 

#rnb {
    margin: 20px 40px 20px 0;
    float: left;
}

#gallery {
   background-image: -moz-linear-gradient(center top , #f0f0f0, #FFFFFF); 
    background-image: -webkit-linear-gradient( top , #f0f0f0, #FFFFFF); 
    background-image: -ms-linear-gradient(top , #f0f0f0, #FFFFFF);
    background-image: -o-linear-gradient(top , #f0f0f0, #FFFFFF);
    background-image:linear-gradient(top , #f0f0f0, #FFFFFF);
}

#gallery .inner img {
    border: 5px double #ccc;
    box-shadow: 4px 4px 4px #CCCCCC;
    margin: 10px 40px;
    border-radius: 6px;
}

#gallery table {
    margin: 0 auto;
    text-align: center;
}


/* New front page styles */

#front-container .home-top, #front-container .home-bottom {
    color: #555;
}

#front-container .home-top {
    height: 490px;
    margin-top: 1px;
    padding-top: 30px;
    background: url(/images/bg-home-top.jpg) repeat-x #ffffff;
}

#front-container .home-top .inner, #front-container .home-bottom .inner {
    width: 940px;
    margin: 0 auto;
}

#front-container .home-top a, #front-container .home-bottom a {
    color: #30adb1;
} 

#front-container .home-bottom {
    min-height: 340px;
    background: url(/images/bg-home-bottom.jpg) repeat-x #ffffff;
    border-top: 1px solid #ccc;
    padding-top: 18px;
}

.home-top .hero-div {
    background: url('/images/parachute-icon.png') no-repeat 20px bottom;
    height: 271px;
}

figure.hero {
    margin: 0 5px;
    width:235px;
    height:270px;
    float: left;
}

.hero-copy header {
   padding-top: 36px;
   line-height: 2;
}

.hero-copy header, .hero-copy p {
    width: 640px;
}

.hero-copy {
    float: left;
}

#front-container .hero-copy p {
    font-size: 24px;
    font-weight: 200;
    line-height: 1.5;
}

.hero-copy header h1 {
    font-size: 28px;
    color: #E80A8C; /*#e02073;*/
    text-transform: uppercase;
}

.inner .center-action {
    padding-top: 30px;
    text-align: center;
    margin-bottom: 45px;
    margin-left: -135px;
    font-family: verdana, san-serif;
}

#front-container #start-button, .intro-page .start-button {
    background-color: #E80A8C; /*#e02073;*/
    color: white;
    font-size: 24px;
    padding: 0px 16px 0px 16px;
    border-radius: 8px;
    border: 3px solid #e02073;
    line-height: 36px;
    height: 36px;
    display: inline-block;
}

.intro-page .start-button {
    margin: 10px 0;
}

#front-container #start-button:hover {
    box-shadow: 0 0 2px #e02073, 0 0 4px #ccc;
    text-shadow: 0 0 2px #fff;
}

#front-container .full-banner {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    height: 25px;
    background-color: #00aeb2;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 200;
    line-height: 28px;
    
}

#front-container .panels {
    width: 905px;
    margin-left: 35px;
}

#front-container .panels header {
    text-indent:-9999em;
    background-image: url(/images/discover-create-explore.png);
    height: 42px;
    background-repeat: no-repeat;
}

#front-container .panels .one {
    width: 305px;
    margin-right: 10px;
}

#front-container .panels .two {
    width: 275px;
    margin-right: 10px;
}

#front-container .panels .three {
    width: 305px;
}

#front-container .panels .one header {
    background-position: -10px 0;
}

#front-container .panels .two header {
    background-position: -320px 0;
}

#front-container .panels .three header {
    background-position: -604px 0;
}

#front-container .panels div {
    float: left;
}

#front-container .panels div p {
    font-size: 18px;
    color: #666;
    padding-right: 40px;
    line-height: 1.667;
    margin-top: 10px;
}

#front-container .panels .one p {
    padding-right: 60px;
}

#front-container .panels .three p {
    padding-right: 50px;
}

#front-container .home-bottom .about {
    padding-bottom: 5px;
}

#front-container .home-bottom .about .panel {
    width: 430px;
    float: left;
    
}

#front-container .home-bottom .about h2, h2.features {
    text-transform: uppercase;
    font-size: 20px;
    height: 52px;
    margin-top: 0;
}

h2.features {
    height: 36px;
    color: #944575;
}

#front-container .home-bottom .about h2, #front-container .home-bottom .about a,
.home-bottom .about .rnb-quote blockquote span {
     color: #944575;
}

#front-container .home-bottom .about a {
    font-size: 16px;
}

#front-container .home-bottom .about header {
    padding-bottom: 12px;
}

#front-container .home-bottom .about p {
    font-size: 18px;
    font-weight: 200;
}

#front-container .home-bottom .about figure.book {
    box-shadow: 0 0 4px #ccc;
    height: 181px;
}

.home-bottom figure.book {
    margin-left: 0;
    margin-right: 15px;
}

#front-container .home-bottom .about p strong {
    font-weight: normal;
    color: #444;
}

#front-container .home-bottom .about .one {
    padding-right: 15px;
    margin-left:15px;
}

#front-container .home-bottom .about .two {
    padding-left: 20px;
    border-left: 1px dashed #ccc;
    width:440px;
}

.home-bottom .about .rnb-quote figure {
    float: left;
    margin-right: 10px;
    height: 100px;
}

.home-bottom .about .rnb-quote figure img {

}

.home-bottom .about .rnb-quote blockquote span {
    display: block;
    padding: 8px 0;
    font-size: 16px;
}

.home-bottom .about .rnb-quote cite {
    display:block;
    font-style: italic;
    font-size: 14px;
}

.home-bottom .about .rnb-quote cite:before {
    content:"\2014";
    padding-right: 5px;
}

.testimonials {
    padding: 10px 0;
    height: 100px;
    text-align: center;
}

.testimonials .panel {
    display: inline-block;
    overflow: hidden;
    width: 60px;
    padding: 5px 10px;
    height: 90px;
    text-align: left;
    vertical-align: middle;
}

.panel.selected {
    width: 360px;
}

.testimonials .panel blockquote {
    margin-left: 80px;
    font-size: 14px;
    padding: 0 0px 0 40px;
    background: url(/images/open-quote.png) top left no-repeat;
    width: 240px;
    height: 80px;
}

.testimonials .panel blockquote span {
    display: block;
    font-style: italic;
    padding-bottom: 8px;
    background: url(/images/close-quote.png) right 75% no-repeat;
    padding-right: 30px;
}

.testimonials .panel blockquote cite {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
}

.testimonials .panel blockquote cite a:after {
    padding-left: 5px;
    content: '\25B7';
    font-size: 12px;
    vertical-align: baseline;
    font-weight: bold;
}

.face {
    float: left;
    height: 62px;
    padding: 10px 0;
}

.face img {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    border: 3px solid #bbb;
}

.testimonials .panel.selected .face img, .testimonials .panel a:hover img {
    border-color: #30ADB1;
    box-shadow: 0 0 6px #30ADB1;
}

li.subitem {
    list-style-type: none;
}

ul.sub {
    margin-left: 0;
    padding-left: 1em;
    text-indent: -.5em;
}

ul.sub li {
    list-style-type: none;
    font-size: .9em;
}

ul.sub li:before{ content:"\2013"; position:relative; left:-.5em;}

.wufoo-div {
    width: 660px;
    padding: 20px;
    border: 1px solid #ccc;
    background: white;
}