/* @override http://www.jasperlumberonline.com.php5-20.websitetestlink.com/wp-content/themes/lumber/style.css */

/*
Theme Name: Jasper Lumber
Description: This theme was coded for Jasper Lumber by Sabramedia.
Author: Clay Doss
Author URI: http://www.sabramedia.com/

*/

/* ------------- RESET -------------- */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;}

@font-face {
    font-family: 'TradeGothic';
    src: url('fonts/trade_gothic_lt_bold-webfont.eot?') format('eot'),
         url('fonts/trade_gothic_lt_bold-webfont.woff') format('woff'),
         url('fonts/trade_gothic_lt_bold-webfont.ttf') format('truetype'),
         url('fonts/trade_gothic_lt_bold-webfont.svg#webfont1Jf7Fmpn') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'ContraRegular';
    src: url('fonts/contra-webfont.eot');
    src: url('fonts/contra-webfont.eot?iefix') format('eot'),
         url('fonts/contra-webfont.woff') format('woff'),
         url('fonts/contra-webfont.ttf') format('truetype'),
         url('fonts/contra-webfont.svg#webfontwR8IzoPG') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'ContraItalic';
    src: url('fonts/contra-italic-webfont.eot');
    src: url('fonts/contra-italic-webfont.eot?iefix') format('eot'),
         url('fonts/contra-italic-webfont.woff') format('woff'),
         url('fonts/contra-italic-webfont.ttf') format('truetype'),
         url('fonts/contra-italic-webfont.svg#webfontuGrN9Vao') format('svg');
    font-weight: normal;
    font-style: normal;}    
@font-face {
	font-family: 'TitilliumText';
	src: url('fonts/TitilliumText400wt-webfont.eot');
	src: url('fonts/TitilliumText400wt-webfont.eot?iefix') format('eot'), 
		 url('fonts/TitilliumText400wt-webfont.woff') format('woff'), 
		 url('fonts/TitilliumText400wt-webfont.ttf') format('truetype'), 
		 url('fonts/TitilliumText400wt-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

 

body, html { color: #666; font-family: ContraRegular, Georgia, serif; font-size: 15px; line-height: 1.5em; background: #333 url(images/bg4.png); }
#container { margin: 0 auto; width: 940px; padding: 0 80px; background: url(images/container-bg.png) repeat-y;
/*-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 50px rgba(0,0,0,0.25);
-o-box-shadow: 0 0 50px rgba(0,0,0,0.25);
box-shadow: 0 0 50px rgba(0,0,0,0.25);*/ }
a { color: #BE4A11; text-decoration: none;
-webkit-transition:color .2s ease-in, background .3s linear;
-moz-transition:color .2s ease-in, background .3s linear;
-o-transition:color .2s ease-in, background .3s linear;
transition:color .2s ease, background .3s linear; }
a:hover { color: #333; }
p { margin-bottom: 10px; }
h1 { font-size: 35px; margin-bottom: 30px; text-shadow: 1px 2px 0px #ccc; line-height: 45px; }
h2 { font-size: 25px; margin-bottom: 10px; text-shadow: 1px 2px 0px #ccc; }
h1, h2, h3, h4 { font-family: TradeGothic, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #BE4A11; }
::selection { background: #BE4A11; color: white; }
::-moz-selection { background: #BE4A11; color: white; }



/* ------------- HEADER -------------- */
#header { overflow: hidden; border-bottom: 1px solid #d9d9d9; margin-bottom: 60px; font-family: TitilliumText, Arial, Helvetica, sans-serif; }
#header h1 { float: left; margin: 13px 0 0 0; display: block; background: url(images/logo.png) no-repeat top; width: 219px; height: 113px; }
#header h1 a { text-indent: -9999px; display: block; background: url(images/logo.png) no-repeat top; width: 219px; height: 113px; 
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;}
#header h1 a:hover { background-position: bottom; }

ul.main-nav { float: right; text-transform: uppercase; list-style: none; margin: 29px 0 27px 0; }
ul.main-nav li { padding: 3px 18px; }
ul.main-nav li a { color: #777; text-decoration: none;  }
ul.main-nav li a:hover { color: #BE4A11; }


/* -------------- HOME --------------- */
.home #header { margin-bottom: 30px; }
.home #content { overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #E7E0D2; }

.home #home-slideshow { margin-bottom: 30px; position: relative; }
.home .slider, .home .slideshow { width: 925px !important; height: 340px; background: #DDD; display: block; overflow: hidden; z-index: 10;
/*-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px rgba(0,0,0,0.5);*/ }
.home #home-slideshow .info { position: absolute; bottom: 0px; background: rgba(0,0,0,0.65); padding: 15px; width: 910px; color: rgba(255,255,255,0.65); text-shadow: 1px 1px 2px #000; }
.home #home-slideshow .info h3 { color: rgba(255,255,255,0.65); }
.home #home-slideshow .info p { margin: 0; line-height: 17px; }
/*.home #home-slideshow .nivo-caption { position: absolute; bottom: 0px; left: 0px; z-index: 100;
	position:absolute;
	left:60px;
	bottom:-43px;
	background:#000;
	color:#666;
	opacity:0.8;  Overridden by captionOpacity setting 
	width:90%;
	z-index:89;
	font-size: 12px; }*/

.home .block { background: #DDD; padding: 30px; width: 395px; min-height: 115px; line-height: 19px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
-o-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
box-shadow: 0px 2px 4px rgba(0,0,0,0.3); }
.home .block h3 { font-size: 25px; margin-bottom: 10px; }
.home #home-testimonial { float: left; }
.home #home-testimonial p {  }
.home #home-testimonial cite { font-size: 14px; }
.home #home-call { float: right; background: #333; }
.home #home-call a:hover { color: #CCC; }



/* ------------- SINGLE -------------- */

.single .entry { width: 100%; }
.single #comments { float: left; margin-top: 30px; width: 100%; }
.single .commentlist { float: left; position: relative; width: 100%; }
.single .commentlist > li { padding: 10px; }
.single .comment-author img { float: left; margin-right: 5px; }
.single .commentmetadata { position: absolute; right: 10px; top: 10px; }

#respond { float: left; margin-top: 30px; }




/* ---------- LANDING PAGES ----------- */
#overview { padding-bottom: 50px; border-bottom: 1px solid #d9d9d9; }
#overview.no-content { border: none; padding-bottom: 0px; }
#overview.no-description { padding-bottom: 30px; }
#overview ul { margin-left: 20px; }

ul#small-list { width: 620px; float: left; }
ul#small-list li { padding: 30px 0; border-bottom: 1px solid #d9d9d9; overflow: hidden; }
ul#small-list li:last-child { border: none; }
ul#small-list li img { width: 294px; height: 194px; float: left; background: #EEE; border: 1px solid #d9d9d9; padding: 7px; }
	/* Pre-Engineered Page */
	.page-id-488 ul#small-list li img { width: 294px; height: auto !important; float: left; background: #EEE; border: 1px solid #d9d9d9; padding: 7px; }
ul#small-list li .info { float: right; width: 290px; }
ul#small-list li h3 { font-size: 20px; margin-bottom: 15px; }

ul#thumb-list { clear: both; padding: 30px 0 0px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; overflow: hidden; }
ul#thumb-list li {  display: inline-block; vertical-align: top; width: 290px; margin-bottom: 30px; }
ul#thumb-list li:nth-child(3n+2) { margin: 0 30px 30px 30px; }
ul#thumb-list li img { width: 150px; height: 100px; background: #EEE; float: left; margin: 0 10px 0 0; padding: 3px; border: 1px solid #E7E0D2; }
ul#thumb-list li p { font-size: 13px; }



/* ---------- PROJECT PAGES ----------- */
.gallery { padding: 30px 0 40px 0; border-bottom: 1px solid #E7E0D2; margin-bottom: 60px; overflow: hidden; }
.gallery h3 { font-size: 25px; padding: 0 0 15px 0; margin-top: -15px; }
.gallery .info { float: right; width: 284px; }
.gallery .info p { margin-bottom: 10px; }



#testimonials { margin-top: -60px; }
.testimony { border-bottom: 1px solid #E7E0D2; padding: 30px 0; font-style: italic; font-family: Georgia, serif; background: url(images/top-quotes.png) no-repeat 0 25px; }
.testimony p:last-of-type { background: url(images/bottom-quotes.png) no-repeat right bottom; }
.testimony cite { margin-top: 10px; font-style: normal; color: #888; font-family: Arial, Helvetica, sans-serif; color: #BE4A11; }


#action { padding: 30px; background: url(images/bg.gif); margin-bottom: 30px; overflow: hidden; border: 10px solid #e2dcd3; }
#action #text { float: left; width: 650px; }
#action #text p { margin: 0; }
#action #text h3 { font-size: 20px; margin-bottom: 5px; }
#action a#contact-button { float: right; background: #0b7f56; padding: 21px 40px; color: #FFF; text-decoration: none; font-weight: bold; margin-top: 4px; text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px; 
border-radius: 15px; 
-webkit-box-shadow: inset 0px 2px 2px rgba(255,255,255,0.3), inset 0px 30px 0px rgba(255,255,255, 0.1), inset 0px -2px 2px rgba(0,0,0,0.25), 0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 2px 2px rgba(255,255,255,0.3), inset 0px 30px 0px rgba(255,255,255, 0.1), inset 0px -2px 2px rgba(0,0,0,0.25), 0px 1px 2px rgba(0,0,0,0.4);
-o-box-shadow: inset 0px 2px 2px rgba(255,255,255,0.3), inset 0px 30px 0px rgba(255,255,255, 0.1), inset 0px -2px 2px rgba(0,0,0,0.25), 0px 1px 2px rgba(0,0,0,0.4);
box-shadow: inset 0px 2px 2px rgba(255,255,255,0.3), inset 0px 30px 0px rgba(255,255,255, 0.1), inset 0px -2px 2px rgba(0,0,0,0.25), 0px 1px 2px rgba(0,0,0,0.4); }
#action a#contact-button:hover { background: #BE4A11; }



/* ----------- DESIGN BUILD PAGE ----------- */
img#infographic { margin: -20px 0 20px 0; }
.page-template-landing-design-build-php #overview h2 { margin-top: 30px; }



/* ----------- COMPANY PAGE ----------- */
img#company-pic { float: left; margin-right: 30px; }
#employment, #contact { padding: 60px 0; border-bottom: 1px solid #E7E0D2; overflow: hidden; }
#contact #contact-form { float: left; width: 666px; }
#contact #contact-form ul.gform_fields li { width: 324px; float: left; list-style: none; }
#contact #contact-form ul.gform_fields li.ginput_right { float: right; }
#contact #contact-form ul.gform_fields li.gfield_error {  }
#contact input { padding: 7px; width: 310px; border: 1px solid #bbb; }
#contact textarea { display: block; padding: 7px; width: 635px; height: 200px; border: 1px solid #bbb; }
#contact #location { float: right; width: 210px; }
#contact #contact-form .gform_footer { clear: both; width: 400px; }
#contact #contact-form input.button { cursor: pointer; }

#contact #contact-form .gform_wrapper ul li.gfield { clear: none; }

#contact #contact-form input.button { width: 230px; background: #BE4A11; color: #FFF; border: none; padding: 6px; display: block;
-webkit-box-shadow: inset 0px 2px 2px rgba(255,148,34,0.9), inset 0px 12px 12px rgba(255,148,34,0.5), inset 0px -2px 2px rgba(0,0,0,0.1), 0px 1px 2px rgba(0,0,0,0.3); }
#contact #contact-form input.button:hover { background: #0b7f56;
-webkit-box-shadow: inset 0px 2px 2px rgba(20,175,120,0.9), inset 0px 12px 12px rgba(20,175,120,0.5), inset 0px -2px 2px rgba(0,0,0,0.1), 0px 1px 2px rgba(0,0,0,0.3); }

#contact #contact-form ul.gform_fields li#field_2_4 {
    float: none !important;
}

#side-action form ul li#field_1_5 {
    overflow: hidden;
}

#contact #contact-form .validation_message, #contact #contact-form .validation_error { margin: 0; }
#contact #contact-form #gforms_confirmation_message { text-align: center; padding: 87px 0; font-size: 18px; color: #BE4A11; background: #EEE; }
#contact a#facebook { background: url(images/facebook.png) no-repeat left 2px; padding-left: 16px; margin-left: 2px;}
#contact a#linkedin { background: url(images/linkedin.png) no-repeat left 2px; padding-left: 16px; margin-left: 2px;}
#contact a#twitter { background: url(images/twitter.png) no-repeat left 2px; padding-left: 16px; margin-left: 2px;}

/* ----------- SIDE ACTION ------------ */
#side-action { background: #eee; float: right; width: 230px; padding: 30px; margin-top: 30px; margin-bottom: 30px;
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); }
#side-action h3 { font-size: 17px; margin-bottom: 10px; }
#side-action form { margin-bottom: 30px; }

#side-action form ul li { list-style: none; }
/*#side-action form label { display: none } */

#side-action form .placeholder { color: #ccc; }

#side-action form input, #side-action form textarea { width: 220px; padding: 5px 4px; margin-bottom: 5px; border: 1px solid #BBB; 
-webkit-border-radius: 2px;
-webkit-box-shadow: inset 0px 1px 2px #DDD; }
#side-action form input.gform_button { width: 230px; background: #BE4A11; color: #FFF; border: none; padding: 6px; display: block;
-webkit-box-shadow: inset 0px 2px 2px rgba(255,148,34,0.9), inset 0px 12px 12px rgba(255,148,34,0.5), inset 0px -2px 2px rgba(0,0,0,0.1), 0px 1px 2px rgba(0,0,0,0.3); }
#side-action form input.gform_button:hover { background: #0b7f56;
-webkit-box-shadow: inset 0px 2px 2px rgba(20,175,120,0.9), inset 0px 12px 12px rgba(20,175,120,0.5), inset 0px -2px 2px rgba(0,0,0,0.1), 0px 1px 2px rgba(0,0,0,0.3); }
#side-action form textarea { height: 50px; }
#side-action .testimony { border-top: 1px solid #E7E0D2; border-bottom: 0; padding: 30px 0 10px 0; }
#side-action .testimony p { color: #4b4b4b; }
.validation_message, .validation_error { color: red; font-size: 13px; margin: 5px 0; line-height: 18px;}
#gforms_confirmation_message { color: #0b7f56; margin-bottom: 10px; font-size: 12px; background: #DDD; padding: 10px; border: 1px solid #CCC; line-height: 18px;}


/* -------------FOOTER-------------- */
#footer { clear: both; font-size: 13px; padding: 20px 0; text-align: center; color: #888; }
#footer a#facebook { background: url(images/facebook.png) no-repeat left 1px; padding-left: 16px; margin-left: 1px;}
#footer a#linkedin { background: url(images/linkedin.png) no-repeat left 1px; padding-left: 16px; margin-left: 1px;}
#footer a#twitter { background: url(images/twitter.png) no-repeat left 1px; padding-left: 16px; margin-left: 1px;}