html {
  overflow-y: scroll;
}

html,body {
  height: 100%;
}

body {
  background: url(../images/wood-BackgroundS.jpg);
  font-family: Helvetica,arial,Times New Roman;
  color: #3C3C3C;
  position: relative;
  min-width: 320px;
  line-height: 24px;
}


.light {
  margin: auto;
	/*-webkit-box-shadow: 3px 3px 10px 5px #616161;
	box-shadow: 3px 3px 10px 5px #616161;*/;
}
	
/******************************ESTIMATOR*******************************/

#calculateLeanToTruss {
  display: none;
}

.formImage {
  border: 1px solid #dfdfdf;
  padding: 5px;
  border-radius: 5px;
  float: right;
  text-align: center;
  margin-top: 20px;
  margin-left: 6px;
  background-color: white;
}

.formImage img {
  background-image: linear-gradient(bottom, #FFFFFF 25%, #86A1B5 88%);
  background-image: -o-linear-gradient(bottom, #FFFFFF 25%, #86A1B5 88%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 25%, #86A1B5 88%);
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 25%, #86A1B5 88%);
  background-image: -ms-linear-gradient(bottom, #FFFFFF 25%, #86A1B5 88%);
  background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.25, #FFFFFF),
	color-stop(0.88, #86A1B5)
);
}

.calcHeader {
  font-size: 20px;
  border-bottom: 1px solid #ccd9e7;
}

.trussPricing {
  margin-top: 16px;
  line-height: 28px;
  padding: 5px;
  border: 1px solid #C9C9C9;
  background: #E0E0E0;
  -webkit-box-shadow: -2px 2px 6px -3px rgba(0,0,0,0.65);
  -moz-box-shadow: -2px 2px 6px -3px rgba(0,0,0,0.65);
  box-shadow: -2px 2px 6px -3px rgba(0,0,0,0.65);
}

.trussPricing div {
  display: inline-block;
}

.trussPricingBox {
  margin-right: 20px;
  display: inline-block;
  top: -1px;
  display: inline-block;
  padding: 2px 9px 2px 8px;
  height: auto;
  line-height: 18px;
  text-align: center;
  vertical-align: text-top;
  color: #777;
  background: #f9f9f9;
  border-top: 1px solid #CCC;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.trussPricing label {
  font-weight: 600;
}

label {
  display: inline-block;
  min-width: 70px;
  font-weight: 600;
}

.label, .boxLabel {
  display: inline-block;
  min-width: 70px;
  font-weight: 600;
}

.boxLabel {
  min-width: 1px;
}

#estimateForm {
  margin-top: 45px;
}

fieldset {
  margin-top: 15px;
  border: 0px;
}

legend {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #ccd9e7;
  width: 100%;
}

#spinner, #spinnerLeanTo {
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  display: none;
}
	

	
/***********************************CUSTOM*******************************/

ol > li {
  padding-bottom: 20px;
}

.bullet-list {
  padding-left: 25px;
  padding-bottom: 25px;
}

.bullet-list > li {
  list-style-type: inherit;
  line-height: 25px;
}

.shippingBox {
  width: 99%;
  position: relative;
  text-align: center;
}

.shippingBox  div {
  position: relative;
  top: 180px;
  width: 100%;
  background-color: rgba(27, 27, 27, 0.5);
  color: white;
  font-weight: bold;
  font-size: 1.4em;
  padding: 4px 0px;
}

.shippingBox  img {
  width: 100%;
}

.number {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: grey;
  padding: 6px 13px;
  text-shadow: none;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
}

.tool {
  text-align: left;
  display: inline-block;
  border: solid 1px #BEBEBE;
  margin-bottom: 25px;
  padding: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  min-height: 80px;
  font-size: .9em;
  background-color: #F0F0F0;
  background-image: -o-linear-gradient(bottom, #F0F0F0 0%, #DFDFDF 75%);
  background-image: -moz-linear-gradient(bottom, #F0F0F0 0%,#DFDFDF 75%);
  background-image: -webkit-linear-gradient(bottom, #F0F0F0 0%, #DFDFDF 75%);
  background-image: -ms-linear-gradient(bottom, #F0F0F0 0%, #DFDFDF 75%);
  background-image: linear-gradient(to bottom, #F0F0F0 0%, #DFDFDF 75%);
}

.tool h4 {
  color: #0C5477;
  font-size: 1.4em;
  text-shadow: 1px 1px 0px #C2C2C2;
  padding-bottom: 4px;
}

.tool img {
  float: left;
  padding-right: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
}

.tool span {
  color: #484646;
}

.tool:hover {
  background-color: #d7e8f1;
  background-image: none;
  text-decoration: none;
}

.priceTable {
  border-width: 0px;
  align: center;
  width: 100%;
}

.priceTable td {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: 4px;
  vertical-align: middle;
}

.priceTable th {
  background-color: #d7e8f1;
}

.highlight {
  background-color: #fff799;
}

.headerRow {
  background: url("../images/slider-tail.jpg") repeat-x scroll center top transparent;
  background-color: grey;
  color: rgb(222, 222, 222);
}

.descriptionRow {
  background-color: #F5F5F5;
}
	
/*********************************header*************************************/
header {
  width: 100%;
  padding: 15px 0 0;
}

header .indent-bottom {
}

header .indent-bottom1 {
  padding-bottom: 20px;
}

h1 {
  float: left;
}

h1 a {
  display: block;
  min-height: 139px;
  min-width: 300px;
  background: url(../images/logo-full.png) 0 0 no-repeat;
  padding-left: 188px;
}

h1 a:hover {
  text-decoration: none;
}

h1 a span {
  display: inline-block;
  background: url(../images/logo-separator.gif) 0 0 repeat-y;
  font: 700 12px/16px 'Droid Sans', sans-serif;
  color: #909090;
  text-shadow: 1px 1px 0px #fff;
  text-transform: uppercase;
  padding: 10px 0 8px 22px;
}

h1 a strong {
  display: none;
}

.secondary-menu {
  float: right;
  overflow: hidden;
  padding-top: 10px;
}

.secondary-menu > li {
  float: left;
  color: black;
  font: 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 0px #fff;
  text-transform: uppercase;
  padding: 0 9px 0 8px;
  background: url(../images/secondary-menu-separator.gif) right center no-repeat;
}

.secondary-menu > li:first-child {
  padding-left: 0;
}

.secondary-menu > li.last-item {
  padding-right: 0;
  background: none;
}

.secondary-menu > li > span {
  float: left;
}

.secondary-menu > li a {
  color: black;
}

.secondary-menu > li a:hover {
  text-decoration: none;
  color: #2d2b2b;
}
/*----- social icons -----*/
.social-icons {
  margin: 0;
  list-style: none;
  float: right;
  margin-left: 9px;
  margin-top: -10px;
}

.social-icons li {
  float: left;
  margin-right: 4px;
}

.social-icons li a {
  display: block;
  width: 30px;
  height: 31px;
  background-image: url(../images/social-icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
}

.social-icons .icon-1 a {
  background-position: 0 top;
}

.social-icons .icon-1 a:hover {
  background-position: 0 -42px;
}

.social-icons .icon-2 a {
  background-position: -34px top;
}

.social-icons .icon-2 a:hover {
  background-position: -34px -42px;
}

.social-icons .icon-3 a {
  background-position: -68px top;
}

.social-icons .icon-3 a:hover {
  background-position: -68px -42px;
}

.navigation {
  width: 100%;
  background: url(../images/navigation-tail.gif) 0 top repeat-x #dddddd;
  border-top: 1px solid #fff;
  padding-bottom: 1px;
  box-shadow: 0 3px 5px #777;
  -moz-box-shadow: 0 3px 5px #777;
  -webkit-box-shadow: 0 3px 5px #777;
}

#banner {
  padding: 4px 6px 2px 9px;
  overflow: hidden;
  border-top: 1px solid #fff;
  background: url(../images/banner-tail.gif) center top repeat-x #ddd;
  margin-bottom: 9px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0px 1px 3px #afafaf;
  -moz-box-shadow: 0px 1px 3px #afafaf;
  -webkit-box-shadow: 0px 1px 3px #afafaf;
  margin-bottom: 35px;
}

#banner figure {
  overflow: hidden;
  margin-bottom: 2px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 2px 0px #fff;
  -moz-box-shadow: 0px 2px 0px #fff;
  -webkit-box-shadow: 0px 2px 0px #fff;
}
/********************************* Content **********************************/
#content {
  width: 100%;
  padding: 10px 0 49px;
  background-color: white;
  font-size: 16px;
}
/*----- Global Structure -----*/
.clear {
  clear: both;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  height: 0;
  width: 100%;
}

.wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.extra-wrap {
  overflow: hidden;
  display: block;
}

.alignright {
  text-align: right;
}

.aligncenter {
  text-align: center;
}

.img-indent {
  float: left;
  margin-right: 20px;
}

.img-indent2 {
  float: left;
  margin-right: 10px;
}

.last-item {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
} 

/* ---------- Tags ---------*/
h3 {
  font: 700 18px/20px 'Droid Sans', sans-serif;
  font-size: 24px;
  color: #0C5477;
  text-shadow: 1px 1px 0px #fff;
  letter-spacing: -1px;
  background: url(../images/pic1.gif) 0 bottom repeat-x;
  padding-bottom: 8px;
}

h5 {
  font: 400 14px/20px 'Droid Sans', sans-serif;
  color: #484646;
  text-shadow: 1px 1px 0px #fff;
}

h5.title1 {
  font-weight: 700;
  line-height: 18px;
  text-shadow: none;
}

h5 a {
  color: #484646;
}

h5 a:hover {
  text-decoration: none;
  background: #639edd;
  color: #fff;
  text-shadow: none;
}

h6 {
  font: 400 1.1em  'Droid Sans', sans-serif;
  color: #484646;
  text-shadow: 1px 1px 0px #fff;
  font-weight: bold;
  line-height: 26px;
}

h6 a {
  color: #484646;
}

h6 a:hover {
  text-decoration: none;
  background: #639edd;
  color: #fff;
  text-shadow: none;
}

blockquote {
  width: 100%;
}

.quote-caption {
  text-align: right;
}

time.date1 {
  display: block;
  background: url(../images/date-icon.gif) 0 0 no-repeat;
  padding-left: 22px;
  padding-top: 2px;
  font: 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #7d7d7d;
}
/*---------- Columns --------*/
.col-6 {
  float: left;
  width: 230px;
  margin-right: 10px;
}
/*----------- Boxes ----------*/
.box1 {
  padding-top: 79px;
  text-align: center;
}

.box1.icon-1 {
  background: url(../images/icon1.png) center top no-repeat;
}

.box1.icon-2 {
  background: url(../images/icon2.png) center top no-repeat;
}

.box1.icon-3 {
  background: url(../images/icon3.png) center top no-repeat;
}

.box1.icon-4 {
  background: url(../images/icon4.png) center top no-repeat;
}

.box1 h3 {
  background: none;
  padding-bottom: 0;
}

.box1 a {
  text-decoration: underline;
}

.box1 a:hover {
  text-decoration: none;
}

.box1 a.button {
  text-decoration: none;
}

.box2 {
  display: inline-block;
  background: #fff;
  padding: 4px;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
  border-bottom: 1px solid #b4b4b4;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.18);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.18);
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.18);
}
/*---------- Fonts ----------*/
.font-1 {
  font-family: Arial, Helvetica, sans-serif;
}

.font-2 {
  font-size: 11px;
  line-height: 14px;
}

.font-3 {
  font: 700 14px/20px 'Droid Sans', sans-serif;
  color: #484646;
}

.font-3 a {
  color: #484646;
}

.font-3 a:hover {
  text-decoration: none;
  background: #639edd;
  color: #fff;
  text-shadow: none;
}
/*---------- Links ----------*/
a {
  color: #47719D;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a[href^="tel:"] {
  color: #7d7d7d;
  text-decoration: none;
}

.button {
  display: inline-block;
  font: 400 15px/18px 'Droid Sans', sans-serif;
  color: #5F5F5F;
  text-shadow: 1px 1px 0px #fff;
  background: url(../images/button-tail.gif) center top repeat-x #dedede;
  padding: 9px 21px 8px;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 5px 5px #969696;
  -moz-box-shadow: 0px 5px 5px #969696;
  -webkit-box-shadow: 0px 5px 5px #969696;
}

.button:hover {
  text-decoration: none;
  background-position: center -49px;
  background-color: #fff;
}

.link-1 {
  color: #7d7d7d;
}

.link-1:hover {
  text-decoration: underline;
  color: #639edd;
}
/*---------- Lists -----------*/
.list-1 li {
  font: 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #575757;
  text-shadow: 1px 1px 0px #fff;
  background: url(../images/marker-1.png) 0px 5px no-repeat;
  padding-left: 19px;
  margin-bottom: 8px;
}

.list-1 a {
  color: #575757;
}

.list-1 a:hover {
  text-decoration: none;
  color: #8cb1d8;
}
/*---------- Indents ---------*/
p, .p3-1 {
  margin-bottom: 18px;
}

.p0 {
  margin-bottom: 0;
}

.p0-1 {
  margin-bottom: 3px;
}

.p1 {
  margin-bottom: 5px;
}

.p1-1 {
  margin-bottom: 8px;
}

.p2 {
  margin-bottom: 10px;
}

.p2-1 {
  margin-bottom: 12px;
}

.p3 {
  margin-bottom: 15px;
}

.p4 {
  margin-bottom: 20px;
}

.p4-1 {
  margin-bottom: 22px;
}

.p5 {
  margin-bottom: 25px;
}

.p5-1 {
  margin-bottom: 28px;
}

.p6 {
  margin-bottom: 30px;
}

.p6-1 {
  margin-bottom: 32px;
}

.p7 {
  margin-bottom: 35px;
}

.p7-1 {
  margin-bottom: 37px;
}

.p8 {
  margin-bottom: 40px;
}

.p8-1 {
  margin-bottom: 42px;
}

.indent-top1 {
  padding-top: 5px;
}

.indent-right3 {
  padding-right: 15px;
}

.indent-right4 {
  padding-right: 20px;
}

.indent-right6 {
  padding-right: 30px;
}

.indent-right11-1 {
  padding-right: 58px;
}

.indent-bottom5 {
  padding-bottom: 25px;
}

.indent-bottom7 {
  padding-bottom: 35px;
}

.indent-bottom8-1 {
  padding-bottom: 42px;
}
/*----------- Map ------------*/
#map iframe {
  width: 100%;
  height: 215px;
}

#map dl {
  width: 100%;
  position: relative;
  overflow: hidden;
}

#map dd.color-1 {
  color: #8cb1d8;
}

#map dl span {
  float: left;
  width: 75px;
}
/************************************** Footer *************************************/
footer {
	background: url(../images/wood-BackgroundS.jpg);
  width: 100%;
  border-top: 4px solid grey;
  padding: 29px 0 15px;
  font-size: 12px;
  line-height: 15px;
  color: black;
  text-transform: uppercase;
  text-align: center;
}

.footer-text a {
  color: black;
}

/*=================================================================================
@media only screen and (max-width: 995px) {
	img{width:100%; height:auto;}
	.tool img {
		float:left; padding-right:10px; padding-top: 5px; margin-bottom: 5px; width:auto;
	}
	.hide-pl{display:none;}
	.clear-pl{clear:both; padding-top:15px;}
	.img-indent-none-pl{float:none; margin-right:0; margin-bottom:10px;}
	p, .p3, .p3-1{margin-bottom:15px}
		.p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1, .p8, .p8-1{margin-bottom:20px;}
	.col-6{width:182px;}
	.light {width: 100%;]
	header .indent-bottom{}
	.box1{padding-top:70px;}
	.box2{display:block;}
	.indent-right3, .indent-right4{padding-right:0px;}
	.indent-right6, .indent-right11-1{padding-right:22px;}
	.indent-bottom8-1{padding-bottom:30px;}
}

@media only screen and (max-width: 767px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10б , .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21{margin-bottom:30px;}
	.last-col{margin-bottom:0 !important;}
	.hide-iw{display:none;}
	.clear-pl{clear:none; padding-top:0;}
	.img-indent-none-iw{float:none; margin-right:0; margin-bottom:10px;}
	.col-6{width:205px;}

	.light { width: 434px;}
	#banner{display:none;}
	.bg{}
	.light{background:none;}
	h1{float:none; margin-bottom:20px;}
		h1 a{padding-left:184px;}
		h1 a span{padding:10px 0 8px 15px;}
	.secondary-menu{float:none;}
	.navigation{background-position: center bottom; background-color:#f8f8f8;}
	.indent-right6, .indent-right11-1{padding-right:0px;}
}

@media only screen and (max-width: 479px) {
	.hide-ip{display:none;}
	.img-indent-none-ip{float:none; margin-right:0; margin-bottom:10px;}
	.col-6{width:300px; margin-right:0; margin-bottom:25px;}
	.light { width: 434px;}

	h1{}
		h1 a{padding-left:0px; padding-top:37px; min-height:75px; background:url(../images/logo-small.png) 0 0 no-repeat;}
			h1 a span{background:none; padding:0;}
	.box1{padding-top:0px; padding-left:80px; background-position:0 0 !important; text-align:left;}
}*/