/* Basic Elements */

html {
	font-family: 'Quicksand', Verdana, 'Trebuchet MS', Tahoma, Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
  /* this keeps text same size on tablets */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}



@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 

body {
	background: #afafaf url(../images/ios-bg.png) top center;
	background-attachment: scroll;
	color: #000;
	margin: 0px;
}
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 

body {
	background: #afafaf url(../images/ap-bg-9a.png) no-repeat top right;
	background-attachment: fixed;
	color: #000;
	margin: 0px;
}

.text {
	background-color: #f4f4f4;
}

}

@supports (-webkit-overflow-scrolling: touch) {
  .widget-wrap {
  background-attachment: scroll;
  }
}

#content {
	width: 920px;
	min-height: 700px;
	margin-top: 20px;
	margin-bottom: 25px;
	background: transparent;	
}

#content_mobile {
	min-height: 700px;
	margin-top: 20px;
	margin-bottom: 25px;
	background: transparent;	
}

#top_banner_mobile {
	margin-bottom:10px;
}

#top_banner {
	margin-bottom:30px;
}

#logo_mobile {
	position:relative;
	width:100%;
}

#logo {
	
}

.content_mobile {
	margin: 20px;
	color: #000;
	min-height: 420px;
	line-height: 22px;
	text-align: left;
}

.content {
	margin: 10px 5px 20px 5px;
	color: #000;
	min-height: 420px;
	line-height: 22px;
	text-align: left;
}

.product_canvas {
	line-height: 28px;
}

.krueger_header {
	color: #202020;
	font-size: 18px;
	font-weight: normal;
}

p { 
	font: 14px verdana, trebuchet ms, arial, helvetica, sans-serif; 
	margin-top: 0px; 
	text-align: left;
}

.article_header {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}

.album_bg {
	background: url(../images/opaque_1.png) repeat;
	width: 50%;
	position: relative;
	padding: 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	vertical-align: top;
	font-size: 90%;

}

.album_bg_full {
	background: url(../images/opaque_1.png) repeat;
	background-repeat: repeat;
	position: relative;
	padding:15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	vertical-align: top;
	margin-bottom: 20px;
}

div.separator_2 {
	width: 100%;
	height: 2px;
	margin-top:20px;
	margin-bottom: 20px;
	background-image: url(../images/line_horizo_f.png);
	background-repeat: repeat-x;
}

.visor-round {
	background: url(../images/opaque_5.png) repeat;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	outline-radius: 7px;
	-webkit-outline-radius: 7px;
	-moz-outline-radius: 7px;
	padding: 15px;
}



.greyout {
	color: #424242;
}

.border {
	/*border: 1px solid #7e7e7e;;*/
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	padding: 0px;
}

img.thumb {
	/*border: 1px solid #7e7e7e;;*/

	border: 1px solid #ababab;
	padding: 5px;
}

@font-face {
    font-family: Worstveld_Sling;
    src: url('../fonts/Worstveld_Sling.otf');
}

.Worstveld_Sling{
   font-family: Worstveld_Sling;
}

@font-face { 
	font-family:'Worstveld_Sting'; 
	src:url('../fonts/Worstveld_Sting.eot'); 
	src: url('../fonts/Worstveld_Sting.woff') format('woff'), url('../fonts/Worstveld_Sting.otf') format('opentype');
} 

.Worstveld_Sting { 
	font-family:'Worstveld_Sting', Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
}

@font-face { 
	font-family:'constantia'; 
	src:url('../fonts/constantia.eot'); 
	src: url('../fonts/constantia.woff') format('woff'), url('../fonts/constantia.ttf') format('truetype');
} 

.constantia {
	font-family: 'constantia', Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 15px;
}





.numberCircle {
	border-radius: 50%;
	behavior: url(PIE.htc);
	/* remove if you don't care about IE8 */
	width: 12px;
	height: 12px;
	padding: 2px 3px 2px 5px;
	background: #355e93;
	border: 1px solid #2c4e7a;
	color: white;
	text-align: center;
	font: 10px Arial, sans-serif;
	position: relative;
	left: -7px;
	top: -16px;
}

.numberCircleMobile {
	border-radius: 50%;
	behavior: url(PIE.htc);
	/* remove if you don't care about IE8 */
	width: 12px;
	height: 12px;
	padding: 2px 5px 2px 5px;
	background: #355e93;
	border: 1px solid #2c4e7a;
	color: white;
	text-align: center;
	font: 10px Arial, sans-serif;
	position: relative;
	left: -1px;
	top: -14px;
}

p:nth-child(6) { 
	font-size: 9px;
	padding-top: 15px;
}

span.clickable {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	z-index:1;
}

a:link {
	padding: 0 2px 0 2px;
	text-decoration: none;
	/*color: rgba(247, 247, 216, 1);*/
	color: maroon;
}

a:visited { 
	padding: 0 2px 0 2px;
	text-decoration: none; 
	/*color: rgba(247, 247, 216, 1);*/
	color: maroon;
}

a:hover, a:active { 
	padding: 0 2px 0 2px;
	text-decoration: none; 
	/*color: rgba(247, 247, 216, 1);*/
	color: maroon;
}

a.plain {
	padding: 0px;
	text-decoration: none;
}

.link_headers, a.link_headers {
	color:#ccc;
	margin-bottom: 10px;
}

.article_headers, a.article_headers {
	color: #fb7e20;
	margin-bottom: 10px;
	margin-left: 0px;
}

.read_more_links, a.read_more_links  {
	color: #f0f0f0;
	font-size: 90%;
}

.post_comp, a.post_comp:link, a.post_comp:visited, a.post_comp:hover, a.post_comp:active {
	color: #111;
}

.no-highlt, a.no-highlt:link, a.no-highlt:visited, a.no-highlt:hover, a.no-highlt:active {
	display: block;
	float: left;
	/*color: #778386;*/
	color: #fefefe;
	text-decoration: none;
	padding: 1px 10px 12px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;
	background-color: #228abc;
}

.highlt, a.highlt:link, a.highlt:visited, a.highlt:hover, a.highlt:active {
	display: block;
	float: left;
	/*color: #778386;*/
	color: #fff;
	text-decoration: none;
	padding: 1px 10px 12px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;

	height: 25px;
	background-color: #228abc;
}

.author {
	color: #111;
	font-size: 90%;
}

a.other_links, .other_links {
	color: #111;
}

ul.links {
	margin: 0px 15px 0px 15px;
	padding: 0px;
}

ul.links li {
	margin: 0px;
}

h1, h2 {display:none}
h3 {
	margin: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;	
}


header { 
	height: 67px;
}


/* tab menu */

#foxmenucontainer {
	
	/*background: url(../images/nav_grey_bg.png) repeat; */
	background: url(../images/opaque_5.png) repeat;
	border-top: 1px solid #ccc;
	/*border-left: 1px solid #ccc;*/
	border-bottom: 1px solid #ababab;
/*	border-right: 1px solid #ababab;*/
	color: silver;	
   font-size: 14px;
	font-weight: normal;
	font-family: 'Open Sans', Verdana, 'Trebuchet MS', Tahoma, Lucida Grande, Arial, Helvetica, sans-serif;
   width: 100%;
	padding: 7px 0px 7px 0px;
	position: relative;
	width: 100%;
	height: 25px;
	z-index: 1000;
}
	
#foxmenu {
	position: relative;
	display: inline;
	
	width: 100%;
	height: 25px;

	top:-8px;
}

#foxmenu ul {

	margin:0px;

	padding:0px 0px 5px 0px;

	list-style-type:none;

	width:auto;

	float:left;
	position: relative;
	top: 0px;
}

#foxmenu ul li {

	display:block;

	float:left;

	padding:0px;

	margin:0;
}

#foxmenu ul li a {
	display: block;
	float: left;
	/*color: #778386;*/
	color: #111;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;
}

#foxmenu ul li a:hover {
	color: #000;
	/*background:url(../images/opaque_5.png) repeat;*/
	height: 25px;
	text-align: center;
}

#foxmenu ul li.current_page_item a {
	color: #fff;
	background: url(../images/opaque_10.png) repeat;
	height: 25px;
	text-align: center;
	/*border-bottom: 1px solid rgba(247, 247, 216, 1);*/
}

#foxmenu ul li .current_page_item a,#foxmenu ul li .current_page_item a:hover {

	color: #fff;
	height: 25px;

	background:transparent url(../images/opaque_10.png) repeat;
}

#foxmenu ul li.current_page_item_blue a {
	color: #fff;
	background: url(../images/opaque_blue.png) repeat;
	height: 25px;
	text-align: center;
	/*border-bottom: 1px solid rgba(247, 247, 216, 1);*/
}

#foxmenu ul li .current_page_item_blue a,#foxmenu ul li .current_page_item_blue a:hover {

	color: #fff;
	height: 25px;

	background:transparent url(../images/opaque_blue.png) repeat;
}

#foxmenu ul li.greyout a {
	display: block;
	float: left;
	/*color: #778386;*/
	color: #555;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;
}

#foxmenu ul li.greyout a:hover {
	display: block;
	float: left;
	/*color: #778386;*/
	color: #111;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;
}

/* always on/off tabs */

.always_on_tab {
	display: block;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 89px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper2.png) no-repeat top left;
}

.always_off_tab {
	display: block;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 89px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper2.png) no-repeat top right;
}

/* mobile version of always on/off tabs */

.always_on_tab_mobile {
	display: block;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 69px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper_sm2.png) no-repeat top left;
}

.always_off_tab_mobile {
	display: block;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 69px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper_sm2.png) no-repeat top right;
}

.always_on_tab_mobile_flip {
	display: inline;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 69px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper_sm_flip2.png) no-repeat top left;
}

.always_off_tab_mobile_flip {
	display: inline;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 69px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper_sm_flip2.png) no-repeat top right;
}


div.color_band, div.status_bar {
	background-image: url(../images/opaque_5.png);
	background-repeat: repeat;
	text-align: left;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	color: #111;
	margin-bottom:10px;
}

td.status_bar {
	background-image: url(../images/opaque_5.png);
	background-repeat: repeat;
	padding: 10px;
	color: #b3b3b3;
}

.page_bottom {
	margin-top:30px;
	padding: 10px 0px 10px 0px;
	color: #000;
	background: url(https://www.frankkoonce.com/images/opaque_5.png) repeat;
	font-size:90%;
}

a.page_bottom_link {
	color: maroon;
}

footer { 
	text-align: left; 
	padding-top: 15px;
}

footer a:link, footer a:visited {
	font-size: 9px;
	margin-right: 15px;
	color: maroon;
}

/* icon positions */

.inline_5 {

	position: relative;

	top: -2px;

}



.inline_14 {

	position: relative;

	top: 3px;

}



.inline_16 {

	position: relative;

	top: 3px;

}

.inline_20 {

	position: relative;

	top: 4px;

}

.inline_24 {

	position: relative;

	top: 6px;

}



.inline_32 {

	position: relative;

	top: 8px;
}

.inline_36 {

	position: relative;

	top: 12px;
}



.inline_48 {

	position: relative;

	top: 17px;

}



.inline_64 {

	position: relative;

	top: 20px;

}





input.submit_button, .submit_button, a.submit_button {
	background: url(../images/opaque_5.png) repeat;
	color: #000;

	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
   padding: 15px;
}



input.submit_button:hover, .submit_button:hover {
	background: url(../images/opaque_5.png) repeat;
	color: #000;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	padding: 15px;
}



input.submit_button, input.submit_button:hover { 

	padding: 15px;

}



.submit_button, .submit_button:hover { 

	padding: 15px;

}


/* extra divs */

.extra1, .extra2, .extra3, .extra4, .extra5, .extra6 {display:none}

#photo_navigation_top {
	background-image: url(https://www.lanternworks.com/images/opaque_10.png);
	background-repeat: repeat-x;
	height: 45px;
	width:100%;
	position: relative;
	top: 47px;
	z-index:1000;
}

#photo_navigation {
	background-image: url(https://www.lanternworks.com/images/opaque_10.png);
	background-repeat: repeat-x;
	height: 45px;
	width:100%;
	position: relative;
	top: -50px;
}

a.galry_nxt{
	background-image: url(https://www.extra-mile-detailing.com/images/arrow_right_b_24.png);
	width: 24px;
	height: 24px;
	position: relative;
	top: 20px;
	left: 10px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	padding: 10px;
}

a.galry_prv{
	background-image: url(https://www.extra-mile-detailing.com/images/arrow_left_b_24.png);
	width: 24px;
	height: 24px;
	position: relative;
	top: 20px;
	left: 10px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	padding: 10px;
}

a.galry_nxt_sm{
	background-image: url(https://www.lanternworks.com/images/arrow_right_b_24.png);
	width: 24px;
	height: 24px;
	position: relative;
	top: 5px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	padding: 10px;
}

a.galry_prv_sm{
	background-image: url(https://www.lanternworks.com/images/arrow_left_b_24.png);
	width: 24px;
	height: 24px;
	position: relative;
	top: 5px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	padding: 10px;
}

@font-face { 
	font-family:'lorimer_no2_condensed_medium'; 
	src:url('../fonts/lorimer_no2_condensed_medium.eot'); 
	src: url('../fonts/lorimer_no2_condensed_medium.woff') format('woff'), url('../fonts/lorimer_no2_condensed_medium.ttf') format('truetype');
} 

.lorimer_no2_condensed_medium, a.lorimer_no2_condensed_medium {
	font-family: 'lorimer_no2_condensed_medium', Verdana, Arial, Helvetica, sans-serif;
	color: rgba(247, 247, 216, 1);
	/*color: #b2ac7e;*/
	font-size: 22px;
}

a.visor_link {
	color: maroon;
}

a.button {
	color: white;
	background-color: transparent; 
	background-image: url(https://www.amyporter.com/images/opaque_10.png); /**/
	background-repeat: repeat;
	position: relative;
	padding: 5px 10px 5px 10px;
	font-size: 90%;
	vertical-align: top;
	margin-bottom: 20px;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	outline-radius: 8px;
	-webkit-outline-radius: 8px;
	-moz-outline-radius: 8px;

}

a.button:link, a.button a:visited {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	color: white;


}

a.button:hover, a.button:active {
	background-image: url(https://www.amyporter.com/images/opaque_5.png); /**/
	background-repeat: repeat;
	color: white;
}

/* new canva styles */

.open-sans-condensed-font {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 135%;
}

fieldset.generic_contact {
	border: 1px solid #ababab;
	padding: 0px;
}

input, textarea, select, option {
	margin: 0;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 20px 5px 20px 5px;
	outline: none;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	background: url(../images/opaque_5.png) repeat;
}

input:focus, textarea:focus {
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	border: 1px solid rgba(102, 0, 0);
	padding: 20px 5px 20px 5px;
	outline: none;
	background: url(../images/opaque_5.png) repeat;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}
/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #171717;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #171717;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #171717;
}

input.submit_button_blue, .submit_button_blue, a.submit_button_blue {
	background: url(../images/opaque_blue.png) repeat;
	color: #eeeeee;

	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
   padding: 15px;
}