@charset "utf-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

img,
object,
embed,
video {
	max-width: 100%;
}


/* IE 6 does not support max-width so default to width 100% */

.ie6 img {
	width: 100%;
}


/* Global Styles */


/* Grid System */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 0%;
}

.col:first-child {
	margin-left: 0;
}

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.57%;
}

.span_10_of_12 {
	width: 83.15%;
}

.span_9_of_12 {
	width: 74.72%;
}

.span_8_of_12 {
	width: 66.30%;
}

.span_7_of_12 {
	width: 57.87%;
}

.span_6_of_12 {
	width: 49.45%;
}

.span_5_of_12 {
	width: 41.02%;
}

.span_4_of_12 {
	width: 32.60%;
}

.span_3_of_12 {
	width: 24.17%;
}

.span_2_of_12 {
	width: 15.75%;
}

.span_1_of_12 {
	width: 7.326%;
}

.shadow-blur {
	-moz-box-shadow: 3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 3px 3px 5px 6px #ccc;
}

.shadow-inner {
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
}

.shadow-bottom {
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

.transparent {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.clearfix {
	clear: both;
}

.center {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
	vertical-align: middle;
}

.img-article {
	display: block;
	clear: both;
	border-radius: 8%;
	padding: 10px;
	margin: 10px auto;
}

body {
	background-color: #EBEBEB;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5;
	font-weight: 400;
	margin: 10px 0;
	font-family: "Special Elite", sans-serif;
}

h2 {
	background: rgba(112, 50, 37, 0.75);
	padding-left: 20px;
	color: #fff;
}

.gridContainer {
	width: 89.0217%;
	max-width: 1920;
	padding-left: 0.4891%;
	padding-right: 0.4891%;
	margin: auto;
	background-color: #FBFBFB;
}

.bg-home {
	background-image: url(../img/bg-woodpile-gradient.jpg);
	background-repeat: repeat-x;
}

.bg-services {
	background-image: url(../img/services-bg-sepia.jpg);
	background-repeat: repeat;
}

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	list-style-image: url(../img/checkbox.png);
	list-style-type: none;
}

#logo-home {
	display: none;
	clear: both;
	float: left;
	margin-left: 25px;
	margin-top: 10px;
}

#contact-info {
	clear: both;
	float: left;
	margin-left: 25px;
	margin-top: 10px;
}

nav {
	font-size: 18px;
	font-style: normal;
	line-height: 5em;
	float: right;
	margin-right: 30px;
}

nav ul li {
	display: inline;
	list-style-type: none;
	margin-right: 20px;
}

nav ul li a:link {
	color: #000;
	text-decoration: none;
	font-size: 18px;
}

nav ul li a:active {
	color: #FFF;
	text-decoration: thin-dotted;
}

nav ul li a:visited {
	text-decoration: none;
	color: #000;
}

nav ul li a:hover {
	border-bottom: 3px solid;
	border-color: #1a4939;
	color: #000;
}

li.current {
	border: 1px solid;
	border-color: #1a4939;
	color: #000;
	padding: 5px;
}

.nav-tabs li a:hover {
	background-color: #1a4939;
	color: #fff;
}

.nav-tabs li a {
	color: #1a4939;
	font-weight: 500;
}

.btn-success:hover {
	background-color: #1a4939;
	color: #fff;
}

ul.topnav li.icon {
	display: none;
}

#jumbo-home,
#jumbo-about,
#jumbo-services,
#jumbo-gallery,
#jumbo-cabins,
#jumbo-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 290px;
	display: block;
	padding-left: 3em;
	padding-top: 2em;
	color: #fff;
	background-position: center;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

#jumbo-home {
	background-image: url(../img/bg-wood-boards.jpg);
}

#jumbo-about {
	background-image: url(../img/about-baner-sunnydaleview-l.jpg);
}

#jumbo-services {
	background-image: url(../img/services-bg.jpg);
}

#jumbo-gallery {
	background-image: url(../img/gallery-jumbo.jpg);
}

#jumbo-cabins {
	background-image: url(../img/cabins-jumbo.jpg);
}

#jumbo-contact {
	background-image: url(../img/contact-jumbo.jpg);
}

#jumbo-home h1,
#jumbo-about h1,
#jumbo-services h1,
#jumbo-gallery h1,
#jumbo-cabins h1,
#jumbo-contact h1 {
	font-size: 45px;
	vertical-align: middle;
}

#quote-request {
	margin: 25px;
	clear: right;
	float: left;
}

.H2 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 10px;
	width: 100%;
	display: block;
	color: #fff;
}

article {
	background: #fff;
	padding: 10px 20px;
}

article p {
	margin-left: 3em;
}

.glyphicon-ok {
	background-color: #1a4939;
	Border-radius: 50%;
	margin-right: 15px;
	color: antiquewhite;
	padding: 0.3em;
	font-weight: 100;
}

.glyphicon-remove {
	background-color: #703225;
	Border-radius: 50%;
	margin-right: 15px;
	color: antiquewhite;
	padding: 0.3em;
	font-weight: 100;
}

ul.services-list {
	list-style-type: none;
}

ul.services-list li {
	background-size: contain;
	background-position: left center;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.services-sections {
	padding: 0px 0PX 0PX 40px;
}

#about-us-home,
#about-us-pic,
#rental-home,
#testi-home {
	clear: both;
	float: left;
	width: 49.5%;
	height: 330px;
	display: block;
	margin: 10px auto;
	padding: 20px 50px;
	color: #000;
	repeat: no-repeat;
	overflow: hidden;
}

#about-us-home ul {
	list-style: none;
	padding: 0 0 0 15px
}

#about-us-home {
	background-image: url(../img/every-product-has-a-story-md-1.jpg);
    color: #fff;
    background-repeat: round;
}

#about-us-pic {
	clear: none;
	margin-left: 1%;
	text-align: center;
	background-image: url(../img/bg-aboutus-pic-l.jpg);
}

#rental-home {
	color: antiquewhite;
	background-image: url(../img/rental-home-2.jpg);
}

#testi-home {
	clear: none;
	margin-left: 1%;
	color: antiquewhite;
	background-image: url(../img/bg-home-testi-l.jpg);
}

#testi-home p {
	font-size: 16px;
	display: block;
	text-align: center;
	padding: 0px 0px 10px 0px;
	margin-top,
	margin-bottom: 0px;
}

blockquote {
	background: transparent;
	padding: .5em 10px .1em 10px;
	margin-bottom: 5px;
	quotes: "\201C""\201D""\2018""\2019";
	border: none;
	margin-bottom: 0.5em;
	font-size: 22px;
}

blockquote:before {
	color: #fff;
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .2em;
	margin-bottom: 0.5em;
	vertical-align: -.4em;
}

blockquote:after {
	color: #fff;
	content: close-quote;
	font-size: 4em;
	line-height: .1em;
	margin-left: .2em;
	vertical-align: -.6em;
}

#aside-1,
#aside-2,
#aside-3,
#aside-4 {
	clear: none;
	float: left;
	margin-left: 1%;
	margin-bottom: 10px;
	padding: 10px;
	width: 24.25%;
	height: 330px;
	display: block;
	background: rgba(26, 73, 57, 0.75);
	color: #fff;
}

#aside-1 {
	clear: both;
	margin-left: 0;
}

#aside-1 img,
#aside-2 img,
#aside-3 img,
#aside-4 img {
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 20px;
}

#aside-1 p,
#aside-4 p {
	margin-right: 10px;
	margin-left: 10px;
}


/* About Us */

#article-about {
	clear: both;
	float: left;
	width: 69%;
	padding: 0 50px;
}

#about-images {
	clear: none;
	float: left;
	width: 29%;
	margin-left: 1%;
}

#footer {
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	margin-left: 0;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0 0 10 0;
	vertical-align: middle;
	background: #e2e2e1;
}

#footer nav {
	float: left;
	width: 100%;
	font-size: 14px;
	display: block;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
}

#footer nav ul {
	line-height: 3em;
}

#footer nav ul li a:link {
	color: #222;
	font-size: 14px;
}

@media only screen and (max-width: 820px) {
	.col {
		margin: 1% 0 1% 0%;
	}
	.span_1_of_12,
	.span_2_of_12,
	.span_3_of_12,
	.span_4_of_12,
	.span_5_of_12,
	.span_6_of_12,
	.span_7_of_12,
	.span_8_of_12,
	.span_9_of_12,
	.span_10_of_12,
	.span_11_of_12,
	.span_12_of_12 {
		width: 100%;
	}
	body {
		background-color: #EBEBEB;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height: 1.5;
		font-weight: 400;
		margin: 10px 0;
		font-family: "Special Elite", sans-serif;
	}
	h2 {
		background: rgba(112, 50, 37, 0.75);
		padding-left: 20px;
		font-size: 22px;
		color: #fff;
	}
	.gridContainer {
		width: 89.0217%;
		max-width: 1920px;
		padding-left: 0.4891%;
		padding-right: 0.4891%;
		margin: auto;
		background-color: #FBFBFB;
	}
	.bg-home {
		background-image: url(../img/bg-woodpile-gradient.jpg);
		background-repeat: repeat-x;
	}
	.bg-services {
		background-image: url(../img/services-bg-sepia.jpg);
		background-repeat: repeat;
	}
	#header {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		list-style-type: none;
	}
	nav {
		font-size: 14px;
		font-style: normal;
		float: left;
		clear: both;
		margin-right: 5px;
		line-height: 2em;
	}
	nav ul li {
		display: inline;
		list-style-type: none;
		margin-right: 10px;
	}
	#jumbo-home,
	#jumbo-about,
	#jumbo-services,
	#jumbo-gallery,
	#jumbo-cabins,
	#jumbo-contact {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		height: 180px;
		display: block;
		padding-left: 3em;
		padding-top: 2em;
		color: #fff;
		background-image: url(../img/bg-wood-boards.jpg);
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black;
	}
	#jumbo-about {
		background-image: url(../img/about-baner-sunnydaleview-l.jpg);
	}
	#jumbo-services {
		background-image: url(../img/services-bg.jpg);
	}
	#jumbo-gallery {
		background-image: url(../img/gallery-jumbo.jpg);
	}
	#jumbo-cabins {
		background-image: url(../img/cabins-jumbo.jpg);
	}
	#jumbo-contact {
		background-image: url(../img/contact-jumbo.jpg);
	}
	#jumbo-home h1,
	#jumbo-about h1,
	#jumbo-services h1,
	#jumbo-gallery h1,
	#jumbo-cabins h1,
	#jumbo-contact h1 {
		font-size: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#quote-request {}
	.H2 {
		clear: both;
		float: left;
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
		display: block;
		color: #fff;
	}
	article {
		background: #fff;
		padding: 10px 20px;
	}
	article p {
		margin-left: 3em;
	}
	ul.services-list {
		list-style-type: none;
	}
	ul.services-list li {
		background-size: contain;
		background-position: left center;
		height: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.services-sections {
		padding: 0px 40px;
	}
	#about-us-home,
	#about-us-pic,
	#rental-home,
	#testi-home {
		clear: both;
		float: left;
		width: 100%;
		height: 330px;
		display: block;
		margin: 10px auto;
		padding: 20px 50px;
		color: #000;
		repeat: no-repeat;
		overflow: hidden;
	}
	#about-us-home ul {
		list-style: none;
	}
	#about-us-home {
		background-image: url(../img/every-product-has-a-story-md-1.jpg);
        color: #fff;
	}
	#about-us-pic {
		background-image: url(../img/bg-aboutus-pic-l.jpg);
	}
	#rental-home {
		color: antiquewhite;
		background-image: url(../img/rental-home-2.jpg);
	}
	#testi-home {
		background-image: url(../img/bg-home-testi-l.jpg);
	}
	#testi-home p {
		font-size: 16px;
		color: antiquewhite;
		display: block;
		text-align: center;
		padding: 0px 0px 10px 0px;
		margin-top,
		margin-bottom: 0px;
	}
	blockquote {
		background: transparent;
		color: antiquewhite;
		padding: .5em 10px .1em 10px;
		margin-bottom: 5px;
		quotes: "\201C""\201D""\2018""\2019";
		border: none;
		margin-bottom: 0.5em;
		font-size: 20px;
	}
	#aside-1,
	#aside-2,
	#aside-3,
	#aside-4 {
		clear: none;
		float: left;
		margin-left: 0.5%;
		margin-bottom: 10px;
		padding: 10px;
		width: 49.45%;
		height: 330px;
		display: block;
		background: rgba(26, 73, 57, 0.75);
		color: #fff;
	}
	#aside-1 {
		clear: both;
		margin-left: 0;
	}
	#aside-1 img,
	#aside-2 img,
	#aside-3 img,
	#aside-4 img {
		margin-bottom: 20px;
		margin-top: 10px;
		padding: 20px;
	}
	/* About Us */
	#article-about {
		clear: both;
		float: left;
		width: 100%;
	}
	#article-about p {
		font-size: 14px;
	}
	#about-images {
		clear: both;
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	#footer {
		float: left;
		width: 100%;
		display: block;
		text-align: center;
		margin-left,
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 20px;
		padding: 0 0 10 0;
		vertical-align: middle;
		background: #e2e2e1;
	}
	#footer a p nav {
		float: left;
		width: 50%;
		font-size: 100%;
		color: #FFF;
		display: block;
		text-align: center;
		margin-: 0 auto;
		vertical-align: middle;
	}
	#footer nav {
		float: left;
		width: 100%;
		display: block;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
	}
	#tower {
		display: none;
	}
}

@media only screen and (max-width: 410px) {
	.gridContainer {
		width: 98%;
	}
	#logo-home {
		display: inline;
		clear: both;
		float: left;
		margin-left: 25px;
		margin-top: 10px;
	}
	#contact-info {
		display: none;
		clear: both;
		float: left;
		margin-left: 25px;
		margin-top: 10px;
	}
	#about-us-home p,
	li {
		font-size: 12px;
	}
	h2 {
		font-size: 16px;
	}
	h3 {
		font-size: 18px;
	}
	#jumbo-home h1,
	#jumbo-about h1,
	#jumbo-services h1,
	#jumbo-gallery h1,
	#jumbo-cabins h1,
	#jumbo-contact h1 {
		font-size: 18px;
	}
	#about-us-home,
	#about-us-pic,
	#rental-home,
	#testi-home {
		margin: 5px auto;
		padding: 10px 5px;
	}
	#aside-1,
	#aside-2,
	#aside-3,
	#aside-4 {
		width: 100%;
		margin-left: 0;
	}
	blockquote {
		font-size: 14px;
	}
	#testi-home p {
		font-size: 12px;
	}
	.bg-home {
		background-image: none;
		background-repeat: repeat-x;
	}
	#article-about p {
		margin: 0;
	}
	.bg-services {
		background-image: none;
	}
}