@font-face {
    font-family: 'Segoe-UI-SemiBold';
    src: url('fonts/segoe-ui-semibold.eot');
    src: url('fonts/segoe-ui-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoe-ui-semibold.woff') format('woff'),
         url('fonts/segoe-ui-semibold.ttf') format('truetype'),
         url('fonts/segoe-ui-semibold.svg#Segoe-UI-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo300';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('eot'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#webfontJA9Sojwh') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo500';
    src: url('fonts/museo500-regular-webfont.eot');
    src: url('fonts/museo500-regular-webfont.eot?#iefix') format('eot'),
         url('fonts/museo500-regular-webfont.woff') format('woff'),
         url('fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('fonts/museo500-regular-webfont.svg#webfontGF4BwnoR') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe-UI';
    src: url('fonts/segoe-ui.eot');
    src: url('fonts/segoe-ui.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoe-ui.woff') format('woff'),
         url('fonts/segoe-ui.ttf') format('truetype'),
         url('fonts/segoe-ui.svg#Segoe-UI') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe-UI-Bold';
    src: url('fonts/segoe-ui-bold.eot');
    src: url('fonts/segoe-ui-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoe-ui-bold.woff') format('woff'),
         url('fonts/segoe-ui-bold.ttf') format('truetype'),
         url('fonts/segoe-ui-bold.svg#Segoe-UI-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Book';
    src: url('fonts/Oswald-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('fonts/Oswald-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue.otf'),
		url('fonts/Bebas.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BradhITC';
    src: url('fonts/BradhITC.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('fonts/SourceSansPro-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('fonts/SourceSansPro-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('fonts/SourceSansPro-Semibold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTCom-Bd';
    src: url('fonts/HelveticaNeueLTCom-Bd.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTCom-Lt';
    src: url('fonts/HelveticaNeueLTCom-Lt.ttf');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }
.shell{width: 816px; margin: 0 auto; padding: 0;}
.clear{ clear: both; }

body {
    font-size: 18px;
    line-height: 26px;
    font-family: 'Segoe-UI', Georgia, times, serif;
    color: #555555;
    background: #fcfcfc;
    min-width: 861px;
	background: url(images/convert-bg-pattern.png) 0 0 repeat;
}

img a {border:none;}

.header-logo{
	margin: 40px auto;
	padding: 0;
	text-indent: -999px;
	width: 360px;
	float: left;
    border:none;
}
.header-logo a {border:none;}

#headline{
	float: right;
	margin-top: 45px;
    width: 456px;
}
#headline:before{
    position: absolute;
    content:url(images/header-divider.png);
    margin-right: 5px;
	margin-left: 10px;
}
#headline p{
	margin: 0;
	padding: 14px 0 20px 0;
	font-family: 'HelveticaNeueLTCom-Lt', Georgia, times, serif;
	font-size: 30px;
	text-align: center;
	letter-spacing: -.5px;
	line-height: 30px;
	color: #3b618c;
}

#main .shell{
	background: url(images/box-bg.png) 0 bottom repeat-x #ffffff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #e8e7e9;
}

#book-photo{
	float: left;
    width:273px;
}

#bx-rgt{
	float: right;
	width: 470px;
	margin-right: 20px;
	margin-top: 50px;
}


#bx-rgt p, #bx-rgt p a{font-family: 'HelveticaNeueLTCom-Lt', Georgia, times, serif; color: #3b618c; font-size: 18px; letter-spacing: -.05px; margin: 10px auto;}
#bx-rgt p a{ text-align: center; display: block; margin-bottom: 20px;}
#bx-rgt p a.take-site{text-decoration: none; font-size: 16px;}
#bx-rgt h1{font-family: 'HelveticaNeueLTCom-Bd', Georgia, times, serif;color: #3b618c;font-size: 36px; font-weight: 100; line-height: 1em; letter-spacing: -.05px; text-align: center;}
#bx-rgt h1 span{ color: #f1b000;}
#bx-rgt h2{font-family: 'HelveticaNeueLTCom-Lt', Georgia, times, serif;color: #555555;font-size: 24px; font-weight: 100; line-height: 25px; letter-spacing: -.05px; text-align: center; margin-top: 50px;}
#bx-rgt h2 span{ color: #3b618c;}


#free-access {
	margin: 30px auto 30px auto;
    text-align: center;
}
#fb-area {
	margin: 30px auto 30px auto;
}	
#fb-area .imgfloat{
	float: left;
}
#free-access .button{
    display: block;
    text-align: center;
    margin: 20px auto 0 auto;
    width: 364px;
    padding: 18px 0 15px 0;
    font-family: 'HelveticaNeueLTCom-Bd', Georgia, times, serif;
    font-size: 24px;
    letter-spacing: -.5px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8);
    background: #fec100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmIxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fec100 0%, #f2b100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec100), color-stop(100%,#f2b100));
    background: -webkit-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: -o-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: -ms-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: linear-gradient(to bottom,  #fec100 0%,#f2b100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec100', endColorstr='#f2b100',GradientType=0 );
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#free-access .button:hover{
    background: #fcc214;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYzIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmJjMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcc214 0%, #efbc39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc214), color-stop(100%,#efbc39));
    background: -webkit-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: -o-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: -ms-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: linear-gradient(to bottom,  #fcc214 0%,#efbc39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc214', endColorstr='#efbc39',GradientType=0 );
}
#free-access .button:after{
    content: url(images/misc-button-arrow.png);
    margin-left: 10px;
}

#book-photo{ margin-top: 20px; }

footer{
	height: 100px;
	margin: 0px;
	padding-top: 10px;
}

footer p{
	font-size: 14px;
	text-align: center;
	font-family: 'Segoe-UI', Georgia, times, serif;
	margin: 0;
	color: #555555;
}

footer p.legal{ margin: 30px auto; padding-bottom: 10px; }

footer p a{
	color: #555555;
	text-decoration: underline;
}



/* popup */

.popup { width: 402px; height: 350px; text-align: center; overflow: hidden; background-color: #ffffff;}

.popup #pop-head{width: 402px; height: 100px; margin: 0; padding: 0; background: #3B618C url(images/pop-header.png) bottom no-repeat;}
.popup #pop-head h1{font-family: 'HelveticaNeueLTCom-LT', Georgia, times, serif;font-size: 30px; color: #ffffff; padding: 28px 25px;}

.popup h1 { font-size: 24px; text-align: center; font-weight: normal; padding: 18px 0 10px 0; margin: 0 0 0 -7px; word-spacing: 1px; font-family: 'Open Sans', sans-serif; color: #333333; }
.popup p { font-family: 'Open Sans', sans-serif; color: #333333; font-size: 24px; padding: 10px 0 14px 0; }
.row { width: 346px; margin: 0 auto; margin-top: 10px;}
.row #email { font-family: 'SourceSansPro-Light', Georgia, times, serif; border: none; width: 330px; height: 43px;  font-size: 18px; line-height: 26px; color: #777777; padding: 0px 8px; font-style: italic;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #f8f8f8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 );

}
.row p{float: left;font-family: 'SourceSansPro-Bold', Georgia, times, serif; font-size: 20px; color: #bdbdbd;}
.row p.small{float: right;font-family: 'SourceSansPro-Light', Georgia, times, serif; font-size: 18px; color: #bdbdbd;}
#btn-modal{
	width: 344px;
}
.submit-btn{
	width: 344px; 
    text-align: center;
	text-decoration: none;
    font-family: 'SourceSansPro-Bold', Georgia, times, serif;
    padding: 10px 30px 10px;
    font-size: 24px;
    text-shadow: 1px 1px 2px rgba(3, 3, 3, 0.55); 
    letter-spacing: 0px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8);
    background: #fec100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmIxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fec100 0%, #f2b100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec100), color-stop(100%,#f2b100));
    background: -webkit-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: -o-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: -ms-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: linear-gradient(to bottom,  #fec100 0%,#f2b100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec100', endColorstr='#f2b100',GradientType=0 );
}

.submit-btn:hover{
    background: #fcc214;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYzIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmJjMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcc214 0%, #efbc39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc214), color-stop(100%,#efbc39));
    background: -webkit-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: -o-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: -ms-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: linear-gradient(to bottom,  #fcc214 0%,#efbc39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc214', endColorstr='#efbc39',GradientType=0 );
}
#pop-footer{margin: 10px 0 0 0; padding:0 30px; height: 99px; background:#e8e8e8; box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.3)}
#pop-footer p{font-family: 'SourceSansPro-Semibold', Georgia, times, serif; font-size: 14px; color: #777777;margin: 10px 0 0 0; padding:0; height: 99px; padding-top:20px; line-height: 20px;}




/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
    .reveal-modal-bg { 
        position: fixed; 
        height: 100%;
        width: 100%;
        background: #000;
        background: rgba(0,0,0,.8);
        z-index: 100;
        display: none;
        top: 0;
        left: 0; 
        }
    
    .reveal-modal {
        visibility: hidden;
        top: 100px; 
        left: 45%;
        margin-left: -100px;
        width: 402px;
        height: 350px;
        background: #fff no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        /*padding: 30px 40px 34px;*/
        /*-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        }
        
    .reveal-modal.small         { width: 200px; margin-left: -140px;}
    .reveal-modal.medium        { width: 400px; margin-left: -240px;}
    .reveal-modal.large         { width: 600px; margin-left: -340px;}
    .reveal-modal.xlarge        { width: 800px; margin-left: -440px;}
    
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: -10px;
        right: -10px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.3);
        font-weight: bold;
        cursor: pointer;
        } 
    /*
        
    NOTES
    
    Close button entity is ×
    
    Example markup
    
    <div id="myModal" class="reveal-modal">
        <h2>Awesome. I have it.</h2>
        <p class="lead">Your couch.  I it's mine.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    
    */