@charset "UTF-8";
body {
    background-color: #666;
    margin: 20px;
    margin-top: 10px;
    font-family: verdana
}

.noscroll { 
/*   overflow: hidden; */
}


.home-banner2 {
    background-image:url(images/home_bg.jpg);
    background-repeat:no-repeat;
    background-color:#000000; 
    border:none;
}

.mobileTopIndexText {

	font-family:New Times Roman;
	font-size:20px;
	font-style:italic;
	color:#BFBD43;
	padding:15px;
	display:none;
	visibility:hidden;
}

#footer {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 18px
}

#foot_contain table {
    background-color: #000e28
}

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

#dvd {
    padding-left: 125px
}

#buy_but {
    padding-left: 5px;
    padding-top: 10px
}

#buy_text {
    padding-top: 10px;
    padding-left: 0;
    font-size: 12px
}

#prewar_text {
    padding-top: 10px;
    margin-left: 110px;
    margin-right: 110px;
    padding-bottom: 20px;
    font-size: 12px
}

#trans_text {
    padding-top: 10px;
    padding-left: 25px
}

#trans_margins {
    margin: 60px
}

#lang_text {
    padding-top: 10px;
    font-size: 12px
}

#page_title {
    font-weight: 700;
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 110px;
    margin-top: 30px
}

#contact {
    padding-left: 111px;
    padding-right: 30px;
    font-size: 12px;
    text-align: left;
    width: 300px;
    float: left
}

a {
    text-decoration: none
}

a:link {
    color: #03C
}

a:visited {
    color: #036
}

a:active {
    color: red
}

a:hover {
    text-decoration: underline;
    color: #03C;
    cursor: auto
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#nav a {
    font-weight: 700;
    color: #000;
    text-decoration: none
}

#nav li li a {
    display: block;
    font-weight: 400;
    color: #060;
    clear: both
}

li {
    position: relative;
    text-align: left;
    vertical-align: text-top;
    cursor: default;
    border-width: 1px 0;
    line-height: 0
}

li#first {
    border-left-width: 0
}

li#last {
    border-right-width: 0
}

li ul {
    display: none;
    position: absolute;
    top: 100%;
    font-weight: 700;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #CCC;
    border: double #000
}

li>ul {
    top: auto;
    left: -10px;
    width: 160px;
    vertical-align: text-top
}

li li {
    display: block;
    float: none;
    background-color: transparent;
    border: 0
}

li:hover ul,
li.over ul {
    display: block
}

img {
    border: 0
}

#beast_home {
    margin-top: 112px;
    color: #FFF;
    width: 360px
    
}



#beast_home li ul ul {
    margin: -1em 0 0 10em
}

#beast_home a {
    text-decoration: none
}

#beast_home li {
    width: 360px;
    display: block;
    padding-left: 25px
}

#beast_home li a {
    font-weight: 400;
    color: #fff;
    padding: .1em 8px;
    background-image: url(images/yellowdot.gif);
    background-repeat: no-repeat;
    background-position: 0 -20px
}

#beast_home li a:hover,
li.over ul {
    background-position: -4px 2px;
    position: static
}

#beast_home li ul {
    background: none;
    border: none
}

#beast_home ul li {
    padding-bottom: 10px;
    background: none;
    margin-left: 20px
}


#beast_home_mobile {
    display:none;
    margin-top: 112px;
    color: #CCC;
    width: 360px;
    margin: -1em 0 0 0;
}

#beast_home_mobile a {
    font-weight: 400;
    color: #CCC;
    padding: .1em 8px 0 40px;
    text-decoration: none;
    
}

.beast_home_mobile_smlTxt {

	clear:both; 
	font-size:10px; 
	font-weight: normal; 
	color: #fff; 
	padding: 0px 8px 0 44px;
	line-height:10px;
	margin-top:-15px;
	cursor:pointer;

}

#home_media {
    float: right;
    padding: 50px;
    padding-top: 70px
}

* html ul li {
    float: left
}

* html ul li a {
    height: 1%
}

ul#navmenu-h {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 500px;
    list-style: none;
    height: 24px;
    padding-bottom: 32px;
    padding-left: 40px
}

ul#navmenu-h li {
    margin: 0;
    border: 0 none;
    padding: 0;
    float: left;
    display: inline;
    list-style: none;
    position: relative;
    height: 24px
}

ul#navmenu-h ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 160px;
    list-style: none;
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    margin-top: -5px
}

ul#navmenu-h ul:after
/*From IE 7 lack of compliance*/

{
    clear: both;
    display: block;
    font: 1px/0 serif;
    content: ".";
    height: 0;
    visibility: hidden
}

ul#navmenu-h ul li {
    width: 370px;
    float: left;
    display: block!important;
    display: inline
}

ul#navmenu-h a {
    padding: 0 6px;
    float: none!important;
    float: left;
    display: block;
    color: #CCC;
    font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: auto!important;
    height: 1%
}

ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
    color: #CCC
}

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
    float: none;
    color: #FFF;
    line-height: 1em;
    text-indent: 0;
    font-weight: 400
}

ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
    color: #FFF
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
    display: none;
    position: absolute;
    top: 0
}

ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
    display: none
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
    display: block
}

.clearit {
    clear: both;
    height: 0;
    line-height: 0
}

#p7menubar,
#p7menubar ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#p7menubar a {
    display: block;
    text-decoration: none
}

#p7menubar li {
    float: left
}

#p7menubar ul li a {
    border-right: 0
}

#p7menubar li ul {
    display: none
}

#p7menubar li:hover ul,
#p7menubar li.p7hvr ul {
    display: block
}

#p7menubar li:hover ul a,
#p7menubar li.p7hvr ul a {
    background-color: transparent
}

#p7menubar li {
    width: auto
}

.headerResponsive {
	position:initial;
	width:100%
}

.spacesHowV {
	display:none;
	background:white; 
	height:60px;
}

.header-block {
    background: #0e1432;
    margin: 0 auto;
    width: 965px
}

.header-block .logo-section {
    padding: 21px 100px 23px 31px
}

.header-block .logo-section .logo-block {
    background-image: url("http://leadingtowar.com/images/logo.png");
    background-repeat:no-repeat;
    width:325px;
    height:42px;
    float: left;
}

.header-block .logo-section .right-block {
    float: right;
    padding-top: 12px
}

.header-block .nav-section {
    border-top: 1px solid #cacccb;
    border-bottom: 1px solid #cacccb;
    text-align: center;
}

.header-block .nav-section ul li {
    margin: 0;
    padding: 0 58px 0 10px;
    display: inline-block;
    line-height: 18px;
/*     text-transform: uppercase; */
}

.header-block .nav-section ul li a {
    color: #fff;
    font-size: 10px;
    letter-spacing: .5px;
    display: block;
    text-decoration: none;
}

.header-block .nav-section ul li a:hover {
    color: #74a4bc
}

.header-block .nav-section ul li ul {
    padding: 10px;
    width: 175px
}

.header-block .nav-section ul li ul li {
    padding: 0 5px;
    display: block
}

.header-block .nav-section ul li ul li a {
    color: #262b65;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0
}

.header-block .nav-section ul li ul li a:hover {
    color: #4d539a
}

.responsive_view {
    display: none;
    cursor: pointer
}

.hamburgerItems {

	display:none;

}

.buy-block {
    margin: 0 auto;
    width: 750px
}

.buy-block .buy-block-lt {
    float: left;
    width: 250px
}

.buy-block .buy-block-rt {
    float: right;
    width: 490px
}

@media only screen and (orientation:landscape) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media only screen and (orientation:portrait) {
    body {
        -webkit-text-size-adjust: none
    }
}

@media screen and (max-width:1000px) {
    body {
        margin: 15px;
        word-wrap: break-word
    }
    table {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 100%
    }
    .header-block {
        width: 100%
    }
    img {
        max-width: 100%
    }
    tr {
        background-size: 100%
    }
    .oneColFixCtrHdr #container {
        width: 96%
    }
    #content {
        padding: 20px 2%;
        width: 96%
    }
    .rightNavTbl {
        padding-left: 0;
        width: 43%
    }
    .header-block .logo-section {
   	 padding: 21px 50px 23px 31px
	}
    .header-block .logo-section .logo-block {
/*         width: 36% */
    }
    .header-block .logo-section .right-block {
         width: 50% 
    }
    .header-block .logo-section {
/*         padding-right: 50px */
    }
    .header-block .nav-section ul li {
/*         padding: 0 20px 0 10px */
    }
    .title-1 {
        left: 75%!important; 
    }

    .title-2 {
        left: 76%!important;
        width: 120px!important
    }
    #buttonFacebook {
        left: 7%!important
    }
    #buttonYouTube {
        left: 9%!important
    }
    .fancybox {
        left: 13%!important
    }
    .heading1 {
        font-size: 20px
    }
    .MsoNormal {
        padding-left: 10px;
        padding-right: 10px
    }
    
}

/* 
@media screen and (max-width:970px) {
	div .right-block {
			 margin-right:30px;
	}
}

@media screen and (max-width:866px) {
	.header-block .logo-section .right-block {
			 width: 50%;
	}
	div .right-block {
			 margin-right:30px;
	}
}
 */
 

@media screen and (max-width:767px) {
    #beast_home {
    	display:none;
        padding-left: 2%;
        width: 60%
    }
    #beast_home_mobile {
		display:inline-block;
		padding-left: 2%;
		width: 100%;
	}
    ul#navmenu-h {
        padding-left: 0;
        width: 100%
    }
    #home_media {
        padding: 70px 10px 50px
    }
    .rightNavTbl {
        float: none;
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 0;
        width: 100%
    }
    blockquote {
        margin-left: 0;
        margin-right: 0
    }
    #page_title {
        margin-left: 0
    }
    #prewar_text {
        margin-left: 4%;
        margin-right: 4%
    }
    .responsive_view {
        display: block;
        position: absolute;
        right: 8%;
        top: 42px;
        margin-top:-15px;
		margin-right:-30px;
    }
    #access {
        background: #414765;
        text-align: left;
        border-radius: 3px;
        display: none;
        padding: 10px;
        z-index: 9999999;

        width: 250px;
        
        overflow-y: scroll; 
		overflow-x: hidden; 
		position: fixed; 
		top: 0px; 
		left: 0px;
		bottom: 0px; 
		right: 0px;
    }
    .header-block .nav-section ul li {
        padding: 0;
        display: block
    }
    .header-block .nav-section ul li a {
        border-bottom: 1px solid #2f3553;
        font-size: 13px;
        padding: 3px
    }
    .header-block .nav-section ul li ul {
        background: none;
        border: none;
        display: block;
        padding: 0 0 0 20px;
        position: relative;
        width: 234px
    }
    .header-block .nav-section ul li ul li a {
        color: #fff;
        font-size: 13px;
        font-weight: 400
    }
    .header-block .nav-section ul li ul li a:hover {
        color: #74a4bc
    }
    .header-block .logo-section {
        padding: 21px 10px 23px
    }
    .header-block .logo-section .logo-block {
    	background-image: url("http://leadingtowar.com/images/logo_mobile.png");
    	background-position: center;
        float: none;
        text-align: center;
        width:325px;
    	height:29px;
    }


    .header-block .logo-section .right-block {
/* 
        float: none;
        text-align: center;
        width: 100%
 */
        display:none;
    }
    #dvd {
        padding-left: 0
    }
    #contact {
        float: none;
        padding-left: 20px;
        padding-right: 0;
        width: 88%
    }
    #altPlayerLink {
        clear: both;
        display: block;
        left: 0!important;
        margin: 0 auto 10px;
        position: relative;
        text-align: center;
        top: 0;
        width: 92%
    }
    .fancybox {
        clear: both;
        display: block;
        left: 0!important;
        margin: 0 auto;
        padding: 10px 0 0;
        text-align: center
    }
    #buttonFacebook {
        left: 34%!important
    }
    #buttonYouTube {
        left: 40%!important
    }
    .imgLeft {
        display: block;
        float: none;
        margin: 10px auto;
        padding: 0;
        text-align: center
    }
    .calloutClaimsAtta {
        float: none;
        margin: 0;
        padding: 5%;
        width: 90%
    }
    .calloutRhetoric {
        float: none;
        margin: 0;
        padding: 5%;
        width: 90%
    }
    #inline1 {
        width: 100%!important
    }
    .buy-block {
        width: 98%
    }
    .buy-block .buy-block-lt {
        float: none;
        text-align: center;
        width: 100%
    }
    .buy-block .buy-block-rt {
        float: none;
        padding-left: 4%;
        width: 96%
    }
    .buy-block .style1 {
        display: inline-block;
        margin-top: -25px
    }
    #content {
        padding: 20px 4%;
        width: 92%
    }
    #page_title {
        margin-left: 5%;
        margin-top: 0
    }
    #content #page_title {
        margin-top: -20px;
        margin-left: 0
    }
    #content #prewar_text {
        margin-left: 0;
        margin-right: 0
    }
    .header-block .logo-section {
        padding-bottom: 15px;
        width: 75%
    }

    .hamburgerItems {

		display:block;

	}
	
	.spacesHowV {
		display:block;
	}

}

@media screen and (max-width:736px) {
	.headerResponsive {
		position:fixed;
		/*width:95.9%*/
		width:96%;
	}
}

@media screen and (max-width:667px) {
    .headerResponsive {
		position:fixed;
		/*width:95.5%*/
		width:96%;
	}
    .responsive_view {
        margin-top:-15px;
		margin-right:-30px;
    }
}

@media screen and (max-width:643px) {
    ul#navmenu-h ul {
        top: 24px
    }
    ul#navmenu-h {
        height: 30px
    }
}

@media screen and (max-width:639px) {
    ul#navmenu-h li {
        float: none
    }
    #home_media div {
        display: none;
    }
    #home_media {
        padding-bottom: 10px;
    }
    #home_media {
        float: none
    }
    #beast_home {
        margin: 0;
        padding-left: 0;
        width: 100%
    }
    .table-1 {
        width: 92%!important;
        margin: 0 auto;
        display: block;
        clear: both
    }
    .table-2 {
        width: 92%!important;
        margin: 0 auto;
        display: block;
        clear: both
    }
    .title-1 {
        left: 0%!important;
        padding-top: 20px
    }
    .title-2 {
        left: 5%!important
    }
    .claimsfactsQuotes {
        padding-left: 0
    }
    .convBorder {
        border: medium none
    }
    .convBorder td,
    th {
        display: block;
        padding: 5px 0;
        width: 96%
    }
    .table-3 td,
    th {
        display: block;
        padding: 5px 0;
        width: 96%
    }
    .table-4 {
        overflow: hidden
    }
    .imgRight {
        display: block;
        float: none;
        margin: 10px auto;
        padding: 0
    }
    #inline1 div {
        width: 100%!important
    }
    .center-img {
        text-align: center
    }
    .mobile3 {
        display: none
    }
    #home_media {
        padding-top: 62%
    }
    ul#navmenu-h ul {
        top: 5px
    }
}

@media screen and (max-width:568px) {
	.headerResponsive {
		position:fixed;
		/*width:94.6%*/
		width:96%
	}
    .responsive_view {
        margin-top:-15px;
		margin-right:-30px;
    }
}

@media screen and (max-width:470px) {

    #access {
        right: 9%;
        top: 58px
    }

    .oneColFixCtrHdr #container {
        width: 92%
    }
    #page_title {
        font-size: 16px
    }
    iframe {
        width: 100%
    }
    .calloutAssurances {
        margin: 10px 0;
        padding: 5%;
        width: 90%
    }
    .contact-bg-img {
        background-position: 13% 0
    }
    #altPlayerLink {
        font-size: 13px
    }
    ul#navmenu-h ul li {
        width: 270px
    }
    ul#navmenu-h:last-child {
        height: 80px
    }
 


    
 

    #footer {
        font-size: 11px;
        line-height: 16px
    }
/* 
    #home_media {
        padding-top: 290px;
    }
 */

 
}

@media screen and (max-width:414px) {
	.home-banner2 {
		background-image:url(images/LTW_homePage.bg_mobile.png);
		background-repeat:no-repeat;
		background-color:#000000; 
		border:none;
	}
	.mobileTopIndexText {
		display:block;
		visibility:visible;
	}
	.header-block .logo-section .logo-block {
		background-position: left;
    	background-size: 90% 90%;
    }
    .headerResponsive {
		position:fixed;
		/* width:92.8% */
		width:92%
	}
    .responsive_view {
        margin-top:-15px;
		margin-right:-10px;
    }
}


@media screen and (max-width:375px) {
	.header-block .logo-section .logo-block {
		background-position: left;
    	background-size: 85% 85%;
    }
    #beast_home_mobile a {
		padding: .1em 8px 0 21px;
    
	}
	.beast_home_mobile_smlTxt {
		padding: 0px 8px 0 25px;

	}
	.headerResponsive {
		position:fixed;
		width:92%
	}
}

@media screen and (max-width:320px) {
	.header-block .logo-section .logo-block {
		background-position: left;
    	background-size: 70% 70%;
    }
    #beast_home_mobile a {
		padding: .1em 8px 0 1px;
    
	}
	.beast_home_mobile_smlTxt {
		padding: 0px 8px 0 5px;

	}
	
	.headerResponsive {
		position:fixed;
		/* width:90.5% */
		width:92%
	}
	
	.responsive_view {
        margin-top:-15px;
		margin-right:-10px;
    }


}