body {
	background: url(../Images/bubble-wrap-background.jpg) repeat;
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}

.container {
		width: 1000px;
		margin: 0 auto;
		alignment-adjust:central
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src:url(../../../../Working%20Files/lib/fonts/League_Gothic-webfont.eot);
	src: url('../../../../Working Files/lib/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('../../../../Working Files/lib/fonts/League_Gothic-webfont.woff') format('woff'),
	url('/../fonts/League_Gothic-webfont.ttf') format('truetype'),
url('../../../../Working Files/lib/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
.fourCol{
	float:left;
	width:200px;
	height:350px;
	margin-right:20px;
	border:double #F00;
	background-color:#000;
	alignment-adjust:middle;
}

.twoCol{
	float:left;
	width:400px;
	color:#E45B1C;
	margin-right:20px;
}

h1 {
	text-transform:capitalize;
	color:#E45B1C;
	font-family: LeagueGothicRegular;
	font-size: 60px;
	border:#000;
}

h2 {
	text-transform:capitalize;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 40px;
}

h3 {
	text-transform: uppercase;
	color:#E45B1C;
	font-family: LeagueGothicRegular;
	font-size: 20px;
}
h4 {
	text-transform: uppercase;
	color:#E45B1C;
	font-family: LeagueGothicRegular;
	font-size: 30px;
}

p,li{
	color:#CCC;
	font-size:15px;
	line-height:22px;
}

h1, h2, h3{
	margin: 0;
}

/*Always add this to your css - Tell older browsers to display new tags as blocks*/

header, nav, section, footer{
	display: block;
	font-weight: bold;
}

nav a{
	background-color:#E45B1C;
	color:#000;
	padding:20px 45px;
	text-decoration:none;
	text-decoration:none;
	transition:1s;
}

nav a:hover{
	background-color:#FFF;
	padding:15px 65px;
	transition:1s;
}

footer{
	background-color:#000;
	padding:20px;
	border-top:5px solid #E45B1C;
	text-align:center;
	margin-top:20px;
}

.leftContent{
	float:left;
	width:960px;
}
.rightSideBar{
	float:right;
	width:300px;
}
.clearFloat{
	clear:both;
}

.serviceOne{
	background-color: #000;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 10px 10px 15px #000000;
	border: #E45B1C groove;
	font-size: 24px;
	font-weight: bold;
}

.serviceTwo{
	background-color:#000;
	padding:20px;
	border-radius:10px;
	box-shadow:10px 10px 15px #000000;
	transform:rotate(-5deg);
	border:#E45B1C groove;
}	

.imgLeft{
	float:left;
	margin-right:15px;
}

.imgRight{
	float:right;
	margin-left:15px;
}


.galleryImage{
	border:5px solid #E45B1C;
	padding:3px;
	transition:1s;
}

.galleryImage:hover{
	border:5px solid #E45B1C;
	transform:scale(1.3);
	transition:2s;
}

.galleryImageTwo{
	border:5px solid #900;
	padding:3px;
	border-radius:10px 80px;
	transition:1s;
}

.galleryImageTwo:hover{
	transform:scale(1.2);
	transition:1s;
}

.leftSideBar{
	float:left;
	width:300px
}

.rightContent{
	float:right;
	width:630px;
}

a{
	color:#999;
	text-decoration:none;
}

input, textarea{
	width:250px;
	background-color:transparent;
	color:#FFF;
	border:1px solid #00F;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

input:hover, textarea:hover{
	box-shadow:0px 0px 15px #CC0099;
}

.threeColTxt{
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-gap:30px;
	-moz-column-gap:30px;
	-webkit-column-gap:30px;
	}


.gradient{
	/*FALLBACK FOR IF GRADIENT DOES NOT DESPLAY*/
	background-color:#0FC;
	background-image:linear-gradient(#00F,#0FF);
	/*background-image:radial-gradient(#00F,#0FF);*/
	padding:20px;
}

.Text{
	color: #FFF;
	font-size:24px;
	font-family: "Arial Black", Gadget, sans-serif;
	text-align: center;
}

.caption{
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

.Quote{
	color: #E45B1C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 24px;
	text-align: center;
}

.Quote1{
	color: #E45B1C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 36px;
	text-align: center;
}
.button{
	background-color:#000;
	color:#E45B1C;
	padding:15px;
	text-decoration:none;
}

.button:hover{
	background-color:#000;
}

.Logo{padding:20px 45px;}

.CustomText{color:#E45B1C;
font-size:36px;}

.slideshow{
        
            margin: 0 auto;
            padding-top:10px;
            height: 250px;
			width:960;
            background:none;
            box-sizing: border-box ;
        }
        
        .content{
        
            margin: auto;
            width: 200px;
            perspective:900px;
            position: relative;
            padding-top:50px;
        }
        
        .content-carrousel{
        
            width: 100%;
            position: absolute;
            float:right;
            animation: rotar 15s infinite linear;
            transform-style:preserve-3d;
        
        }
        
        .content-carrousel:hove{
        
            animation-play-state: paused;
            cursor:pointer;
        }
        
        
        .content-carrousel figure{
        
            width: 100%;
            height: 80px;
            border: none;
            overflow: hidden;
            position: absolute;
        }
        
        .content-carrousel figure:nth-child(1){
            transform:rotateY(0deg) translateZ(250px)
        
        }
        
        .content-carrousel figure:nth-child(2){
        
            transform:rotateY(72deg) translateZ(250px)
        
        }
        
        .content-carrousel figure:nth-child(3){
        
        transform:rotateY(144deg) translateZ(250px)
        
        }
        
        .content-carrousel figure:nth-child(4){
        
        transform:rotateY(216deg) translateZ(250px)
        
        }
        .content-carrousel figure:nth-child(5){
        
        transform:rotateY(288deg) translateZ(250px)
        
        }
        
       
        
        
        .shadow{
        
            position: absolute;
            box-shadow: 0px 20px 0px none;
            border-radius: 2px;
        }
        
        .content-carrousel img{
        
            image-rendering: auto;
            transition: all 300ms;
            width: 100%;
            height: 100%;
        }
        
        .content-carrousel img:hover{
        
            transform:scale(1.2);
            transition: all 300ms;
        }
        
        @keyframes rotar{
            from{
                transform:rotateY(0deg);
            }
        
            to{
                transform: rotateY(360deg);
            }
        }