/*-----------------------------------------------------------------------------
author:    www.blackwaspdigital.com
-----------------------------------------------------------------------------*/


/* =Wheeler Pawn Index/Home page
-----------------------------------------------------------------------------*/
#leftCol {
	float:left;
	width:50%;
	}
	
#rightCol {
	float:right;
	width:45%;
	}
	
#storeBtn {
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;	
	max-width:450px;
	margin:0 0 1.5em 0;
	width:100%;
	}
	
#storeBtn:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
#pawnExterior {
	border:#026669 solid 10px;
	max-width:450px;
	transform: rotate(-3deg);
	margin:0 auto 1.5em auto;
	-webkit-box-shadow: 0px 0px 15px rgba(136, 74, 11, .85);
	-moz-box-shadow: 0px 0px 15px rgba(136, 74, 11, .85);
	box-shadow: 0px 0px 15px rgba(136, 74, 11, .85);
	width:98%;
	}

#tealWrapper {
	background: url(../img/tealBg.jpg) top center repeat #026b6e;
	color:#fff;
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, .5);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, .5);
	position: relative; 
	z-index:10;
	}
	
#tealLeftCol {
	float:left;
	width:33%;
	}
	
#tealRightCol {
	float:right;
	width:64.4%;
	}
	
#tealLeftCol img {
	max-width:330px;
	width:100%;
	margin:0 auto;
	}
	
#tealWrapper section h1 {
	color:#fff;
	text-shadow:2px 2px #003d3f;
	}
	
#tealWrapper section p {
	color:#fff;
	margin:0;
	padding:0;
	}
	
#tealWrapper section p a {
	color:#a0fcff;
	}

#tealWrapper section p a:link, #tealWrapper section p a:visited {
	text-decoration:underline;
	}

#tealWrapper section p a:hover, #tealWrapper section p a:active {
	color:#003d3f;
	background:#a0fcff;
	text-decoration:none;
	}
	

@media screen and (max-width: 768px) {
	
#leftCol {
	float:none;
	width:100%;
	margin:0 0 1.5em 0;
	}
	
#rightCol {
	float:none;
	width:100%;
	}
	
#tealLeftCol {
	float:none;
	width:100%;
	margin:0 0 1.5em 0;
	}
	
#tealRightCol {
	float:none;
	width:100%;
	}	
		
}