/*
The Art of James Laforet -- There is art in code too! 

css add to remove style in index temp 

==========================================================================================
*/
#gcjrthumbs {
    border:2px solid #ffffff;
}
.fakeup40 {
    display: block; width:10px; position:relative; top:-40px;
}
#gcjrthumbs:hover {
    border:2px solid #333333;
}
.imagecreditdetails{
	text-align:left; 
	color:white;
	position:relative; 
	display:block; 
	width:100%; 
	height: auto;	
	font-size: 13px;
	padding:2px 2px 2px 10px;	background-color:#555555;
}
.bkgrey555{
	background-color:#555555;
}
.randomimgsstyle{
	text-align:right; 
	position:relative; 
	display:block; 
	width:100%; 
	height: auto;
	background-image: url(imagesrandom/1.jpg);
	background-size:cover; 
	background-color:#444444; 

}
.infoboxbkWhtp4{
	display:block; 
	width:94%; 
	height: auto;
	padding:10px;
	background-color:rgba(0, 0, 0, .4);
}
.insetcent{
    position:relative; 
    margin-left:auto;
    margin-right:auto;"
}
.jlcomingsoonpos{
	color:#eeeeee;
	position:relative; 
	top:2px;
}
.artofheaderpos{
	text-align:left;
	position:relative; 
	display:block; 
	right:0px;
}
.colfff{
	color:#ffffff;
}
.colccc{
	color:#cccccc;
}   
.col888{
	color:#888888;
}
.coleee {
		color:#eeeeee;
}
.colddd {
	color:#dddddd;
}

.colrust{
   color:#bd7221;    
}
.col000 {
	color:#000000;
}
.fw100{
	font-weight:100;
}
.alilft{
	align:left;
        text-align:left;
}
.alirt{
    align:right;
    text-align:right;
}
.alicent{
	align:center;
}
.talicent{
	text-align:center;
}
.wid100pct{
	width:100%;
}.
.boxinline {
	position:relative; 
	display:inline-block; 
}
.boxblock{
	position:relative; 
	display:block; 
}
.bkcolWhtp3{
	background-color:rgba(255, 255, 255, .3);
}
.lnht1 {
	line-height:1.0;
	}
.fs8{
	font-size:8px;
}
.fs9{
	font-size:9px;
}
.fs10{
	font-size:10px;
}
.fs11{
	font-size:11px;
}
.fs12{
	font-size:12px;
}
.fs13{
	font-size:13px;
}
.fs14{
	font-size:14px;
}
.fs15{
	font-size:15px;
}
.fs16{
	font-size:16px;
}
.fs18{
	font-size:18px;
}
.fs20{
	font-size:20px;
}
.fs24{
	font-size:24px;
}
.fs25{
	font-size:25px;
}
.fs30{
	font-size:30px;
}
.fs35{
	font-size:35px;
}
.fs40{
	font-size:40px;
}
.bkblk50pct{
	background-color:rgba(0, 0, 0, .5);
}
.bkblk25pct{
	background-color:rgba(0, 0, 0, .35);
}
 .pad20{
padding:20px;
}
.jltimelist{
	font-size:11px;
	font-weight: 600;
	line-height:0.95; 
	color:#ffffff;
}
.fw100 {
		font-weight: 100;
}
.fw200 {
		font-weight: 200;
}
.fw300 {
		font-weight: 300;
}
.fw400 {
		font-weight: 400;
}
.fw500 {
		font-weight: 500;
}
.fw600 {
		font-weight: 600;
}
.fw700 {
		font-weight: 700;
}
.fw800 {
		font-weight: 800;
}
.fw900 {
		font-weight: 900;
}
.z5555{
z-index:5555;
}
.d-block{
display:block;
}
.marg10-4-4-0{
    margin:4px 4px 4px 0px;
}
.marglr20{
margin-left:20%;
margin-right:20%;color:#ffffff; size:1px;
}
.divline {
	width:70%;
	background-color:whitesmoke;
	height:1px;
	display:inline-block;
	padding:0px; margin:0px;
}
.inlnb-button-style {
	display:inline-block;
	width:auto;		
	text-decoration:none;
	background-color:rgba(82, 82, 212, 0.32); 
	z-index:600;
	padding:10px 20px 10px 20px; 
	border-radius: 8px; 
	box-shadow: -1px 2px 3px #222222;z-index
	
}
.tdecornon{
	text-decoration:none;
}
div.legal {
	font-size: 12px;
	font-weight:500;	
	text-decoration:none;
	padding:5px 10px 5px 10px; 
	border-radius: 4px; background-color:rgba(82, 82, 212, 0.52); }
div.legal:hover {
	border-radius: 4px; background-color:rgba(82, 82, 212, 0.92); 
}
.jltitletight{
	color:#eeeeee; 
	line-height:1.21em;
}                              
.holder{
 	text-align:left; 
 	color:white; 
 	position:relative; 
 	display:inline-block;
}
.jlemailinfo{
	font-size:12px;
	line-height:1.0;
}
.jltoursstyle{
		color:#aaaaff;
		line-height:1.0;
}
.jltimelist{
 	font-size:11px; 
	line-height:0.95em;
	color:#ffffff;
}
.jlmocainfotitle {
		display:inline-block;
    	color:#ffffff; 
    	line-height:1.1; 
    	width:90%; 
    	background-color:rgba(255 255 255 0.4); 
    	padding:0px;
}
.reee {
		display:inline-block;
		margin:0% 5% 0% 5%;
    	color:#eeeeee; 
    	line-height:0.95; 
    	width:90%; 
    	background-color:rgba(255, 255, 255, .4); 
    	padding:10px;
    	border:1px solid #333333;
}
.fulcase{
  	font-variant: small-caps;
}
.lnhtp8{
  	line-height:0.8;
}
.lnhtp85{
  	line-height:0.8;
}
.lnhtp95{
  	line-height:0.95;
}
.lnhtp9{
  	line-height:0.9;
}
.lnht1p0{
  	line-height:1.0;
}
.lnht1p1{
  	line-height:1.1;
}
.lnht1p2{
  	line-height:1.2;
}
.lnht1p3{
  	line-height:1.3;
}
.jltimelist2{
	font-size:11px; 
	line-height:0.95; 
	color:#ffffff;
}
.bkcolWhtp3{
	background-color:rgba(255, 255, 255, .3);
}
.jlcloseradded{
 	width:35px; 
 	height:35px; 
 	color:#ffffff; 
 	border-radius:10px;
 	background-color:#aa3333;
 	line-height:.9em; 
 	font-size:40px; 
 	padding:0px 0px 0px 0px; 
 	margin:10px 0px 0px 0px; 
 	top:30px;
 	z-index:300;
}
.bkcolWhtp3{
	background-color:rgba(255, 255, 255, .3);" -->
}
.jlsitesealboxouter{
	   display:block;
    	width:100%;
    	 text-align: center;
}
.jlsitesealboxinnerstyle{
	display:inline-block;
	text-align: center;
	width:90%; 
}
.slideshowbuttonboxshell{
	text-align: center;
} 
.slideshowbuttonbox{
	width:auto; display:inline-block;
} 
.slideshowbuttonbox:hover{
	background-color:#773333;
} 
.switcharoo{
    background-color:#eeeeee;
    margin:10px;
}
.switcharoo:hover{
    background-color:black;
    margin:10px;
}
.m10px{
    margin:10px;
}
.lsp04{
letter-spacing: 0.04em;
}
.lsp02{
letter-spacing: 0.02em;
}
.lsp03{
letter-spacing: 0.03em;
}
.lspm02{
letter-spacing: -0.02em;
}
.lspm03{
letter-spacing: -0.03em;
}
.wrdspp2{
word-spacing: 0.2em;
}
.tshadtyp{
	text-shadow: -1px 1px 1px #333333;
}
.tshadtypWHT{
	text-shadow: -1px 1px 1px #eeeeee;
}
.tshaddrk{
	text-shadow: -1px 1px 1px #000000;
}
.tshadsoft{
	text-shadow: -2px 2px 5px #666;
}
.marglr20{
margin-left:20%;
margin-right:20%;
}
.textboxbk2{
	background-color:rgba(154, 168, 219, 0.45); 
	padding: 2px 12px 2px 12px;
}
.textboxbk{
	background-color:rgba(154, 168, 219, 0.45); 
	padding: 2px 12px 2px 12px;
}
.boxed{
	display:inline-block;
	border:1px solid #ffffff;
	padding:1px 5px 1px 5px;
	box-shadow: -1px 1px 1px #333333;
	
}
.textblockjl{
  display:inline-block;
  text-align: justify; 
  padding:14px 21px 14px 21px; 
  border-radius: 3px;
  letter-spacing:0.02em; 
  line-height:1.53; 
  width:90%;   max-width:670px; 
}
.p0m0{
padding:0px;
margin:0px;
}
.jlbkimage {
	border: 0px;
	padding: 0px;
	height:250px;
	position:relative;
	background-image: url(images/gangsta-lean-bk-colour-a39fa9.jpg);
	background-color: #a39fa9;
 background-repeat: no-repeat;
  background-position: 0px 0px;
background-size: 110% 110%;
  background-origin: border-box;
   -webkit-animation-name: jlbkimageanim;
  -webkit-animation-duration: 44s; 
  -webkit-animation-iteration-count: 100; 

  -webkit-animation-timing-function: linear; 
   animation-name: jlbkimageanim; 
  animation-duration: 44s; 
  animation-iteration-count: 100; 

  animation-timing-function: linear; 
}
html {
  scroll-behavior: smooth;
  }
.footcol{
    background-color:#000000;
}
.chunkholder{
    width:auto%;margin-left:auto;margin-right:auto;
}
.chunk{
    margin-top:10px; stition:relative; display:inline-block;
}
.chunk1, .chunk2, .chunk3{
    width:31%;clear:none;text-align: center;
}
.chunk2{
    border-left-style:solid;
    border-left-width:1px;
    border-left-color: #888888;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color: #888888;

}
ul#boilerplate{
    list-style-type: none;
    list-style: none;
}
.tsenner{
    text-align: center;
}
 
div.chunk div.jl-boiler-list ul#boilerplate li{
    margin-top:12px;
 }
.copyrightbox{
    text-align: center;
    width:50%;
    max-width: 750px;
    min-width: 300px;
    padding:10px 0px 10px 0px;
    margin:10px 0px 10px 0px;
}
.margcent{
    margin-left:auto;
    margin-right:auto;
}
table#titletablr tr th{
    width:32%;border:0px solid black important!;background-color: rgba(0, 0, 0, 0.0);border:0px solid black;font-size: 24px;letter-spacing:-0.03em;line-height: 0.9em;
}
table#titletablr{
    width:100%;border: 0px solid transparent important!;background-color: rgba(0, 0, 0, 0.0);border:0px solid black;
}
.callactioncontainer{
    display:block; position:relative; width:100%; height:100px; background-color:#cc2222; color:white;margin:0px; text-align: center;padding-top;10px;padding-bottom;10px;
}
.actionboxleft, .actionboxright{
    width:41%;display:inline-block;position:relative;padding:10px 0px 0px 0px;border:1px solid rgba(0, 0, 0, 0.5);height:auto;
}
.actionboxleft{
margin-right:6px;

}
.actionboxright{
margin-left:6px;
}
.logoboxbtm {
    display: inline-block;
    position: relative;
    width:20%; text-align: center;
    min-width: 220px;
}
.boxinnershad {
    display: inline-block;
    position: relative;
     text-align: center;
    padding:14px 20px 14px 20px;
    margin:16px 10px 26px 10px;
    box-shadow: 2px, 2px, #444444, inner;
    font-size: 17px;
    font-weight: 100;
    text-shadow: -1px -1px 1px #dddddd;
    color: #aaaaaa;
border-radius: 10px;
	background-color: rgb(255,255,255); /* Needed for IEs */
	 -moz-box-shadow:    inset 2px 0 12px #000044;
   -webkit-box-shadow: inset 2px 0 12px #000044;
   box-shadow:         inset 2px 0 12px #000044;

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}
/*
clips;;;
li:last-child {

body#fitmodalpix
<li class="slide-container">
		<div class="slide image fit">
          <img src="imagesrandom/9.jpg" />

==========================================================================================
*/