@charset "utf-8";
/* CSS Document */



/*---------------------------Header------------------------*/

.headerwrap {
	position:relative;
	margin-top:0px;
	left:0px;
	width:100%;
	z-index:100;
	height:190px;
}
.htopleft {
	position:absolute;
	top:-23px;
	left:0px;
	width:50%;
	height:25px;
	z-index:10;
}
.htopright {
	position:absolute;
	top:-23px;
	right:0px;
	width:50%;
	height:25px;
	z-index:10;
}


/*---------------------------Navigation------------------------*/

.navbar {
	position:absolute;
	left:0px;
	top:12%;
	width:100%;
	height:36px;
	z-index:300;
}
.merica {
	position:relative;
	margin-top:-2px;
	margin-left:12px;
	z-index:120;
	height:38px;
}



/*----------------------------------------buttons-------------------------------------*/
.buttons {
	position:absolute;
	left:0px;
	bottom:32%;
	width:100%;
	height:74px;
	z-index:300;
}


/*----------------------message button-------------------*/
.message-button {
	position:absolute;
	left:10%;
	top:48%;
	padding:0px;
	color:rgba(255,255,255,1.00);
	border-radius:3px;
}
.message-graphic {
	position:absolute;
	left:0px;
	top:0px;
	width:58px;
	height:40px;
	z-index:201;
	border-radius:5px;
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.8);
}
.message-graphic:hover {
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.0);
	cursor:cell;
}
.message-box {
	position:absolute;
	top:50px;
	left:0px;
	padding:5px;
	background:rgba(255,255,255,0.95);
	z-index:300;
	border:4px solid #FFFFFF;
	border: inset 4px rgba(255,255,255,0.5); 
	border-color:#FFFFFF;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	cursor:default;
}
.mbspacer {
	position:absolute;
	top:0px;
	left:0px;
	height:60px;
	width:70px;
	z-index:200;
	cursor:cell;
}
.thanks {
	position:absolute;
	top:75px;
	left:-120px;
	width:420px;
	padding:4px;
	padding-top:1.5px;
	font-size:22px;
	font-weight:bold;
	color:rgba(0,0,0,1.0);
	text-shadow: -4px 2px 1px rgba(255,255,255,1.00);
	box-shadow: -9px -9px 16px -3px rgba(0,0,0,.35), -3px -2px 2px 0px rgba(0,0,0,.9), -3px -2px 7px 1px rgba(0,0,0,.6);
	background-color:rgba(255,255,255,0.95);
	border-radius:4px;
	z-index:120;
}

/*----------------------quick quote button-------------------*/
.quotebutton {
	position:absolute;
	left:30%;
	/*margin-left:125px;*/
	top:47%;
	height:50px;
	width:45px;
	z-index:200;
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.8);
	border-radius:3px;
}
.quotebutton:hover {
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.0);
	cursor:cell;
}
.quickquote {
	position:absolute;
	height:430px;
	width:650px;
	margin-left:-280px;
	margin-top:50px;
	backgound:rgba(255,255,255,0.50);
	z-index:400;
}


/*-------------demo/extraction button---------*/
.demo-button {
	position:absolute;
	right:32%;
	top:34px;
	height:50px;
	width:50px;
	z-index:200;
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.8);
	border-radius:5px;
	cursor:pointer;
}
.demo-button:hover {
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.0);
}
/*-------------driveway button---------*/
.driveway-button {
	position:absolute;
	right:14%;
	top:29px;
	height:50px;
	width:50px;
	z-index:200;
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.8);
	border-radius:5px;
	cursor:pointer;
}
.driveway-button:hover {
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.0);
}

/*-------------patio button---------*/
.patio-button {
	position:absolute;
	right:23%;
	top:32px;
	height:50px;
	width:50px;
	z-index:200;
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.8);
	border-radius:5px;
	cursor:pointer;
}
.patio-button:hover {
	box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.0);
}

/*-------------specials button---------*/
.specials-button {
	position:absolute;
	right:5%;
	top:14px;
	height:75px;
	z-index:200;
	border-radius:5px;
	cursor:pointer;
}
.concrete-deals-img {
	position:absolute;
	top:0px;
	left:0px;
	border-radius:5px;
}
#deals-s {
	opacity:1.0;
}
#deals:hover + #deals-s {
	opacity:0.0;
}


.button_overlay {
	opacity:0.0;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.52);
	box-shadow: inset 0 0 8px rgba(0,0,0,0.8), inset 0 0 8px rgba(0,0,0,0.8), inset 0px 0px 15px 11px rgba(255,255,255,0.38), inset 0 0 3px rgba(0,0,0,1.00), inset 0px 0px 17px 10px rgba(255,255,255,0.72), inset 0 0 3px rgba(0,0,0,1.00);
	border-radius:5px;
	pointer-events:none;
}

/*-----------------------login-------------------
.login {
	position:absolute;
	left:50vw;
	margin-left:-105px;
	top:-24px;
	width:225px;
	height:42px;
	z-index:200;
	border-radius:2px;
	overflow:none;
}*/



/*----------search bar----------*/
.searchwrap {
	position:absolute;
	right:50px;
	top:-14px;
	width:185px;
	background:rgba(0,0,0,1.00);
	/*box-shadow: 0 0 12px rgba(0,0,0,1.00);*/
	z-index:200;
	border-radius:4px;
}
.searchwrap:hover {
	box-shadow: 0 0 12px rgba(0,0,0,0.00);
}
.searchform {
	position:absolute;
	left:0px;
	top:0px;
	width:185px;
	padding: 3px 2px 3px 2px;
	background:rgba(230,230,230,1.00);
	box-shadow: inset 0 -7px 12px rgba(0,0,0,0.30);
	border-radius:1.5px;
}
#searchbar {
	background:rgba(255,255,255,1.00);
	width:100px;
	margin-left:3px;
}
#searchbutton {
	position:relative;
	float:right;
	margin-right:2px;
	cursor:pointer;
}
.nomatch {
	display:none;
	position:absolute;
	right:25px;
	top:35px;
	padding:4px;
	border-radius:4px;
	background:rgba(255,255,255,1.00);
}



/*---------------------------------------------------Footer------------------------------------------*/



.footerback {
	Position:relative;
	width:100%;
	height:100%;
	z-index:100;
}
.superlogo {
	position:absolute;
	top:85px;
	left:5px;
	width:420px;
	z-index:200;
}

.superlogo-right {
	position:absolute;
	top:-5%;
	right:5px;
	z-index:200;
}






a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	cursor:pointer;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}