body {
		width: 100%;
		height: 100%;
		top: 0px;
		padding: 0;
		background-image: url(images/bkgd.jpg);
		background-size: 100%;
		background-repeat: repeat-x;
		background-color: rgba(0,0,0,1);
		background-clip: border-box;
		background-attachment:fixed
	}
	#headerBkgd {
		inline-box-align: last;
		margin: 0 auto;
		padding: 10px 10px 10px 10px;
		width: 1132px;
		height: 140px;
		background-color: rgba(0,0,0,.4);
		background-size: contain;
		z-index: 1;
	}
	#numberContainer {
		width: 100%;
		height: 100%;
		text-align: right;
	}
	#contactNumber {
		padding: 40px 40px 40px 40px;
		text-outline: rgba(255,255,255,1);
		font-size: 36px;		
		font-family: Verdana, Geneva, sans-serif;
		color: rgba(204,204,204,1);
	}
	#header {
		margin: 0 auto;
		margin-top: 0;
		width: 100%;
		height: 160px;
		background-color: rgba(0,0,0,.5);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 2;
	}
	#logo {
		float: left;
		top: 1.5%;
		width: 500px;
		z-index: 210;
	}
	.logoIndex {
		text-decoration: none;
		color: rgba rgba(0,0,0,.0);
		
	}
	.logoIndex: hover{
		text-decoration: none;
		color: rgba rgba(0,0,0,.0);
	}
	div.quoteBkgd {
		margin-left: 400px;
		position: absolute;
		top: 190px;
		width: 496px;
		height: 379px;
		z-index: 305;
	}
	#aboutCrateCo {
		position: absolute;
		margin-left: 400px;
		top: 590px;
		width: 652px;
		height: auto;
		padding: 10px 10px 10px 10px;
		background-size: contain;
		background-repeat: no-repeat;
		background-color: rgba(0,0,0,.8);
		color: rgba(255,255,255,1);
		text-align: left;
		font-size: 14px;
		z-index: 410;
		font-family: Verdana, Geneva, sans-serif;
	}
    
	#aboutCrateCo p strong {
		font-size: 20px;
	}
	#aboutCrateCo p {

	}
	#crateInfo {
		position: absolute;
		margin-left: 10%;
		top: 61%;
		width: 78%;
		height: auto;
		max-height: 40%;
		padding: 10px 10px 10px 10px;
		background-size: contain;
		background-repeat: no-repeat;
		background-color: rgba(0,0,0,.8);
		color: rgba(255,255,255,1);
		text-align: left;
		font-size: 14px;
		z-index: 410;
		font-family: Verdana, Geneva, sans-serif;
	}
    
	#crateInfo p strong {
		font-size: 20px;
	}
	#crateInfo p {

	}
	div.buttonHome{
		margin: 40px;
		position: absolute;
		background-image: url(images/buttonHome.png);
		background-size: contain;
		background-repeat: no-repeat;
		top: 190px;
		width: 250px;
		height: 104px;
		z-index: 203;
	}
	div.buttonHome:Hover {
		background-image: url(images/buttonHomeH.png);
		background-size: contain;
	}
	div.buttonProducts {
		margin: 40px;
		position: absolute;
		background-image: url(images/buttonProducts.png);
		background-size: contain;
		background-repeat: no-repeat;
		top: 254px;
		width: 250px;
		height: 104px;
		z-index: 202;
	}
	div.buttonProducts:Hover {
		background-image: url(images/buttonProductsH.png);
		background-size: contain;
	}
	div.buttonContact {
		margin: 40px;
		position: absolute;
		background-image: url(images/buttonContact.png);
		background-size: contain;
		background-repeat: no-repeat;		
		top: 334px;
		width: 250px;
		height: 104px;
		z-index: 201;
	}
	div.buttonContact:Hover {
		background-image: url(images/buttonContactH.png);
		background-size: contain;
	}
	div.contentIndex {
		
		margin: 0 auto;
		top: 140px;
		width: 1152px;
		height: 680px;
		background-color: rgba(0,0,0,.5);
			
	}
	div.content {
		
		margin: 0 auto;
		top: 140px;
		width: 1152px;
		height: 680px;
		background-color: rgba(0,0,0,.5);
			
	}
	#skeleton {
		position: absolute;
		margin-left: 10%;
		top: 10%;
		width: 35%;
		height: 35%;
		background-image: url(../images/Skeleton-2.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 1000;
	}
	a:link {#CC9900;}    /* unvisited link */
	a:visited {color:#00FF00;} /* visited link */
	a:hover {color:#FF00FF;}   /* mouse over link */
	a:active {
	color: #0000FF;
	font-family: Verdana, Geneva, sans-serif;
}  /* selected link */
	#contactForm {
		position: absolute;
		margin-left: 550px;
		top: 180px;
		width: 450px;
		height: auto;
		padding: 20px 20px 20px 20px;
		color: rgba(0,0,0,1);
		background-color: rgba(0,0,0,.0);
		z-index: 102;
	}
	#sliderBox {
		Position: fixed;
		left: 38%;
		top: 140px;
		width: 39%;
		height: 312px;
		background-color: rgba(0,0,0,.8);
		z-index: 222;
	}
	
	#contactDetails {
		position: absolute;
		margin-left: 145px;
		top: 541px;
		width: 240px;
		height: auto;
		color: rgba(255,255,255,1);
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		padding: 1% 1% 1% 1%;
		background-color: rgba(0,0,0,.0);
		z-index: 1000;
	}
	#mapBkgd {
		position: absolute;
		margin-left: 550px;
		top: 541px;
		width: 490px;
		height: 32%;
		background-color: rgba(0,0,0,.0);
		z-index: 1000;
	}
	#map_canvas {
		position: absolute;
		left: 5%;
		top: 5%;
        width: 90%;
        height: 90%;
		background-color: rgba(255,255,255,.7);
	}
	#footer {
		
		margin: 0 auto;
		top: 600px;
		width: 1152px;
		height: auto;		
		padding: 15px 0 5px 0;
		background-color: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		font-size: 10px;
		font-family: Verdana, Geneva, sans-serif;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 1000;
	}
/*	#footer2text {
		display: block;
		float: inherit;
		position: fixed;
		left: 20%;
		top: 93%;
		width: 60%;
		height: 13%;
		padding: 8px 0px 0px 0px;
		background-color: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		font-size: 10px;
		font-family: Verdana, Geneva, sans-serif;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 400;
	}
	
	
	
/* Facebook Link - Footer */
a.facebookLink  {
                text-decoration: none;
                }
                
img.facebookLogo    {
                    display: inline;
                    opacity: 0.9;
                    border: none;
                    }
                    
img.facebookLogo:hover   {
                        opacity: 1;
                        }