/* @override
	http://keystone.dev.redraw.mine.nu/wp-content/themes/key_stone/style.css
	style.css */
/* 
Reset Stylesheet
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
Reset CSS End
*/

/* table css */

.row-wrapper table{
padding:0;
margin:0;
width:380px;
}
.row-wrapper table td{width:295px; vertical-align:top;}
.row-wrapper table, td, th { border: 1px solid #ddd; }

.row-wrapper2 table{border:none;padding:0;margin:0;}
.row-wrapper2 table.td1{width:247px;vertical-align:top;}
.row-wrapper2 table.td2{width:228px;vertical-align:top;}

/* CSS Document */
body {
	margin:0;
	padding:0;
	background:#e9e9e9;
	font-family:CenturyGothicRegular;
}

input[type="text"]{
border: thin solid rgb(212, 212, 212);
padding: 10px;
border-radius: 0px;
min-width: 200px;
}

input[type="submit"]{
background: rgb(146, 33, 36) none repeat scroll 0% 0%;
border: none;
color: rgb(255, 255, 255);
padding: 10px 15px;
font-size: 13px;
cursor:pointer;
text-transform: uppercase;
}

iframe{
border: #ccc thin solid;
}


#header {
	height:162px;
/*	display:table;
	background:url(images/header_bg.png) repeat-x;*/
	z-index: 1;
	position: relative;
	background: #FFF;
	border-top: #922124 6px solid;
	-moz-box-shadow: 0px 0px 6px #888;
	-webkit-box-shadow: 0px 0px 6px #888;
	box-shadow: 0px 0px 6px #888;

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	
}

#header_wrap {
	width:965px;
	height:auto;
	margin:auto;
}

#header_wrap a {
	color:#fff!important
}

#logo {
	width:158px;
	height:130px;
	float:left;
	margin:16px 0 0
}

#logo a {
	border:none;
	outline:none
}

#search_wrap {
	float:right;
	height:auto;
	margin:25px 0;
	list-style:none;
	padding-left:0;
	
}

#search_nav_wrap {
	width:600px;
	height:auto;
	float:right;
	margin:36px 0 0
}

#search_textbox {
	width:230px;
	height:25px;
	float:left;
	background:url(images/search_box.png) no-repeat
}

#search_textbox input {
	border:medium none;
	margin:3px 8px;
	width:166px;
	float:left
}

#search_btn {
	float:left;
	width:40px
}

#search_btn	input {
	width:24px;
	height:25px;
	float:left;
	background:url(images/search_btn.png) no-repeat;
	border:none;
	margin:0
}

#nav_wrap {
	float:right;
	width:780px
}

#navbar {
	float:right;
	width:auto
}

*+html #navbar {
	float:none
}

#navbar ul {
	float:left;
	margin:0;
	padding:0;
	text-align:right
}

#navbar li {
	float:left;
	list-style:none;
	padding:0 10px
}

#navbar li a {
	font-family:CenturyGothicRegular;
	color:#333!important;
	text-decoration:none;
	padding:10px;
	text-transform:uppercase
}

#navbar li a:hover, #navbar li.current-menu-item a, #navbar li.current-page-ancestor a {
	background:#922124;
	color:#fff!important;
	padding:10px;
	text-transform:uppercase
}



#mainpad {
	width:965px;
	height:auto;
	margin:auto;
}

#banner {
	height:auto;
	width:965px;
	border-bottom:8px solid #272727
}

#banner[role=page] {
	height: 198px;
}

#banner img {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	float:left
}

#banner_sub {
	float:left;
	height:auto;
	margin-top:-6px;
	position:relative;
	width:965px;
	z-index:-84;
	border-bottom:8px solid #272727
}


.page-banner img{
width:100%;
}

#container {
	float:left;
	width:965px;
	background:url(images/container_bg.jpg) repeat-y;
	border-bottom:5px solid #922124;
	padding-bottom:20px
}

#global_aside {
	float:left;
	width:200px;
	margin:0 5px;
	color:#FFF
}

#content {
	float:right;
	width:700px;
	margin-left:45px;
	margin-right:10px
}

#global_aside ul {
	margin:0;
	padding:0;
	width:200px
}

#global_aside li {
/*
	border-bottom:1px dotted #666;
	float:left;
	padding-bottom:12px;
	padding-top:16px;
	width:100%
*/
}

#global_product_menu li  {
	list-style: none;
}
#global_product_menu .page_item a.header {
	width:78%;
	height:100%;
	padding:10px 0 4px 40px;
	line-height: 19px;
	font-family:CenturyGothicRegular;
	color:#FFF;
	text-transform:uppercase;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-size:19px;
}
#global_product_menu li {
	border-top: 1px solid #4f4f4f;
	padding: 10px 0;
}
#global_product_menu li:first-child {
	border-top: 0 none;
	padding-top:  0;
}
#global_product_menu .children li {
	border-top: 0 none;
}

#global_product_menu .page-item-63 a.header {	background-image:url(images/Icons/siding.png) }
#global_product_menu .page-item-69 a.header {	background-image:url(images/Icons/gutters.png) }
#global_product_menu .page-item-83 a.header {	background-image:url(images/Icons/windows.png)  }
#global_product_menu .page-item-87 a.header {	background-image:url(images/Icons/doors.png) }
#global_product_menu .page-item-418 a.header {	background-image:url(images/Icons/railing.png) }
#global_product_menu .page-item-443 a.header {	background-image:url(images/Icons/decking.png) }

#global_aside .children li {
	margin:0;
	padding:6px 0 0;
	border:none
}

#global_aside .children a {
	background:url(images/left_bullet.jpg) no-repeat scroll left center transparent;
	color:#FFF;
	font-size:14px;
	padding-left:15px;
	text-decoration:none;
	font-weight:lighter
}

#header #site-title {
	color: transparent;
	position: absolute;
	height: 0;
	font-size: 0;
}
h1, h2, h3, h4, h5, h6, .entry-title {
	font-family:CenturyGothicRegular;
	text-transform: uppercase;
	color:#272727;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
.entry-title {
	border-bottom:1px solid #D4D4D4;
	margin:1.33em 0 0.66em;
	padding-bottom:0.25em;
}

.entry-title {
	font-size:21px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:17px;
	font-weight:lighter;
	margin:0.5em 0;
	padding:2px;
}


#content p {
	width:100%;
	color:#333;
	padding:0;
	line-height:20px;
	font-size:14px;
	margin: 10px 0px;
}

#footer {
	width:965px;
	background:#FFF;
	padding-bottom:15px;
	clear:both;
	margin:0 auto !important;
}

#footer_wrap {
	width:100%;
}

#foot_img {
	border-right:1px solid #999;
	float:left;
	height:90px;
	margin:10px 0px 10px 10px;
	width:138px
}

#foot_contact_info{
float: left;
padding-left: 15px;
font-family: CenturyGothicRegular;
padding-top: 8px;
line-height: 150%;
font-size: 14px;
}

#foot_nav {
	width:790px;
	float:left;
	margin-top:15px;
	border-bottom:1px solid #999;
	padding-bottom:10px
}

#foot_nav ul {
	float:left;
	margin:0;
	padding:0;
	text-align:right
}

#foot_nav li {
	float:left;
	list-style:none;
	padding:0 10px;
	text-transform:uppercase
}

#foot_nav li a {
	font-family:CenturyGothicRegular;
	color:#333;
	text-decoration:none;
	padding:6px;
	font-size:14px;
}

#foot_nav li a:hover {
	color:#922124;
	padding:6px
}

.foot_contact_info {
	color:#922124;
	float:left;
	font-family:CenturyGothicRegular;
	font-size:14px;
	height:auto;
	margin-top:10px;
	width:792px;
	margin-bottom:0
}

.foot_contact_info strong {
	color:#272727;
	margin-left:10px
}

.copy {
color: #272727;
display: table;
font-size: 13px;
margin: 0 auto auto;
width: 96%;
padding-top: 10px;
font-family: CenturyGothicRegular;
text-align: center;
}

/* Styles for Example #1 */
#example1 {
	margin:0;
	padding:0;
	width:200px;
	list-style-type:none;
	line-height:120%
}

#global_aside .closed {
	background-image:url(ha-down.gif)
}

#global_aside .closed,
#global_aside .opened {
	padding-right:10px;
	background-position:98% 50%;
	background-repeat:no-repeat
}

#global_aside .header {
}

#global_aside .opened {
	background-image:url(ha-up.gif)
}

#global_aside a {
	display:block;
	font-weight:700;
	text-decoration:none
}

#global_aside a.hover {
	color:#FFF
}

#global_aside table {
	overflow:hidden;
	margin:0;
	padding:0
}

#global_aside td {
	list-style-type:none;
	color:#FFF;
	clear:both;
	width:100%;
	float:left
}

#global_aside tr td hr {
	float:left;
	border-bottom:1px dotted #666;
	width:100%
}

#global_aside td a {
	padding:2px 10px 2px 15px;
	font-size:14px;
	font-weight:lighter;
	color:#FFF;
	background:url(images/left_bullet.jpg) no-repeat scroll left center transparent
}

#global_aside td.active a,
#global_aside li a {
	color:#FFF
}

#global_aside td.active li a,
#global_aside li li a {
	padding:2px 4px 2px 15px;
	color:#FFF
}

#respond {
	display:none
}

.entry-meta {
	display:none
}

.entry-utility {
	display:none
}

.nav-next {
	display:none
}

.nav-previous {
	display:none
}

.screen-reader-text {
	display:none
}

.entry-summary {
	float:left;
	font-size:14px;
	margin-top:10px;
	margin-bottom:6px;
	padding-bottom:25px;
	border-bottom:1px solid #C6C6C6
}

.entry-summary p a {
	background:none repeat scroll 0 0 #C6C6C6;
	border-radius:15px 15px 15px 15px;
	color:#666;
	float:right;
	font-family:Arial;
	font-size:11px;
	padding:1px 4px;
	text-decoration:none
}

.entry-summary p a:hover {
	background:#666;
	color:#fff
}

.wpcf7-form p {
	margin-bottom:10px!important;
	display:table!important;
	width:100%!important;
	float:left!important
}

.wpcf7-text {
border: thin solid rgb(212, 212, 212);
padding: 10px;
border-radius: 0px;
min-width: 200px;
}

span.your-message textarea {
border: thin solid rgb(212, 212, 212);
padding: 10px;
border-radius: 0px;
min-width: 200px;
}

.wpcf7-submit {
	background:none repeat scroll 0 0 #922124;
	border:0 none;
	color:#fff;
	padding: 12px 25px !important;
}

.lof-slidecontent {
	border:0
}

#lofslidecontent45 {
	border:0!important
}

.listitem {
	float:left;
	border-bottom:1px dotted #666
}

.listitem li {
	background:url(images/left_bullet.jpg) no-repeat scroll left center transparent;
	list-style:none;
	border:none!important
}

.listitem a {
	color:#FFF;
	font-size:14px!important;
	font-weight:400!important;
	padding-left:15px;
	text-decoration:none!important
}
.entry-content div.wpcf7-validation-errors {
	color:  red;
	border: 0 none;
	padding: 0;
	margin: 0;
}

.entry-content table {
	
	background-color: #fff;
	padding: 1em;
	border: 0.2em solid #eee;
	border-collapse: collapse;
	box-sizing: border-box;
	width: 100%;
}
.entry-content thead {
	
	background-color: #eee;
	border-bottom: 1px solid #bbb;
	padding: 1em;
}
.entry-content thead th {
	
	background-color: #ddd;
	border-bottom: 1px solid #bbb;
	padding: 0.5em;
	text-align: center;
	font-variant: small-caps;
	text-transform: capitalize;
}
.entry-content tbody th {
	font-weight: normal;
	background-color: #eee;
	border-bottom: 1px solid #bbb;
	padding: 0.88em;
	text-align: right;
}
.entry-content tbody tr {
	border-bottom: 1px solid #ddd;
}
.entry-content tbody td {
	padding:  5px 10px;
	border-left: 1px solid #ddd;
}
.print-link {
	float: right;
	margin: 1em 0;
/*	padding: 0.33em 0.5em;*/
/*	border: 1px solid #eee;*/
	display:  inline-block;
	
	font-family:CenturyGothicRegular;
/*	margin-top: 15px;*/
}
.print-link a {
/*	font-size: 0.8em;*/
	text-decoration: none;
	color:  #555;
	padding: 0.3em 0.6em;
	border-bottom: 2px solid #e5e5e5;
	text-transform:uppercase;
	background-color: #eee;
}
.print-link a:after {
	content: " \279D";
}

dl.gallery-item {
display: inline-block;
margin-right: 0.5em;
margin-bottom:0.5em;
}
dl.gallery-item:first-child {
	
	margin-left: 0;
}
#content .page-title {
	font-family:CenturyGothicRegular;
	text-transform:uppercase;
	margin-top: 15px;
}
#content .page-title a {
	padding: 0.3em 0.6em;
	background-color: #eee;
	color:  #555;
	text-decoration: none;
	border-bottom: 2px solid #e5e5e5;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
body form.sent p  {
	display: none !important;
}

form.sent div.wpcf7-mail-sent-ok {
	display: block;
}

#menu-main{
display:block;
}

#mobile-menu-wrapper{
display:none;
}

#foot_contact_info strong{
font-weight:bold;
}

#about-us-wrapper{
background: url(images/flag3-1.png) no-repeat;
padding: 70px 80px 70px 100px;
height: 320px;
margin-bottom:90px;
}

#about-content{
width:90%;
margin:0 auto;
}

.board-batten-block-left{
float:left;
width:400px;
margin-top:10px;
}

.board-batten-block-right{
float:right;
width:300px;
margin-top:10px;
}

.cedar-discovery-left-block{
float: left;
margin-top:30px;
width: 300px;
}

.cedar-discovery-right-block{
float: right;
width: 400px;
}

.left-wrapper{
width:44%;
float:left;
}

.right-wrapper{
width:50%;
float:right;
}

.clearfix{
clear:both;
}

#foot_search-wrap{
display:none;
}

/* ----------Gallery Modification---------------------*/
.gallery br{
display:none;
}

.gallery-icon{
border:#BDBDBD 1px solid;
}

.gallery-icon a img{
width: 160px;
height: 120px;
border: 10px solid rgb(241, 241, 241);
margin-top: 0;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

.gallery-icon a{
display:block;
margin-bottom:-4px;
}

.gallery-caption{
font-size: 12px;
color: #888;
}

#fancybox-content{
border-width:10px !important;
}

#fancybox-close{
right:-30px !important;
}

.fancybox-title-outside{
text-align:center;
background:#FFF;
color:#333 !important;
padding:0px 10px 10px 10px !important;
}

#fancybox-bg-s, #fancybox-bg-se{
display:none;
}

/*===============================================================================================================
  Media Queries for responsive designs
=================================================================================================================*/
@media (max-width: 767px) {
#header{
height:auto;
}

#header_wrap{
width:94%;
}

#logo{
margin:15px 0px 15px;
}

#search_wrap{
margin-top:0px;
margin-bottom:25px;
}

#search_nav_wrap{
width:auto;
margin: 30px 0 12px;
}

#menu-main{
display:none;
}

#nav_wrap{
float: none;
width: 100%;
clear: both;
}

#navbar {
float: none;
width: 100%;
clear: both;
}

#navbar ul {
float: none;
margin: 0;
padding: 0;
text-align: right;
width: 100%;
}

#navbar li{
float:none;
text-align:left;
padding:0px;
line-height:30px;
}

#mobile-menu-wrapper{
text-align: right;
clear: both;
padding-top:20px;
display:block;
}

#mobile-menu-wrapper a{
font-family: CenturyGothicRegular;
color: #333 !important;
text-decoration: none;
text-transform: uppercase;
background:url(images/resp-menu.png) no-repeat;
background-position:right;
padding-right:40px;
display:block;
line-height: 30px;
}

#navbar li a{
display:block;
}

#mainpad{
width:100%;
}

#banner{
width:100%;
}


#banner[role="page"] {
height: auto;
}

#container{
background:#FFF;
width:100%;
display:table;
padding-bottom:0px;
}

#content{
float: none;
width: 94%;
margin: 0 auto;
margin-bottom:20px;
min-height:300px;
}

#content iframe{
width:99%;
height:380px;
}


#global_aside{
background:#000;
float: none;
display: table-footer-group;
}

#global_aside ul{
width:100%;
}

#global_product_menu li{
padding-left:3%;
padding-right:3%;
}

#global_product_menu li:first-child{
padding-top:10px;
}

#global_product_menu .page_item a.header{
width:auto;
}

#footer{
width:100%;
margin:0 auto;
float:none;
}

#footer_wrap {
width: 94%;
float: none;
margin: 0 auto;
clear: both;
}

#foot_nav li a{
line-height:25px;
}

#foot_contact_info{
padding-top:15px;
}

#foot_nav{
width:100%;
}

#foot_img{
border-right:none;
float:none;
width: 105px;
margin: 0 auto;
padding-top:15px;
}

#foot_contact_info div{
margin-bottom:5px;
}

}

@media (max-width: 567px) {
#search_wrap{
display:none;
}

#search_nav_wrap {
    width: auto;
    margin: 95px 0 12px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
#header_wrap{
width:96%;
}

#mainpad{
width:100%;
}

#banner{
width:100%;
}

#search_nav_wrap{
width:auto;
}

#nav_wrap{
float:none;
width:auto;
}

#navbar li{
padding:0 5px;
}

#banner[role="page"] {
height: auto;
}

#container{
background:#FFF;
width:100%;
display:table;
padding-bottom:0px;
}

#content{
float: none;
width: 96%;
margin: 0 auto;
margin-bottom:20px;
min-height:300px;
}

#content iframe{
width:99%;
height:380px;
}


#global_aside{
background:#000;
float: none;
display: table-footer-group;
}

#global_aside ul{
width:100%;
}

#global_product_menu li{
padding-left:2%;
padding-right:2%;
}

#global_product_menu li:first-child{
padding-top:10px;
}

#global_product_menu .page_item a.header{
width:auto;
}

#global_product_menu li {
border-top: 1px solid #2f2f2f;
}

#footer{
width:100%;
margin:0 auto;
float:none;
}

#footer_wrap {
width: 96%;
float: none;
margin: 0 auto;
clear: both;
}

#foot_contact_info{
padding-top:15px;
}

#foot_contact_info #location strong{
font-weight:bold;
}


#foot_nav{
width:auto;
}

#foot_img {
border-right: 1px solid #999;
float: left;
height: 90px;
margin: 10px 0px 10px 10px;
width: 120px;
}

.copy{
padding-top:20px;
}

#about-us-wrapper{
height:300px;
background-size: 100% 100%;
}

.wp-image-685{
width:100%;
height:auto;
float:left;
margin-left:0px;
}

.wp-image-689{
width:100%;
height:auto;
float:left;
margin-left:0px;
}

.wp-image-694{
width:100%;
height:auto;
float:left;
margin-left:0px;
}

.wp-image-733{
width:100%;
height:auto;
float:left;
margin-left:0px;
}

.wp-image-713{
float:none;
}

.wp-image-741{
float:left;
margin-left:0px;
margin-bottom:15px;
}

.wp-image-763{
float:left;
margin-left:0px;
margin-bottom:15px;
}

.wp-image-956{
margin-bottom:20px;
}

.board-batten-block-left{
float:left;
width:60%;
margin-top:10px;
}

.board-batten-block-right{
float:right;
width:35%;
margin-top:10px;
margin-bottom:20px
}

.cedar-discovery-left-block{
float: left;
margin-top:30px;
width: 58%;
padding-right:2%;
}

.cedar-discovery-right-block{
float: right;
width: 40%;
}

.cedar-discovery-right-block img{
width:100%;
}

.top-print .print-link{
margin-top:-10px;
}

}

@media (min-width: 1024px) and (max-width: 1024px) {
#about-us-wrapper{
background: url(images/flag3-1.png) no-repeat;
height: 400px;
padding-top:80px;
background-size:100% 100%;
}

#about-content{
width:85%;
margin:0 auto;
}

.left-wrapper{
width:55%;
float:left;
}

.right-wrapper{
width:40%;
float:right;
}

}


@media (min-width: 569px) and (max-width: 767px) {
.alignleft{
margin-right:0px;
}

.alignright{
margin-left:0px;
}

#content p img{
width:100%;
height:auto;
margin:10px 0px;
}

#evolution-house img{
width:100%;
height:auto;
margin-left:0px;
}

#evolution-logo img{
float:none;
margin-left:0px;
}

.vinyl-railing{
width:300px;
float:right;
}

.vinyl-railing img{
width:100%;
height:auto;
float:none;
margin-left:0px;
}

.vinyl-railing-detail{
width:300px;
clear:both;
float:right;
}

.vinyl-railing-detail img{
width: 100%;
height: auto;
margin: 15px 10px;
}

.dimension-house img{
width:100%;
height:auto;
}

.dimension-logo img{
width:100%;
height:auto;
}

.dimension-profile1{
text-align:center;
}

.dimension-profile1 img{
float:none;
}

.dimension-profile2{
text-align:center;
clear:both;
}

.dimension-profile2 img{
float:none;
}

.dimension-cedar-colors img{
float:none;
}

.board-batten-block-left {
    float: none;
    width: 100%;
    margin-top: 20px;
}

.board-batten-house img{
width:100%;
height:auto;
}

.board-batten-block-right{
float:left;
margin-bottom:20px;
}

.board-batten-panel img{
float:none;
}

.cedar-discovery-left-block {
    float: none;
    margin-top: 30px;
    width: 100%;
}

.cedar-discovery-right-block {
float: left;
width: 100%;
}

.cedar-house img{
width:100%;
height:auto;
}

.cedar-logo img{
width:100%;
height:auto;
}

.cedar-closeup img{
float:none;
margin-left:0px;
}

.cedar-roundcut img{
float:none;
margin-left:0px;
}

.cedar-roundcut-colors{
width:600px;
}

.cedar-roundcut-colors img{
float:none;
margin-left:0px;
width:100%;
height:auto;
}

.top-print .print-link{
margin-top:-10px;
}

.left-wrapper {
    width: 100%;
    float: left;
}

.right-wrapper {
    width: 100%;
    float: left;
}

.image-block img{
width:100%;
height:auto;
}

#attachment_971{
float:none;
}

}


@media (min-width: 320px) and (max-width: 568px) {
#about-us-wrapper {
    background: url(images/flag3-1.png) no-repeat;
    padding: 70px 80px 70px 100px;
    height: 320px;
    margin-bottom: 90px;
    background-size: 100%;
}

.wp-image-956{
display:block;
margin:0 auto;
float:none;
}

.alignleft{
margin-right:0px;
}

.alignright{
margin-left:0px;
}

#content p img{
width:100%;
height:auto;
margin:10px 0px;
}

#evolution-house img{
width:100%;
height:auto;
}

#evolution-logo img{
float:none;
}

#evolution-house img{
width:100%;
height:auto;
}

.dimension-house img{
width:100%;
height:auto;
}

.dimension-logo img{
width:100%;
height:auto;
}

.dimension-profile1{
text-align:center;
}

.dimension-profile1 img{
float:none;
}

.dimension-profile2{
text-align:center;
clear:both;
}

.dimension-profile2 img{
float:none;
}

.dimension-cedar-colors img{
float:none;
}

.board-batten-block-left {
    float: none;
    width: 100%;
    margin-top: 20px;
}

.board-batten-house img{
width:100%;
height:auto;
}

.board-batten-block-right{
float:left;
margin-bottom:20px;
}

.board-batten-panel img{
float:none;
}

.cedar-discovery-left-block {
    float: none;
    margin-top: 30px;
    width: 100%;
}

.cedar-discovery-right-block {
float: left;
width: 100%;
}

.cedar-house img{
width:100%;
height:auto;
}

.cedar-logo img{
width:100%;
height:auto;
}

.cedar-closeup img{
float:none;
}

.cedar-roundcut img{
float:none;
}

.cedar-roundcut-colors img{
width:100%;
height:auto;
float:none;
}

.vinyl-railing img{
width:100%;
height:auto;
}

.vinyl-railing-detail{
text-align:center;
}

.vinyl-railing-detail img{
float:none;
}

.top-print .print-link{
margin-top:-10px;
}

.row-wrapper img{
float:none;
}

.left-wrapper {
    width: 100%;
    float: none;
}

.right-wrapper {
width: 100%;
float: none;
}

.row-wrapper-block{
width:300px;
}

.row-wrapper-block img{
width:100%;
height:auto;
}

#attachment_971{
width:100%;
}

.right-wrapper img{
float:none;
width:100%;
height:auto;
}

.image-block{
width:300px;
}

.image-block img{
width:100%;
height:auto;
}

}

@media (min-width: 320px) and (max-width: 480px) {
#content iframe{
height:250px;
}

.row-wrapper img{
float:none;
}

.left-wrapper {
    width: 100%;
    float: none;
}

.right-wrapper {
width: 100%;
float: none;
}

.row-wrapper-block img{
width:100%;
height:auto;
}

#attachment_971{
width:100% !important;
}

.right-wrapper img{
float:none;
width:100%;
height:auto;
}


#foot_search-wrap{
text-align: center;
list-style: outside none none;
margin: 30px 0px 15px;
display:block;
}

#foot_search-wrap input[type="text"] {
min-width: 55%;
}

span.your-message textarea {
border: thin solid rgb(212, 212, 212);
padding: 10px;
border-radius: 0px;
width: 263px;
}

#about-us-wrapper {
background: url(images/flag3-1.png) no-repeat;
height: auto;
padding:0px;
margin-bottom: 90px;
background-size: 100%;
}

.alignleft{
margin-right:0px;
}

.alignright{
margin-left:0px;
}

#content p img{
width:100%;
height:auto;
margin:10px 0px;
}

.wp-image-956{
margin-bottom:20px;
}

.board-batten-block-left {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.board-batten-block-right {
    float: right;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.cedar-discovery-left-block {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.cedar-discovery-right-block {
    float: right;
    width: 100%;
}

.cedar-discovery-right-block img{
    width: 100%;
	height:auto;
}

.evolution-profile{
width:300px;
}

.evolution-profile img{
width:100%;
height:auto;
}

#evolution-logo{
width:300px;
}

#evolution-logo img{
width:100%;
height:auto;
}

.dimension-colors{
width:300px;
}

.dimension-colors img{
width:100%;
height:auto;
}

.dimension-profile1{
width:300px;
}

.dimension-profile1 img{
width:100%;
height:auto;
}

.dimension-profile2{
width:300px;
}

.dimension-profile2 img{
width:100%;
height:auto;
}

.dimension-cedar-colors{
width:300px;
}

.dimension-cedar-colors img{
width:100%;
height:auto;
}

.board-batten-logo img{ 
width:100%;
height:auto;
}

.board-batten-colors{
width:300px;
}

.board-batten-colors img{
width:100%;
height:auto;
}

.board-batten-panel{
width:300px;
}

.board-batten-panel img{
width:100%;
height:auto;
float:none;
}

.cedar-colors{
width:300px;
}

.cedar-colors img{
width:100%;
height:auto;
}

.cedar-roundcut{
width:300px;
}

.cedar-roundcut img{
width:100%;
height:auto;
}

.cedar-roundcut-colors{
width:300px;
}

.cedar-closeup{
width:300px;
}


.checklist-table{
width:100%;
overflow:auto;
}

}