/* CSS Document */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

body
{
	margin:0px;
	padding:0px;
    font-family: 'Encode Sans Condensed', sans-serif;
	
}

.banner
{
	width:100%;
	padding:0px;
	margin:0px;
	border:px #E11619 solid;
	position: relative;
	background-image: url("../images/whitaker-construction-banner.jpg");
	background-size:cover;
	height:600px;
}

.banner-topnav
{
	z-index: 10;
	position: relative;
	/*margin-top:-70px;*/
}

.cart-row
{
	text-align: right;
	padding:20px 0px 20px 0px;
	font-weight: 500;
	font-size:20px;
	color:#000000;
}

.cart-row a
{
	text-decoration: none;
	color:#000000;
}

.cart-row a:hover
{
	color:#ffffff;
}

.content-area
{
	padding:0px;
	background:#fff;
}

#catalog_productsku {display:none;}

.content-inner
{
	max-width:1400px;
	margin:0 auto;
}

.example-image {max-width:300px;max-height:300px;margin:20px;}

.featured-products
{width:100%;
padding:30px 0px 50px 5px;
text-align: center;
background:#ffffff;
margin:0 auto;}

.featured-box
{width:218px;
background-color:#ffffff;
margin:10px;
display:inline-block;}

.featured-box-pic
{
text-align:center;
background-color:#FFF;	
border:2px #f2f2f2 solid;
height:200px;	
}

.featured-box-pic img
{max-width:200px;
max-height:200px;
vertical-align:middle;
position: relative;
/*top: 50%;
transform: translateY(-50%);*/
}

.featured-box-title
{text-align:center;
text-transform:uppercase;
color:#454640;
padding:6px;
font-weight:bold;
height: 50px;
line-height: 50px;
}

.featured-box-price
{text-align:center;
color:#58b21f;}

.featured-box-btn
{text-align:center;}

.featured-box-btn img
{width:100%;
height:auto;}

.featured-box-btn a
{border:2px #ffffff solid;
text-decoration:none;
display:block;
color:#ffffff;
margin:10px 20px 10px 20px;
font-weight: bold;	
text-transform:uppercase;
padding:10px 20px 10px 20px;
background-color:#f16820;}

.footer
{
	text-align: center;
	color:#444540;
	padding:50px 0px 50px 0px;
	background: #ffffff;
}

.footer2
{
	text-align: center;
	color:#ffffff;
	padding:30px;
background:#000;
}

.header
{
	padding-top:20px;
	width:100%;
	border:0px #EF1115 solid;
	background:#f16820;
}

.header-left
{
	float:left;
	width:330px;
	border:0px #426C09 solid;
	text-align: center;
	position: relative;
	z-index:20;
	margin:20px 0px 0px 10px;
}

.header-left img {max-width:275px;border:0px #000000 solid;}

.header-right
{
	width:600px;
	float:right;
	border:0px #072390 solid;
	padding-right:30px;
}

.home-gallery-btn
{text-align:center;}

.home-gallery-btn a
{border:2px #ffffff solid;
text-decoration:none;
display:block;
color:#ffffff;
margin:0 auto;
font-weight: bold;	
text-transform:uppercase;
padding:10px 20px 10px 20px;
max-width:150px;	
background-color:#f16820;}

.home-gallery-wrapper
{text-align: center;}

.home-gallery-wrapper img
{
	display: inline-block;
	max-height:300px;
	max-width:70%;
	margin:20px;
}

.search-field
{
	width:300px;
	padding:7px;
	border:0px #000000 solid;
	background:#f7f7f7;
}

.search-row
{
	text-align: center;
	background:#f7f7f7;
	border-radius: 20px;
	width:400px;
	padding:0px;
	float:right;
	border:2px #000000 solid;
}

.topnav
{
	background: #f16924;
	text-align:right;
	font-weight: 600;
	position: relative;
}

.topnav a
{
	color:#000000;
	line-height: 40px;
	padding:0px 30px 0px 30px;
	text-decoration: none;
	display:inline-block;
}

.topnav a:hover
{
	background: #fcb040;
}