/* DO A RESET ON styles */
* {
  box-sizing: border-box; 
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {
	display: block;
}
body {
	line-height: 1.2;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




 
/* end THE RESET AREA styles */


.imgbigger:hover {

-webkit-transform: scale(2.5);

-ms-transform: scale(2.5);

transform: scale(2.5);

}



.screensbigger:hover {

-webkit-transform: scale(3.0);

-ms-transform: scale(3.0);

transform: scale(3.0);


}



/* CUSTOM BUTTONS */


.platinum {
background:    #ffffff;
background:    linear-gradient(#ede0e0, #ffffff 50%, #ede0e0);
border:        2px solid #000000;
border-radius: 25px;
text-decoration: none;
padding:       15px 20px;
color:         #000;
display:       inline-block;
font:          italic bold 22px/1 "Roboto", sans-serif;
text-align:    center;
}


.gold {
background:    #fafa03;
background:    linear-gradient(#96740c, #fafa03 50%, #96740c);
border:        2px solid #000000;
border-radius: 25px;
text-decoration: none;
padding:       15px 20px;
color:         #000;
display:       inline-block;
font:          italic bold 22px/1 "Roboto", sans-serif;
text-align:    center;
}

.silver {
background:    #d0e0e3;
background:    linear-gradient(#c3bdbd, #d0e0e3 50%, #c3bdbd);
border:        2px solid #635e5e;
border-radius: 25px;
text-decoration: none;
padding:       15px 20px;
color:         #000;
display:       inline-block;
font:          italic bold 22px/1 "Roboto", sans-serif;
text-align:    center;
}


.bronze {
background:    #f1c232;
background:    linear-gradient(#bf9000, #f1c232 50%, #bf9000);
border:        2px solid #7f6000;
border-radius: 25px;
text-decoration: none;
padding:       15px 20px;
color:         #000;
display:       inline-block;
font:          italic bold 22px/1 "Roboto", sans-serif;
text-align:    center;
}









/* END BUTTONS */



/*START STYLES FOR PUBLIC PAGES  */

.tincan {

display:inline-block; 
margin-top:2px; 
margin-right:0px; 
font-size:15px; 
background-image: 
linear-gradient(to bottom, #E5E3E6, white); 
border:1px dashed #666; 
padding:5px;
border-radius:2px; 
border:1px solid #DAD5D5; 
padding:4px; box-shadow: 
1px 1px 1px rgba(0,0,0,.8); 
color:#778899;

 } 



.heading {

display:inline-block; 
margin-top:0px; 
margin-right:0px; 
font-size:20px; 
padding:0px;
border-radius:2px; 
color:#706E70;
font:arial;
font-weight:bold;

}


.pal_form {
  
  padding: 20px 50px 50px 50px;
  background: url(../img/pal_30_day_animation.gif);
  background-size: 100% 100%;
    }

.para {
  margin: 0;
  padding: 9px 9px 0 9px;
  background: url(img/) no-repeat;
  }

.link {
  margin: 0;
  padding: 0 0 0 9px;
  background: url(img/.gif) bottom left no-repeat;
  }

.link em {
  display: block;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url(img/.gif) bottom right no-repeat;
  }

.tincan a {
  font-size:15px;
  color: #6666CC;
  text-decoration: none;
}



.videos {

display:inline-block; 
margin-top:10px; 
margin-right:10px; 
font-size:15px; 
background-image: 
linear-gradient(to bottom, #E5E3E6, white); 
border:1px dashed #666; 
padding:5px;
border-radius:5px; 
border:1px solid #DAD5D5; 
padding:4px; box-shadow: 
1px 1px 1px rgba(0,0,0,.8); 
color:#778899;

 } 



.button_box  {
background:    #00ffff;
background:    linear-gradient(#1185ed, #00ffff 50%, #1185ed);
border:        2px solid #144470;
border-radius: 5px;
text-decoration: none;
padding:       20px 0px;
color:         #000;
display:       inline-block;
font:          italic bold 22px/1 "Roboto", sans-serif;
text-align:    center;

  }


.videos a {
  font-size:15px;
  color: #9933CC;
  text-decoration: none;
  }


.video_size {
height:150px;
width:250px; 
  }


.image_size {
height:150px;
width:150px; 
  }

/*note keeps banner spaced away*/
.banner_body {

padding: 25px 5px 25px 5px;

}


/*END STYLES FOR PUBLIC PAGES  */




/* START ADMIN REARCH LINKS STYLES */

.research  {

margin: 0;

padding: 0;

list-style: none;

width:225px;

}



.research li a {

border-radius:15px;

font-size:20px;

text-decoration: none;

display: block;

padding:10px;

margin:15px;

}


.research li a:hover {

font-size:20px;

font-weight:bold;

color:purple;

}

/* END ADMIN REARCH LINKS STYLES */






/*START VERTICAL MENUE STYLES*/

.mediaNav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 175px;
}


.mediaNav li:last-of-type a {

margin: 0px 0px 10px 0px;

}


.mediaNav li:first-of-type a  {

  color: #000;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 7px 5px 7px 30px;
  display: block;
  background-color: #E7E7E7;

background-image: url(../img/mine_3_2017.png);

  background-repeat: no-repeat;

  background-position: 0 2px;

}


.mediaNav li:first-of-type a:hover {

  font-weight: bold;

  background-color: #D4AF37;

  background-image: url(../img/changing_nav.png);

  background-position: 0px 55%;
}



.mediaNav a {
  color: #000;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 7px 5px 7px 30px;
  display: block;
  background-color: #E7E7E7;
  background-image: url(../img/changing_nav.png);
  background-repeat: no-repeat;
  background-position: 0px 0%;
}


.mediaNav a:hover {
  font-weight: bold;
  background-color: #D4AF37;

  background-position: 0px 55%;
}

/*START BODY AND LINK CLASSES*/

.home .startLink,


.join_video .join_videoLink,

.remove_video .remove_videoLink,


.join_car_img .join_car_imgLink,

.remove_auto .remove_autoLink,


.post_video .post_videoLink,

.remove_posted_video .remove_posted_videoLink,


.auto_listings .auto_listingsLink,

/*NOTE NO COMMA AFTER LAST ENTRY BELOW*/

.post_auto_listings .post_auto_listingsLink



{

  /*background-color: #9E9DB2;*/

  background-position: 97% 100%;

  padding-right: 15px;
  padding-left: 5px;
  font-weight: bold;
}


/*END VERTICAL MENUE STYLES*/




/* START DIVISION CLASS FLOATS .ONE AND .TWO FOR DROP DOWN PAGES */


.one {

width:45%;
 
float: left;

}

.two {

width:45%;
 
float: right;

}


/* END DIVISION CLASS FLOATS .ONE AND .TWO FOR DROP DOWN PAGES */


.orange:after {

  content: " ";
  display: table;
  clear: both;
}






.orange {
	zoom: 1;	
}



.renew:after {

  content: " ";
  display: table;
  clear: both;
}

.renew {
	zoom: 1;	
}




body {

font-family: Helvetica, Arial, sans-serif;

/*light gray*/

background-color: #EEEEEE;
	
}



.columnInclosure {

background-color: #;


}



article {


	/*background-image: url(../imgs/parcel_back_2.jpg);*/
	/*background-repeat: no-repeat;*/ 
	/*background-size: 100% 100%*/;/* NOTE THIS SIZING ALLOWS FULL SCALING OF THE BACKGRONUD IMAGE- LEAVE IN!*/
}




header {

	padding-top: 100px;  /* NOTE THIS PADDING PROPS OPEN THE HEADER DIV TAG SO WE CAN SEE THE BACKGROUND IMAGE LEAVE IN!*/
	background-image: url(../img/taxlienheader_no_d.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;  /* NOTE THIS SIZING ALLOWS FULL SCALING OF THE BACKGRONUD IMAGE- LEAVE IN!*/

    background-image: float:left; 
    background-color: #444C5E;

}


hgroup {

background-color: #444C5E;

}



/*header h1 {
	font-size: 3em;	
	color: black;
	font-weight: bold;
	padding-top: 30px;
	clear: both;
	padding-left: 10px;
}*/





/* START FORM STYLES */


.basic_sign_up {
 color: black;

}


.basic_sign_up input[type=submit]  {
  padding: 10px 25px;
  font-size: 1.2em;
  color: white;
  background: rgb(0,102,153);
  background: #B4B5B7;
  border-radius: 5px;
  box-shadow: 0 0 4px white;
}





.basic_sign_up input[type=text], .basic_sign_up textarea {

  border-radius: 5px;

  border: none;

  background-color:#CFDCF9;

  color:blue;

  font-size: 1.2em;

  box-shadow: inset 0 0 10px rgba(255,255,255,.75);

  width: 200px;

  padding: 5px;
}




.basic_sign_up input[type=text]:focus, .basic_sign_up textarea:focus {

  background-color: white;

  color: black;
}



/* END FORM STYLES */









nav {
	background-color: #444C5E;
	border: 1px solid rgba(255,255,255,.5);	
	border-left: none;
	border-right: none;
}
nav ul {
	padding: 0;
	margin: 0;	
}
nav li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;	
}


nav a {

	float:left;
	font-size: .9em;	
	color: #FFF;
	font-weight:normal;
	text-decoration:none;
	padding:5px;
	border-right:none;
	transition: all .5s;



}


nav input {
	margin: 10px;
    
}



nav li:last-of-type a {
	border-right: none;	
}
nav a:hover {
	background-color: #818FAF;
}


div .under_line_links a {

text-decoration:underline;

float:none;

padding:0px;

}


div .under_line_links a:hover  {

background-color:#FFF;

}


div .under_line_links  {

background-color:#FFF;

font-size: .7em;

}






div .product_buttons a {

margin:10px;

float:left;

font-size: 1.5em;
	
color: black;

font-weight:normal;

text-decoration:none;

padding:5px;

transition: all .5s;

border:2.0px solid#FFF;

border-radius:5px;

border: 8px solid rgba(255,255,255,.5);	

}




div .product_buttons_gold a {

margin:10px;

float:left;

font-size: 2.0em;
	
color: black;

font-weight:normal;

text-decoration:none;

padding:5px;

transition: all .5s;

border:2.0px solid#FFF;

border-radius:5px;

border: 8px solid rgba(255,255,255,.5);	

}






div .order_buttons a {

///margin:10px 0px 0px 0px;

float:left;

font-size:2.0em;
	
color: black;

font-weight:normal;

///text-decoration:blink;

padding:5px;

transition: all .5s;

border:2.0px solid#FFF;

border-radius:15px;

}






div .renew {
	background-color: ;
	border: 2px solid rgba(255,255,255,.5);	
	border-left: none;
	border-right: none;
}
div .renew ul {
	padding: 0;
	margin: 0;	
}
 div .renew li {
	float: left;
	padding: 10px;
	margin: 2px;
	list-style: none;	
}


div .renew a {

	float:left;
	font-size: 2.0em;	
	color: black;
	font-weight:normal;
	text-decoration:none;
	padding:5px;
	border-right:none;
	transition: all .5s;

/*CODE TO MAKE BUTTONS SNAZZY LOOKING*/

border:1.0px solid#EFF3FC;

border-radius:4px;

}


div .renew input {
	margin: 10px;
    
}


div .renew li:last-of-type a {
	border-right: none;	
}


div .renew a:hover {
	background-color:#EFF3FC;
}









aside  {

background-color: #EFF3FC;
	
}



aside h2 {
	font-size: 1.3em;
	margin-top: 10px;	
}




aside h3 {
	font-size: 1.1em;
	margin-top: 15px;
}
aside p, aside li {
	font-size: .75em;
	margin-top: 10px;	
}









.middle h2 {
	font-size: 2em;
	margin-top: 10px;	
}
.middle h3 {
	font-size: 1.5em;
	margin-top: 20px;	
}
.middle p {
	margin-bottom: 15px;	
}





.middle table {

	margin: 0;
	
}


.middle tr {
 
	padding: 0;
	margin: 0;
	list-style: none;
	
}


.middle td {

    font-size: 0.9em;
	padding: 10px;
	margin: 0px;
	list-style: none;

	
}



.middle a {

	float: left;
	font-size: .8em;	
	color: blue;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	border-right: none;
	transition: all .5s;
}




.middle a:hover {
	background-color: #EBEAF6;
}










/* START FOOTER FUNCTIONS */


/*footer {

    background-color: #CFDCF9;
	margin-top: 10px;
	font-size: 1.0em; 
	
	
}*/


footer {

background-color:#444C5E;	
	border-left: none;
	border-right: none;
}



footer ul {


	padding: 0;
	margin: 0;	
}

footer li {


    float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	
}

footer a {

	float: left;
	font-size: .8em;	
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	border-right: none;
	transition: all .5s;
}


footer li:last-of-type a {
	border-right: none;	
}


footer a:hover {
	background-color: #818FAF;
}


footer p {


text-align: center;

font-size: .6em;


	
}


/* END FOOTER FUNCTIONS */














/*.pageInclosure {
	max-width: 1200px;
	margin: 0 auto;	
}*/

.columnInclosure {
    float: left;
    width: 80%;
}

.leftturn1 {
  float: left;
  width: 25%;
  padding: 0 20px 0 10px;
}
.middle {
  float: right;
  width: 75%;
  padding: 0 20px;

}
.rightturn2 {
  float: right;
  width: 20%; 
  padding: 0 10px 0 20px;
}

footer {
  clear: both;  
}

nav ul, header h1, footer ul, .contentInclosure {
  max-width: 1300px;
  margin: 0 auto; 
}

img {
  max-width: 100%;
}
img.less {
    max-width: 50%;
}

img.left {
    float: left;
    margin: 0 10px 10px 0;
}
img.right {
    float: right;
    margin: 0 0 10px 10px;
}



video.left {
    float: left;
    margin: 10px 5px 10px 5px;
}


video.right {
    float: right;
    margin: 10px 5px 10px 5px;
}


video {
  max-width: 100%;
}






@media (min-width: 771px) and (max-width:1300px) {

.img_ads {

height: 110px;



}

  .columnInclosure {
    width: auto;
  }

  .columnInclosure, .middle, .leftturn1, .rightturn2 {
    float: none;
    width: auto;
  }
  .middle {
    border: none;
  }
  .leftturn1, .rightturn2 {
    /*border-top: 2px solid black;*/
    margin-top: 25px;
    padding-top: 10px;
  }


.middle h2 {
    font-size: 1.0em;
  }








.middle table {


text-align: left;

float: none; 

}


.middle tr {

/*NOTE DO NOT PUT display:inline-block HERE TABLES LOOK FUNNY*/
float: none;
	
}


.middle td {

float: none;
   	
}

.middle  a {


float: none;
display: inline-block;
border: none;  
	
}


}





@media (min-width: 461px) and (max-width:770px) {


.img_ads {

height: 60px;

}

  .columnInclosure {
    width: auto;
  }

  .columnInclosure, .middle,  .leftturn1, .rightturn2 {
    float: none;
    width: auto;
  }
  .middle {
    border: none;
  }
  .leftturn1, .rightturn2 {
    ///border-top: 2px solid black;
    margin-top: 25px;
    padding-top: 10px;
  }


.middle h2 {
    font-size: 1.0em;
  }






.middle table {


text-align: left;

float: none; 

}


.middle tr {

float: none;

/*NOTE DO NOT PUT display:inline-block HERE TABLES LOOK FUNNY*/	
}


.middle td {

float: none;
   	
}

.middle  a {

float: none;
display: inline-block;
border: none;  
	
}



}





@media (max-width:460px) {

 .columnInclosure, .middle, .one, .two, .leftturn1, .rightturn2 {
    float: none;
    width: auto;
  }


.img_ads {

height: 40px;

}


  .middle {
    border: none;
  }

  .leftturn1, .rightturn2 {
    /*border-top: 2px solid black;*/
    margin-top: 25px;
    padding-top: 10px;
  }


.middle h2 {
    font-size: 1.0em;
  }









.middle table {


text-align: left;

float: none; 
display: inline-block;
}


.middle tr {

/*NOTE DO NOT PUT display:inline-block HERE TABLES LOOK FUNNY*/
float: none;
	
}


.middle td {

float: none;
display: inline-block;
	
}

.middle a {

float: none;
display: inline-block;
border: none;

	
}



}


img, video, embed, object, header, iframe{

max-width: 100%;

}