@font-face {
    font-family: OELFont-bold;
    src: url(Arvo-Bold.ttf);
}
@font-face {
    font-family: OELFont-regular;
    src: url(Arvo-Regular.ttf);
}
@font-face {
    font-family: OELFont-italic;
    src: url(Arvo-Italic.ttf);
}
@font-face {
    font-family: OELFont-bold-italic;
    src: url(Arvo-BoldItalic.ttf);
}





body, html { 
    font-family: Arial, Georgia, Serif;
	margin:0;
	padding:0; 
}
h1 {font-family: OELFont-bold;}

.clear { clear:both; }
header {
    background: rgba(255,255,255,0.75);
	min-height:150px;
	position:relative;
	z-index:2;
}

.logo {
	padding:20px 60px 20px 60px;
}
	.logo img {
		max-width:200px;
	}

.cta {
	float:right; 
}
	.cta h1 {
		padding:30px 60px 10px 60px;
		text-transform: uppercase;
		font-size:40px;
		color:#4A4A4A; 
	}

.banner { 
    background-image: url("../img/banner.jpg");
	min-height:430px;
	max-height:600px;
	position:relative;
	z-index:1;
	padding-bottom: 50px;
	margin-top:-250px;  /* Change  - Padding */
	padding-top:250px;  /* Change  - Padding */
}
	.banner-block {
		-webkit-box-shadow: 10px 10px 25px rgba(0,0,0,0.5);
        box-shadow: 10px 10px 25px rgba(0,0,0,0.5);
		font-size:16px;
		background:rgba(74,74,74,0.75);
		color:#FFF;
		width:600px;
		margin-left:100px;
		margin-top:50px;
		padding:25px;
	}
		.banner-block h2 {
			
		}

	.banner-block-arrow {
		background-image: url("../img/carot.png");
		background-size: contain;
		background-repeat: no-repeat;
		height:40px;
		width:40px;
		position:relative;
		
		margin-left:750px;
		margin-top:-170px;
		padding:25px;
		
	}

.hw-container {	
	padding-top:30px;
    background-image: url("../img/hw-bg.jpg");
	min-height:170px;
	border-top:5px solid #000;
	border-bottom:2px solid #666;
	margin-bottom:30px;
	position:relative;
	z-index:2;
	text-align:center;
}
	.hw-container h2 {
		color:#FFF;
	}	
	.hw-input-wrap {
		max-width:400px;
		margin: 0 auto; 
	}

table {
    border-collapse: collapse;
    width:80%;
	margin-left:10%;
    margin-bottom: 20px;
}
	
tbody {
	border-bottom:1px solid #666;
	border-left:2px solid #eee;
	border-right:2px solid #eee;
}
tbody>tr>td:first-child,
tbody>tr>td:last-child {
    font-weight: bold;
}
	.t-results tr {
		padding:0;
		margin:0;
	}		
	.t-results tr td {
		border-bottom:2px solid #eee;
		border-right:2px solid #eee;
		font-size:18px;
        padding: 10px 12px;
	}		
	.t-header tr {
		background-color:#4a4a4a;
	}	
	.t-header th{
		background-color:#4a4a4a;
		min-height:50px;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
		color:#FFF;
		margin-right:-5px;
	}	
tr.t-header th {
    border-left: dashed 1px #eee;
}
tr.t-header:first-child {
    border-left: solid 2px #4a4a4a;
}
tr.t-header:last-child {
    border-right: #4a4a4a solid 2px;
}
	.t-dollar { 
		
	}
	.t-amt { 
		float:right;
	}
	
	
footer { 
	background-color:#4a4a4a;
	min-height:40px;
}	
	.foot-left {
		float:left;		
	}
		.foot-actions {			
			padding: 10px 10px 10px 60px;
		}
			.foot-act {
				float:left;
				padding-right:15px;
			}
				.foot-act img {
					max-height:40px;
                    padding: 0px 5px;
				}
	.foot-right {
		float:right;
		color:#FFF;
			padding: 15px 0 0 0;
	}
		.copy-text {
			padding: 30px 60px 10px 10px;
		}

input[type="text"] {
	width:60%; 
	float:left;	
	border:1px solid #eee;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	min-height:35px;
	max-height:35px;
	padding-left:15px;
}
	
input[type="submit"] {
	color:#FFF;
	font-size:18px;
	cursor:pointer;
	width:35%; 
	float:left;
	background-color:#4a4a4a;
	border:1px solid #eee;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	min-height:39px;
	max-height:39px;
	padding:3px;
}
@media screen and (max-width: 1041px) {
    .banner {
        margin-top: -345px;
        padding-top: 345px;
    }
}	

@media screen and (max-width: 868px)  {
	header {
		margin-top:-50px;
		text-align:center;
	}
	.logo {
		padding:0, 0, 25px, 0;
	}
		.logo img {
			width:100%;
		}	
	.cta {
		float:none; 
	}	
		.cta h1{
			margin: 30px 0 0 0;
			padding-bottom:0;
		}
	

	.banner { 
		background-image: url("../img/banner.jpg");		
		margin-top:-510px;  /* Change  - Padding */
		padding-top:530px;  /* Change  - Padding */
		text-align:center;
	}
		.banner-block {
			text-align:left;
			margin:0;
			margin-top:50px;
			padding:25px;
			width: 80%;
			margin-left:auto;
            margin-right: auto;
			padding-bottom:50px;
		}
		.banner-block-arrow {
			display:none;
		}
		.foot-left {
			float:none;		
			padding-top:10px;
		}
			.foot-actions {			
				padding: 0;
			}
				.foot-act {
					float:none;
					padding: 0;
					width:60%;
					margin-left:20%;
				}
					.foot-act img {
						width:100%;
					}
		.foot-right {
			float:none;
			padding: 0;
			width:90%;
			padding-top:10px;
			margin-left:5%;
		}
			.copy-text {
					
				padding: 0;
			}		
		
		
		
}	

@media screen and (max-width: 448px)  {
	.banner { 
		background-image: url("../img/banner.jpg");		
		margin-top:-370px;  /* Change  - Padding */
		padding-top:370px;  /* Change  - Padding */
	}	
}


@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}