div.main_container {
margin: auto;
width: 768px;
}

div.holder {
position:relative;
width: 768px;
}

div.holderB {
position:relative;
width: 450px;
}

div.fgimage {
position:relative;
min-width: 1024px;
width:100%;
height:600px;
overflow:hidden;

}

div.Limage {
position:absolute;
top:1450px;
}
.sideImg {
width:450px;
}

div.gallery {
position:relative;
left:620px;
top:300px;
width:254px;
}

div.gList {
position:absolute;
width:254px;
min-height:480px;
background-color:black;
padding:2px;
box-shadow: 10px 10px 20px #000000;
}

.iGal {
width:120px;
}

.iGal:hover {
	-moz-transform:scale(3) translate(-40px,0px);
	-webkit-transform:scale(3) translate(-40px,0px);
	-o-transform:scale(3) translate(-40px,0px);
	-ms-transform:scale(3) translate(-40px,0px);
	transform:scale(3) translate(-40px,0px);
	z-index:2;
	opacity:1;
	-moz-box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow:5px 3px 5px rgba(0, 0, 0, 0.3);
}



div.title {
position:absolute;
width:400px;
top:-500px;
left:350px;
/*border:1px solid black;
color:white;
font-family:"LatoWebBold";
font-size:80px;
line-height:50px;
text-shadow: 2px 2px #000000;*/
}

div.foreground {
color:black;
position:absolute;
top:-500px;
left:-100px;
height:500px;
width:350px;
}

p.iTitle {
font-family:"LatoWebMedium";
font-size:18px;
margin-bottom: 0px;
}

div.wide {
position:relative;
width: 700px;
}


div.lower {
position:relative;
top:50px;
}

div.details {
position:absolute;
overflow:hidden;
top:550px;
width: 500px;
/*height: 340px;*/
margin: 0;
padding: 0;
}

div.panel {
float:left;
Width:250px;
height:200px;
}

div.large {
color:white;
font-family:"LatoWebHairline";
font-size:80px;
position:relative;
top:70px;
}

.smallText {
font-family:"LatoWebHairline";
font-style:normal;
font-size:18px;
text-align: center;
}
.fade {
position:absolute;
min-width: 720px;
height:50px;
width:100%;
}
.fbottom {
top:550px;
}
.ftop {
	top:0px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.left {
left: -100px;
}

.right {
left: 420px;
}

.position_lower {
top: 400px;
}

p.head {
color:black;
font-family:"LatoWebMedium";
font-size:28px;
margin-top: 10px;
margin-bottom: 20px;
text-align: justify;
text-justify: inter-word;
}

p.main {
color:black;
font-family:"LatoWebLight";
font-size:24px;
line-height:150%;
text-align: justify;
text-justify: inter-word;
margin-top: 0px;
margin-bottom: 0px;
}

p.main::first-letter {
font-size: 200%;
}

p.bold {
font-family:"LatoWebMedium";
font-size:24px;
color:111155;
margin-top: 0px;
margin-bottom: 0px;
display: inline;
}

p.heavy {
font-family:"LatoWebBold";
font-size:28px;
margin-top: 0px;
margin-bottom: 0px;
display: inline;
}

p.elems {
text-indent: -20px;
padding-left: 20px;
}
p.elems:first-line {
font-weight:bold;
color:111155;
}

div.media {
position:relative;
top:-50px;
z-index: 100;
}
div.blue {
position:relative;
width:100px;
height:50px;
left:375px;
top:-25px;
-ms-transform: rotate(-20deg); /* IE 9 */
-webkit-transform: rotate(-20deg); /* Safari */
transform: rotate(-20deg);
font-family:"LatoWebMedium";
color:#11FF11;
font-size:50px;
}

img.fit {
position: absolute;
min-width:1024px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

img.scale {
 width:100%;
}

.footer {
margin: auto; 
width:960px;
height:500px;
color:white;
font-family:"LatoWebLight";
font-size:20px;
line-height:150%;
text-align: justify;
text-justify: inter-word;
margin-top: 0px;
margin-bottom: 0px;
}

.black {
background-color:black;
}

/* CSS Crossfading */
.css-slideshow {
   position: relative;
  /* border:1px solid black;*/
}

.positionA {
	left:-200px;
   height: 380px;
}
.css-slideshow figcaption{
   position: absolute;
   top: -35px;
   left:100px;
   color: #fff;
   background: rgba(0,0,0, .3);
   padding: 8px 12px;
   opacity: 1;
   transition: opacity .5s;
}
.css-slideshow:hover figure figcaption sfigure{
   transition: opacity .5s;
   opacity: 1;
}

.showAdjust {
position:absolute;
width:450px;
top:65px;
}


/* Show with 4 elements */

sfigure:nth-child(1) {
   animation: sfade 30s 24s infinite;
}
sfigure:nth-child(2) {
   animation: sfade 30s 18s infinite;
}
sfigure:nth-child(3) {
   animation: sfade 30s 12s infinite;
}
sfigure:nth-child(4) {
   animation: sfade 30s 6s infinite;
}
sfigure:nth-child(5) {
   animation: sfade 30s 0s infinite;
}

/* Show with 6 elements */

figure:nth-child(1) {
   animation: xfade 36s 30s infinite;
}
figure:nth-child(2) {
   animation: xfade 36s 24s infinite;
}
figure:nth-child(3) {
   animation: xfade 36s 18s infinite;
}
figure:nth-child(4) {
   animation: xfade 36s 12s infinite;
}
figure:nth-child(5) {
   animation: xfade 36s 6s infinite;
}
figure:nth-child(6) {
   animation: xfade 36s 0s infinite;
}

/* Set the duration based on the show length */
@keyframes xfade{
  16% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}
/* Set the duration based on the show length */
@keyframes sfade{
  20% {
    opacity:1;
  }
  40% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}

.dom::before {
content: "\0040";
}

.phn::before {
content: "Phone";
}

.eml::before {
content: "Email";
}

div.number {
display:inline;
}
 
