@charset "utf-8";
/* CSS Document */
::-webkit-scrollbar { 
    display: none; 
}

body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0;
	padding: 0;
	color: #000;
	
}
ul, ol, dl {
	padding: 0;
	margin: 0;

	
}
p{
	font-size: 12px;
	color: #000;
	font: Arial;
	margin-left: 50;
	margin-right: 50;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
}
p2, p3{
	font-size: 14px;
	color: #000;
	font: Arial;
	margin-left: 50;
	margin-right: 50;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
}
p3 {
	color:#000099;
}
h1{
	margin-top: 0;
	margin-left: 10;
	margin-right: 10;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 30px;
	color: #000;	
}
h2{
margin-top: 0;
	margin-left: 10;
	margin-right: 10;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 20px;
	color: #000;	
}
h3 {
	margin-top: 0;
	margin-left: 10;
	margin-right: 10;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 16px;
	color: #000;
}

h4, h5, h6{
	margin-top: 0;
	margin-left: 10;
	margin-right: 10;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 13px;
	color: #000;
	font: Arial;	
}
.headline h1, .headline p {
	display: inline;
	font-size: 14px;
	color: #000;
	font: Arial;
	margin-left: 2;
	margin-right: 20;
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.headline h1 {
    font-size: 30px;
}

.headline h3, .headline p {
	display: inline;
	font-size: 12px;
	color: #000;
	font: Arial;
	margin-left: 50;
	margin-right: 50;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.headline h3 {
    font-weight: bold;
	font-size: 16px;
}
.headline h4, .headline p {
	display: inline;
	font-size: 14px;
	color: #000;
	font: Arial;
	margin-left: 2;
	margin-right: 20;
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.headline h4 {
    font-weight: bold;
	font-size: 16px;
}

a img { 
	border: none;
}
a:link {
	color: #0000FF;
	text-decoration: underline;
}
a:visited {
	color: #9900FF;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
	border-bottom: 1px solid #666; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	background-color: #ffffff;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color: #000000;
	color: #FFF;
}
img.float_right {
	width:60%;
	margin-top:1%;
	padding: 25px; 
	padding-top: 0px; 
	padding-bottom: 15px;
	float:right;
}
img.float_left {
	width:60%;
	margin-top:1%;
	padding-right:25px; 
	padding-top:0px; 
	padding-left:20px;
	padding-bottom:15px;
	margin-left:0em;
	float:left;	
}

img.float_right#BedlamPic {
	width: 40%; 
	font-size: 80%; 
	text-align: center; 
	float: right; 
	padding-left: 25px;
	padding-top: 40px;
}



float_leftT {
	width:30%;
	float:left;
}

img.caption {
	width:100%;
	padding-bottom: 1em; 
	margin-right:2%; 
	margin-left: 1%; 
	padding-right:1%;
}
img.caption#BedlamPic {
	width:100%;
	padding-bottom: 1em; 
	margin-right:2%; 
	margin-left: 1%; 
	padding-right:1%;
	padding-bottom: 0.5em; 
	padding-right: 15px;
}

/**************   Home Page SlideShow  ********/
#slideshow #slideshowWindow {
	width:720px;      	/*  responsive  line  */
	height:720px;		/*  responsive  line  */
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#slideshow #slideshowWindow .slide {
	margin:0;
	padding:0;
	width:720px; 
	height:720px;
	position:relative;
}

#slideshow #slideshowWindow .slide .slideText {
	position:absolute;
	top:130px;
	left:0px;
	width:100%;
	height:130px;
	background-image:url(greyBg.png);
	background-repeat:repeat;
	margin:0;
	padding:0;
	color:#ffffff;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
}

#slideshow #slideshowWindow .slide .slideText a:link, 
#slideshow #slideshowWindow .slide .slideText a:visited {
	color:#ffffff;
	text-decoration:none;
}

#slideshow #slideshowWindow .slide .slideText h2, 
#slideshow #slideshowWindow .slide .slideText p {
	margin:10px 0 0 10px;
	padding:0;
	p color:#f00;

}

p9 {color:#f00;}
	
}



img.myslides {
	width:660px; 		/*  responsive  line  */
	height:660px;		/*  responsive  line  */
	
	}
@media all {

#cpx{width:95%;
	}

.vista{
	top:0;
	margin-left:22.5%;
	width:70%;
	height:44em;
	overflow:visible;
	}
.container {
	width: 50%;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
}

.banner {
	margin-left:16%;
	width:70%;
	position:relative;
	z-index:8;	
	height:14.1em;
	}
#ban {
	margin-left:25%;
	position:fixed;
	top: 0%; 
	left: 0%; 
	width:50% 
	}
.sidebar {  
	position:fixed;
	overflow:hidden;
	left:0%;
	margin-left:25%;
	font-size:14px;
	float: left;
	width: 9%;
	background-color: #ffffff;
	z-index:9;
	padding:0px;
	height:55em;
}
.content {
	padding: 10px 0;
	width: 100%;
	float: left;
}

.picLeft {
	padding:5px;
	font-size: 80%; 
	text-align: center; 
	float: left; 
	width: 50%; 
	margin-left: 1%;
	margin-bottom:2%;"
}
.picRight {
	padding:5px;
	font-size: 80%; 
	text-align: center; 
	float: right; 
	width: 50%; 
	margin-left: 1%;
	margin-bottom:2%;
}
/****Aiming Section****/
.vista#Aiming {
	top:0;
	margin-left:22.5%;
	width:70%;
	height:115em;
	}


img#GirlAiming {
	width:60%;
	margin-top:25px;
	padding-left: 25px; 
	padding-right: 25px; 
	padding-bottom: 15px;
	float:right;	
}
img#Rambo {
	width:60%;
	float:left; 
	margin-top:0px; 
	padding-left: 25px; 
	z-index:8; 
	padding-right: 25px; 
	padding-bottom: 25px;
}
img.float_right {
	width:60%;
	margin-top:25px;
	padding-left: 25px; 
	padding-right: 25px; 
	padding-bottom: 15px;
	float:right;	
}
img#Rambo {
	width:60%;
	float:left; 
	margin-top:0px; 
	padding-left: 25px; 
	z-index:8; 
	padding-right: 25px; 
	padding-bottom: 25px;
}
/*************    Basics ***********************/
.vista#Basics {
	height:125em;	
}
/***********  Cover Fire  *********************/

.vista#Cover {
	height:95em; 
}

.ArticleVideo {
	width:100%; 
	display:block;
	margin-left:-20%; 
/*	background-color:#0B7DA6; */
}
.ImbededVid {
	padding:5px;
	width:100%;
	margin-left:-5%; 
}
/*************  Droid  *************************/

.vista#Droid {
width:80%;
margin-left:20%;
height:65em;
}

img.full {
	width:100%;
}
/*************    ForSale ***********************/
.vista#ForSale {
	width:80%;
	margin-left:20%;
}
.Add {
	width:700px; 
	left:5em;  
	margin-right:3em; 
	margin-top:20px; 
	z-index:7;
}
img.AddImage {
	width:40%; 
	padding-bottom:1em;
	padding-right:3em; 
	float:right; 
}
.AddText {
	width:420px; 
	align:left;
	z-index:7;
}
/*************  Lingo  *************************/

.vista#Lingo {
	background-image: url(/png/BusOval3.png); 
	background-repeat: no-repeat; 
	background-size: 60%;
	background-position: 42% 45%;
	background-attachment: local; 
	z-index: 0; 
	height:175em; 
}
#vid {
	width:85%;
	}
.vid_desc {
	position:relative; 
	margin-left:9%; 
	width:85%; 
	}
.comments {
	position: relative; 
	left:15%; 
	width:85%;

	}
/*************  Your Not Out  **************/
.vista#NotOut {
	z-index: 1; 
	height:120em;
}
/*************  Shooting Skills  **************/
.vista#Skills {
	height:160em;
}
/*************  Tactics         **************/
.vista#Tactics {
	height:100em;
	}

/*************  Video Pages  *******************/
.vid_com_blk {
	position: relative; 
	left:5%; 
	width:55%;
	}

textarea#vid_com{
	margin-left:10%;
	height: 20%;
	border: 3px solid #cccccc;
	padding: 5px;
	left:10%;
}	
.background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1000; 
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}

/********* Video Menu Pages ***********/ 
.TopLine {
	width:70%;
	margin-left:22.5%;	
}
.VideoBlk {
  position:relative; 
  top:0em;
  width:70%;
  margin-left:20%; 
}
.VideoDesc {
  position:relative; 
  top:1em; 
  width:100%; 
  margin-left:-20%;
  float:right;
}
img.VideoThumb {
	width:50%;
	margin-left:0%;
	  float:left;
	  padding:1em;
	  padding-bottom:.5em;
}
.VideoDescWide {
  width:100%;
  margin-left:12%;
  padding-bottom:1em;
}
img.VideoThumb711 {
	width:110%;
	margin-left:-10%;
	float:left;
}
img.BlueLine {
	height:.5em; 
	left:-10em; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-top:1em; 
	width: 120%;" 	
}
}



/****Begin Responsive CSS*****/

@media all and (max-width: 1920px) and (orientation: landscape){
	/*   *****************************************My Desktop 1920x1080  PPP# screen Resolution************************************************  */
.banner {
	height:16.5em;

	}
.vista {
		position:relative;	
		height:200em;
	
}
/**************   Home Page SlideShow  ********/
#slideshow{
	margin-left:2.5%;
}

#slideshow #slideshowWindow {
	width:670px;      	/*  responsive  line  */
	height:670px;		/*  responsive  line  */
}


img.myslides {
	width:670px; 		/*  responsive  line  */
	height:670px;		/*  responsive  line  */
	
	}

}
@media all and (max-width: 1680px) and (orientation: landscape){
	/*   *****************************************My Desktop 1920x1080  PPP# screen Resolution************************************************  */
.banner {
	height:14.3em;
	}

/**************   Home Page SlideShow  ********/
#slideshow #slideshowWindow {
	width:580px;      	/*  responsive  line  */
	height:580px;		/*  responsive  line  */
}


img.myslides {
	width:580px; 		/*  responsive  line  */
	height:580px;		/*  responsive  line  */
	
	}



}

@media all and (max-width: 1366px) and (orientation: landscape){
	/*   *****************************************Styles for Dell Notebook 1366x768  PPP# 13 Screen Resolution************************************************  */
.banner {
	height:11.65em;
	}
.vista {
	margin-top:-40em;
}

.sidebar {  
	font-size:12px;
	position:relative;
	left:-25%;
	top:0em;
	width:20%;
	z-index:7;
}
.vista#Aiming {
	margin-top:-40em;
	height:140em;
	}
/**********Basics******************************/
.vista#Basics {
	height:135em;
}

/***********  Cover Fire  *********************/

.vista#Cover {
	height:95em; 
}

.ArticleVideo {
	width:120%; 
	display:block; 
/*	background-color:#0B7DA6;  */
	margin-left:-10%;
	
}
.ImbededVid {
	padding:5px;
	width:130%; 
		margin-left:-15%;

}
/*******************   Gear Up  ***************/
.vista#GearUp {
	height:230em;
}
/**************   Home Page SlideShow  ********/
#slideshow #slideshowWindow {
	width:450px;      	/*  responsive  line  */
	height:450px;		/*  responsive  line  */
	margin-left:1.5em;
}


img.myslides {
	width:450px; 		/*  responsive  line  */
	height:450px;		/*  responsive  line  */
	
	}
/************    Lingo   ***********************/
.vista#Lingo {
	height:210em; 
}
/*************  Your Not Out  **************/
.vista#NotOut {
	height:140em;
}

/*************  Shooting Skills  **************/
.vista#Skills {
	height:200em;
}
/*************  Tactics         **************/
.vista#Tactics {
	height:120em;
	}

/*************  Video Pages  *******************/
.vid_desc {
	position:relative; 
	margin-left:9%; 
	width:85%; 
	}

.vid_com_blk {
	position: relative; 
	left:5%; 
	width:45%;
	}
.comments {
	
}
textarea#vid_com{
	margin-left:10%;
	height: 20%;
	border: 3px solid #cccccc;
	padding: 5px;
	left:10%;
	width:200%;
}	
.TopLine {
	margin-top:-40em;
}
/***********Video Menu Pages **************/
.VideoDescWide{
	margin-left:5%;
}
img.VideoThumb711 {
	margin-left:-2%;
	
}
}
@media all and (max-width: 1280px) and  (max-height: 1024px) and (orientation: landscape)  {  /************1280 x 1024 ******PPP#39*/
/***********Common Sections ************/
.banner {
	height:10.6em;
	}
.sidebar {  
	font-size:13px;
	width:24%;
	position:relative;
}
.vista {
	width:87%;  /**  Duplicate?? **/
	margin-left:17%;
	margin-top:-42em;
	position:relative;	
	height:50em;
}
/**************   Aiming Section  *************/
.vista#Aiming {
	height:	140em;
	margin-top:-43em;
	margin-left:25%;
}
/*************    Basics   *******************/
.vista#Basics {
	width:66%;	
	height:150em;
	margin-left:27.5%;
}
/***********  Cover Fire  *********************/
.vista#Cover {
	width:66%;	
	height:95em; 
	margin-left:27.5%;
}
/*************  Droid  *************************/
.vista#Droid {
width:72.5%;
margin-left:26%;
height:65em;
}
/*******************   Gear Up  ***************/
.vista#GearUp {
	width:66%;
	margin-left:27.5%;
}
/***********  Lingo  ************************/
.vista#Lingo {
	margin-top:-42.5em;
	width:66%;	
	margin-left:27.5%;
	height:215em;
}
/***********  Your Not Out  ************************/
.vista#NotOut {
	width:66%;	
	height:145em; 
	margin-left:27.5%;
}

img.caption#Support {
	width:100%;
	padding-bottom: 1em; 
	margin-right:2%; 
	margin-left: 1%; 
	padding-right:1%;
	padding-bottom: 0.5em; 
	padding-right: 15px;
}


/***********   Home Page SlideShow  ********/
#slideshow #slideshowWindow {
	margin-left:4.5em;
	width:420px;      	/*  responsive  line  */
	height:420px;		/*  responsive  line  */
}


img.myslides {
	width:420px; 		/*  responsive  line  */
	height:420px;		/*  responsive  line  */
	
	}
/*********** Shooting Skills  **************/
.vista#Skills {
	margin-top:-42.5em;
	width:66%;	
	margin-left:27.5%;
	height:215em;
}
/*************  Tactics         **************/
.vista#Tactics {
	margin-top:-44em;
	margin-left:27.5%;
	width:66%;
	height:130em;
	}
/*************  Video Pages  *******************/
.vid_desc {
	margin-left:17%; 
	width:70%; 
	}
#vid {
	width:80%;
	}
.vid_com_blk {
	left:15%; 
	width:45%;
	}
textarea#vid_com{
	margin-left:15%;
	height: 20%;
	left:15%;
	width:150%;
}	
/********* Video Menu Pages ***********/ 
.TopLine {
	width:70%;
	margin-left:22.5%;	
	margin-top:-44em;
 /*   background-color:#ff0; */

}
.VideoBlk {
	margin-left:30%;
  width:60%; 
 /*   background-color:#f04;   */

}
.VideoDesc {
  position:relative; 
  top:.5em; 
  width:105%; 
  float:left;
  margin-left:1%;
/*  background-color:#00A;   */
  
}
img.VideoThumb {
	width:50%;
	margin-left:-2%;
 /* background-color:#099; */
}
.VideoDescWide {
  width:100%;
  margin-left:5%;
  padding-bottom:1em;
}
img.VideoThumb711 {
	width:100%;
	margin-left:-2%;
}


}
@media all and (max-width: 962px) and  (max-height: 601px) and (orientation: landscape) {    /****  Google Landscape # 26 & #34 Screen Sizes ******/
.headline h2 {
    font-size: 16px;
}
.headline h3 {
	font-size: 12px;
}
.headline p2 {
	font-size: 10px;
}
.headline p3 {
	font-size: 10px;
}

h1{
	font-size:16px;
}
h2{
	font-size:16px;
}
h3 {
	font-size:14px;
}
p {
		font-size:12px;
}
p2, p3 {
	font-size:10px;
}

/***********Common Sections**************/
.vista {
	width:80%;
	margin-top:-105%;
	margin-left:40%;
	top:0;
	float:right;
}
.banner {
	height:8.1em;
}
.sidebar {  
	font-size:9px;
	width:23%;
}
.headline h1, .headline p {
	font-size: 12px;
	margin-left: 2;
	margin-right: 20;
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.headline h1 {
    font-size: 20px;
}
/**************   Aiming Page   *************/
.vista#Aiming {
	margin-top:-30em;
	height:	170em;
}
/*************    Basics ***********************/
.vista#Basics {
	width:72.5%;	
	height:150em;
	margin-left:17.5%;
}
/***********  Cover Fire  *********************/
.vista#Cover {
	width:70%;	
	height:105em; 
	left:-5%;
}

/**************   Home Page SlideShow  ********/
#slideshow #slideshowWindow {
	width:300px;      	/*  responsive  line  */
	height:300px;		/*  responsive  line  */
	margin-left:3em;
}


img.myslides {
	width:300px; 		/*  responsive  line  */
	height:300px;		/*  responsive  line  */
}
/*******************   Gear Up  ***************/
.vista#GearUp {
	width:66%;
	left:-2em;
	height:265em;
}
/**************   Lingo  ********************/
.vista#Lingo {
	left:-1em;
	height:240em;
	margin-top:-30em;
	width:66%;	
}
.vista#Skills {
	left:-1em;
	height:240em;
	margin-top:-30em;
	width:66%;	
}
/***********  Your Not Out  ************************/
.vista#NotOut {
	left:-1em;
	height:145em;
	margin-top:-30em;
	width:66%;	
}
img#helper {
	width:50%;
}
/*************  Tactics         **************/
.vista#Tactics {
	margin-top:-30em;
	left:-5%;
	width:70%;
	height:130em;
	}
/************** Video Pages  *****************/
.vid_desc {
	margin-left:12%; 
	width:80%; 
	}
.vid_com_blk {
	left:5%; 
	width:60%;
	}
textarea#vid_com{
	width:130%;
}	
/********* Video Menu Pages ***********/ 
.TopLine {
	margin-top:-31em;
	margin-left:22.5%;	
 /*   background-color:#ff0; */
}
.VideoBlk {
	margin-left:15%;
  width:75%; 
 /*   background-color:#f04;   */
}
.VideoDesc {
  position:relative; 
  top:.5em; 
  width:90%; 
  float:left;
  margin-left:15%;
 /* background-color:#00A;   */
}
img.VideoThumb {
	width:30%;
	margin-left:-5%;
}
.VideoDescWide {
  width:180%;
  margin-left:0%;
  padding-bottom:1em;
 /* background-color:#099; */
}
img.VideoThumb711 {
	width:180%;
	margin-left:0%;
}

}
@media all and (max-width: 768px) and (orientation:portrait){
/***********Common Sections ************/
.container {
	width:100%;
}
.banner {
	height:13em;
	width:100%;
	position:relative;
	margin-left:0;
}
#ban {
		width:100%;
		margin:0;
}
.sidebar {
	font-size:12px;
	width:20%;
	position:fixed;
	margin-left:0;
	z-index:7;
}
.vista {
	margin-top:0em;	
	height:50em;
}
/************    Aiming Page    **************/
.vista#Aiming {
	margin-top:-0em;
	height:130em;
	}
/*************  Droid  *************************/
.vista#Droid {
width:75%;
margin-left:22%;
height:65em;
}
/************    Gear Up    **************/
.vista#GearUp {
	height:205em;
}
/**************   Home Page SlideShow  ********/
#slideshow #slideshowWindow {
	width:480px;      	/*  responsive  line  */
	height:480px;		/*  responsive  line  */
	margin-left:3em;
	}
img.myslides {
	width:480px; 		/*  responsive  line  */
	height:480px;		/*  responsive  line  */
	
	}
/*************     Lingo         **************/
.vista#Lingo {
	height:190em;
	}
/*************     Skills       **************/
.vista#Skills {
	height:180em;
	}
/*************  Tactics         **************/
.vista#Tactics {
	width:75%;
	height:130em;
	}
/********* Video Menu Pages ***********/ 
.TopLine {
 	margin-top:-40em;
/*   background-color:#ff0; */
	}
.VideoDescWide {
 /* background-color:#099; */
	}
}


@media all and (max-width: 720px) and (orientation:portrait){
    /*****************************************720x1280  PPP #8 Screen Size***********************/
/***********Common Sections ************/

.container {
	width: 100%;
}

h1 {
	font-size:21px;
}
h2 {
	font-size:17px;
}


.banner{
		height:12.1em;
		width:100%;
		margin-left:0;
		left:0;
		}
#ban{
	width:100%;
}
.sidebar {  
	width:17%;
	font-size:12px;
	position:fixed;
	height:65em;
}
#slideshow #slideshowWindow {
	margin-left:1.5em;
}
.vista {
		margin-top:0em;
}
/*******Aiming Section  *********/
.vista#Aiming {
	margin-top:0em;	
}
/************    Gear Up    **************/
.vista#GearUp {
	height:205em;
}

/*  Video Pages  */
.vid_desc {
	margin-left:6%; 
	width:87%; 
	}
textarea#vid_com{
	width:150%;
}	
/************Lingo  ************************/
.vista#Lingo {
	height:200em;
}


/*******Video Menu Pages  ******************/
.TopLine {
	margin-top:-0em;
  /*  background-color:#ff0; */

}
.VideoDesc {
	margin-left:5%;
	  /*  background-color:#ff0; */
}
img.VideoThumb {
	margin-left:-3%;
}
.VideoDescWide {
	margin-left:5%;
	  /*  background-color:#ff0; */
}

img.VideoThumb711 {
	margin-left:-5%;
}


@media all and (max-width: 640px) and (orientation:portrait)  {
/**************HTC Touch Diamond/I-Phone 5 Portrait***************/
/********* Common Sections ***********/
.headline h1 {
	font-size: 10px;
}
.headline h2 {
    font-size: 16px;
}
.headline h3 {
	font-size: 12px;
}
.headline p {
	font-size: 12px;
}

ul {
font-size:12px;
}
body {
	background-color:#fff;
}
.banner{
		height:11em;
}
.sidebar {
	width:22%;
}
.vista {
		height:40em;
		margin-top:0em;
}
#slideshow #slideshowWindow {
	width:440px;      	/*  responsive  line  */
	height:440px;		/*  responsive  line  */
	margin-left:2em;
}
img.myslides {
	width:440px; 		/*  responsive  line  */
	height:440px;		/*  responsive  line  */
	}
/*******Aiming Section  *********/
.vista#Aiming  {
	height:150em;;	
}

/*************    Basics ***********************/
.vista#Basics {
	height:150em;
}
/*************  Droid  *************************/
.vista#Droid {
width:72.5%;
margin-left:24%;
height:65em;
}
/************    Gear Up    **************/
.vista#GearUp {
	left:0em;
	margin-left:25%;
	height:230em;
	width:63%;	
}
/*************   Lingo  ***********************/
.vista#Lingo {
	width:63%;	
	margin-left:28%;
	height:200em;
	background-size: 60%; 
	background-position: 42% 55%;
}
/*************   Skills  ***********************/
.vista#Skills {
	width:63%;	
	margin-left:28%;
	height:200em;
}
/***********    Video Menu Pages *************/
.VideoDesc {
	left:10%;
/*	background-color:#0ff;  */
}
.VideoDescWide {
	margin-left:10%;
/*	background-color:#0ff;  */
}

img.VideoThumb711 {
	margin-left:0%;
/*	background-color:#0ff;  */
}
/*  Video Pages  */
.vid_desc {
	margin-left:10%; 
	}

.vid_com_blk {
	left:10%; 
	width:50%;
	}
textarea#vid_com{
	margin-left:0%;
	width:165%;
}	

}
@media all and (max-width: 601px) and (orientation:portrait){
    /*****************************************GOOGLE PORTRAIT 601x906  PPP #6 Screen Size***********************/
/***********Common Sections ************/
.banner{
	height:10em;
}
.sidebar {
	width:25%;	
}
.vista {
	height:35em;
	width:75%;
	margin-left:25%;
}
#slideshow #slideshowWindow {
	width:380px;      	/*  responsive  line  */
	height:380px;		/*  responsive  line  */
	margin-left:2em;
}
img.myslides {
	width:380px; 		/*  responsive  line  */
	height:380px;		/*  responsive  line  */
	}
/*******Aiming Section  *********/
.vista#Aiming {
	margin-left:25%;	
}
img.float_right {
	width:45%;
}
img.float_left {
	width:45%;
}
/***********  Cover Fire  *********************/
.vista#Cover {
	width:65%;	
	height:105em; 
	margin-left:27.5%;
}
/*************  Droid  *************************/
.vista#Droid {
margin-left:26%;
}
/************    Gear Up    **************/
.vista#GearUp {
	margin-left:27.5%;
	height:245em;
	width:65%;	
}
/**************Lingo  ************************/
.vista#Lingo {
	height:210em;
	background-position: 42% 35%;
}
/********  Your Not Out**********************/
.vista#NotOut {
	width:63%;	
	height:140em;
}
/*  Video Pages  */
.vid_desc {
	margin-left:8%; 
	width:80%;
	}
.vid_com_blk {
	left:10%; 
	width:50%;
	}
textarea#vid_com{
	margin-left:-10%;
	width:175%;
}
img.VideoThumb711 {
	width:100%;
/*	background-color:#0ff;  */
}
/*************  Tactics         **************/
.vista#Tactics {
	width:70%;
	}
	
}

@media all and (max-width: 480px) and (orientation:portrait){  /***   480x800 PPP#10 Screen Size  ****/


h1 {
	font-size:14px;
}
	
	

h2 {
	font-size:12px;
}
h3 {
	font-size:10px;
}
p {
	font-size:9px;
}
p2, p3 {
	font-size:8px;
}
ul {
font-size:10px;
}

.banner{
		height:8.2em;
}
.vista {
	width:85%;
	margin-left:18%;
	margin-top:-.5em;
}
#slideshow #slideshowWindow {
	width:380px;      	/*  responsive  line  */
	height:380px;		/*  responsive  line  */
	margin-left:2em;
}
img.myslides {
	width:350px; 		/*  responsive  line  */
	height:380px;		/*  responsive  line  */
	}
/*******Aiming Section  *********/
.vista#Aiming  {
	height:170em;;	
}
/*************    Basics ***********************/
.vista#Basics {
	width:68%;	
	height:160em;
	margin-top:0em;
	margin-left:25%;
}
/***********  Cover Fire  *********************/
.vista#Cover {
	width:65%;
	height:95em; 
}
/************   Lingo   **********************/
.vista#Lingo {
	margin-top:2em;
	height:250em;	
}
/********  Your Not Out**********************/
.vista#NotOut {
	width:70%;	
	height:150em;
	margin-left:26%;
}
/************   Skills   **********************/
.vista#Skills {
	margin-top:2em;
	height:220em;	
}
/*************  Tactics         **************/
.vista#Tactics {
	margin-left:26%;
	width:70%;
	height:90em;
	}
/*********Video Menu Pages  ***************/
.VideoDescWide {
	margin-left:12%;
/*	background-color:#0ff;  */
}
img.BlueLine {
	height:.3em; 
}
.sidebar {
	font-size:9px;
	width:23%;
}
}
@media all and (max-width: 414px) and (orientation:portrait){
    /*****************************************414x736  PPP #16 Screen Size***********************/
h1 {
	font-size:14px;
}
h2 {
	font-size:13px;
}
p {
	font-size:8px;
	
}
.headline h3 {
	font-size:12px;
}

.headline p,.headline p2 {
	font-size:10px;
}

.banner{
		height:6.8em;
		
}
.vista {
	height:60em;
	width:75%;
	margin-top:0em;
	margin-left:25%;
}
#slideshow #slideshowWindow {
	width:280px;      	/*  responsive  line  */
	height:280px;		/*  responsive  line  */
	margin-left:.5em;
}
img.myslides {
	width:280px; 		/*  responsive  line  */
	height:280px;		/*  responsive  line  */
	}

.sidebar {
	height:50em;
	font-size:7px;
	width:24%;
	position:fixed;
	height:auto;
}

/************Aiming Section**************/
.vista#Aiming {
	height:190em;;	
}

img#GirlAiming {
	width:33%;
	margin-top:25px;
	padding-left: 25px; 
	padding-right: 25px; 
	padding-bottom: 15px;
	float:right;	
}
img#Rambo {
	
	width:33%;
	float:left; 
	margin-top:0px; 
	padding-left: 25px; 
	z-index:8; 
	padding-right: 25px; 
	padding-bottom: 25px;
}
/*************    Basics ***********************/
.vista#Basics {
	height:97em;
}
/***********  Cover Fire  *********************/
.vista#Cover {
	height:70em; 
}
/************    Gear Up    **************/
.vista#GearUp {
	height:175em;
}
/*************    Lingo ***********************/
.vista#Lingo {
	height:250em;
	margin-top:0em;
}
/********  Your Not Out**********************/
.vista#NotOut {
	height:85em;
}
/************   Skills   **********************/
.vista#Skills {
	margin-top:1.5em;
	height:150em;	
}

/**********Video Menu Pages **************/
.VideoBlk {
 /*   background-color:#f04;   */
}
.VideoDesc {
  left:7.5%;
/*  background-color:#0fA;   */
}
img.VideoThumb {
	margin-left:-6%;
}
.VideoDescWide {
  margin-left:7%;
 
 /* background-color:#099;*/
}
img.VideoThumb711 {
}


}

@media all and (max-width: 345px) and (orientation:portrait){   /***  PPP #1 Screen Size 320x568 I-Phone 5 *****/
p{
	font-size:8px;
}
p2, p3{
	font-size:10px;
}
ul {
	font-size:8px;
}
.banner{
		height:5.6em;
}
.vista {
	height:60em;
	width:75%;  /**Duplicate??  **/
	margin-top:-26em;
	margin-left:23%;
	
}

.sidebar {
	height:70em;
	font-size:6px;
	width:23%;
	position:relative;
}
.headline h1, .headline p {
	font-size: 8px;
}
.headline h1 {
    font-size: 14px;
}

#slideshow #slideshowWindow {
	width:240px;      	/*  responsive  line  */
	height:240px;		/*  responsive  line  */
	margin-left:.5em;
}
img.myslides {
	width:240px; 		/*  responsive  line  */
	height:240px;		/*  responsive  line  */
	}
.vista#Aiming {
 	margin-top:-25em;
	height:120em;	
}
/*************    Basics ***********************/
.vista#Basics {
	margin-top:-25em;
	height:105em;
}
/*************    Lingo ***********************/
.vista#Lingo {
	height:230em;
	margin-top:-25em;
}
/********  Your Not Out**********************/
.vista#NotOut {
	height:100em;
}

/************   Skills   **********************/
.vista#Skills {
	margin-top:-25em;
	height:155em;	
}


/**************Video Pages****************/
.vid_desc {
	margin-left:12.5%; 
	width:75%;
	}

#vid {
	width:80%;
	}
.vid_com_blk {
	left:3%; 
	width:60%;
	font-size:11px;
	}
textarea#vid_com{
	margin-left:5%;
	height: 20%;
	left:15%;
	width:160%;
	height:4em;
}	
/*******Video Menu Pages  ******************/
.TopLine {
	margin-top:-26em;
  /*  background-color:#ff0; */

}
}