/*

Theme Name: House Craft WP

Theme URI: http://

Description: 

Version: 1.0

Author: Alex Bachuk

Author URI: http://bachuk.com

Tags: construction

*/



@import "style/css/reset.css";

@import "style/css/typography.css";

@import "style/css/960.css";



html {background:url(style/images/bg.jpg) repeat;}

body {font-family:Verdana, Geneva, sans-serif; font-size:12px;}

.left {float:left;}

.right {float:right;}

a {text-decoration:none; outline:none;}

a img {outline:none; border:none;}



/***********HEADER**********************/

#ext-header {height:39px; background:#114515; border-bottom:1px solid #000;}

#nav li {float:left; margin-right:28px; text-transform:uppercase; line-height:40px; font-size:11px; position:relative;}

#nav li a {color:#fff; font-weight:bold; display:block;}

#nav li a:hover {color:#e89f0b;}

#nav li.current_page_item a { color:#e89f0b; text-shadow:0 1px 2px #000; }

.page-item-14 {margin-right:0 !important; }

.sub-menu {display:none; position:absolute; width:250px; background:#ccc; left:-10px; background:#114515; border-bottom:1px solid #000; top:38px;}
	#nav .sub-menu li {line-height:30px; padding-left:30px; border-bottom:1px solid #09250b; width:220px;}
	#nav li:hover ul {display:block;}



/************HOME *******************/

#slider-cont {background:#724126; height:350px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:5px solid #4f1d00; -moz-box-shadow:0 0 10px black; -webkit-box-shadow:0 0 10px black; position:relative;}

#intro { margin:6px 0 0 0; position:relative;}

#intro-info {position:absolute; left:164px; text-align:right; top:84px; font-size:14px; color:#724126; font-weight:bold; font-style:italic; text-shadow:0 0 1px #dec7a1;}

#slider {	position:relative;	/*See the "style-pack" below for image*/	background:url(images/loading.gif) no-repeat 50% 50%; 	width:428px;	height:279px;	-moz-box-shadow:0 0 13px black !important; -webkit-box-shadow:0 0 13px black !important;}

#slider img {	position:absolute;	top:0px;	left:0px;	display:none;}

#welcome {padding:50px 25px; background:url(style/images/welcome-slider.jpg) no-repeat;}

#welcome h1 {font-size:24px; color:#fff; text-shadow:1px 2px 1px #000; font-weight:bold; text-align:center; margin:0px 0 20px 0;}

#welcome p {font-size:14px; line-height:22px; letter-spacing:0.1px; text-shadow:0 1px 1px #000; color:#fff; width:390px;}

#phone {font-weight:bold; font-size:19px;}

#appt-btn {height:50px; background:#ca8900; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:1px solid #644400;  width:200px; 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e79b00', endColorstr='#ac7501'); /* IE */

background: -webkit-gradient(linear, left top, left bottom, from(#e79b00), to(#ac7501)); /* webkit (Chrome, safari) */

background: -moz-linear-gradient(top, #e79b00, #ac7501); /* firefox */

color:#000; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:24px; text-align:center; float:right; margin-top:25px; cursor:pointer;}

#green-icon {position:absolute; top:307px; left:772px;}

#col-container p {margin-top:45px;}

#welcome img {margin-top:25px; margin-left:130px; }

#col-container { background:url(style/images/hr.png) no-repeat top left; margin:30px 0 40px; 15px;}

.grid_4 {margin-top:20px;}

#plumb-col {margin-left:5px;}

	.col-h1 {margin:20px 0 0 5px;}

.grid_4 p, .post p, .post ul {margin:25px 0 20px 0; font-size:14px; line-height:19px; text-shadow:0 1px 1px #d5b681; }

.post h3 {font-size:18px; font-weight:bold; text-align:center; color:#333;}

#grtlt {background:url(style/images/greenTitle.png) no-repeat;}
#credit-cards {position:absolute; top:-48px; left:40px;}


/*********************Plumbing****************************/

.pageh {text-indent: -9999px; height:40px; margin-top:30px;}

#pph1 {background:url(style/images/plumbingpageh1.png) no-repeat;}

#post-6 p {margin-top:15px !important;}

.post ul li {list-style:disc inside; line-height:24px; font-size:13px; text-indent:20px;}

.post ul li:hover {/*font-weight:bold; font-size:15px; cursor:pointer;*/}

.alignright {float:right;}

.alignleft {float:left; margin:0 10px 10px 0;}



/*******************PAINTING ****************************/

#paph1 {background:url(style/images/paintingpageh1.png) no-repeat;}

#cph1 {background:url(style/images/carppageh1.png) no-repeat;}

#post-8 span {font-size:15px; font-weight:bold;}



/*****************CARPENTRY *****************************/

.wp-image-81 {margin-top:-50px;}
.page-id-10 .grid_4 {margin:20px 0; width:320px;}
#bath-rem {text-indent:-9999px; background:url(style/images/bath-rem.png) no-repeat; height:40px; margin:30px 0;}


/*********************FOOTER ****************************/

#ext-footer {height:80px; background:#114515; border-top:1px solid #000; }

#footer, #footer a {color:#fff; line-height:65px; position:relative; }

#servmag {height:80px; position:absolute; right:0; top:0;}



/********************CONTACT *************************/

#wpcf7-f1-p14-o1 {width:500px; margin-top:22px; float:left; font-family:Verdana, Geneva, sans-serif;}

#wpcf7-f1-p14-o1 p {margin: 20px 0 0 0;}

#wpcf7-f1-p14-o1 input, #wpcf7-f1-p14-o1 textarea  {float:right; clear:both;}



#wpcf7-f1-p14-o1 textarea {background:url(style/images/txt-area.png) no-repeat; border:none; color:#114515; font-weight:bold; line-height:20px;}

#wpcf7-f1-p14-o1 input {background:url(style/images/txt-input.png) no-repeat; border:none; height:29px; width:216px; color:#114515; font-weight:bold; letter-spacing:0.4px; }

#contact-container{background:url(style/images/contactbg.jpg) no-repeat !important; width:960px; height:540px;}

#wpcf7-f1-p14-o1 #submitbtn {height:35px; background:#ca8900; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:1px solid #C2A979;  width:140px; 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e79b00', endColorstr='#ac7501'); /* IE */

background: -webkit-gradient(linear, left top, left bottom, from(#e79b00), to(#ac7501)); /* webkit (Chrome, safari) */

background: -moz-linear-gradient(top, #e79b00, #ac7501); /* firefox */

color:#000; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:24px; text-align:center; float:right; margin-top:-6px; cursor:pointer;

}

#conth1 {background:url(style/images/contactTitle.png) no-repeat;}

#contact-info {margin:30px 58px 0 0;}

#contact-info p {margin:0px !important; text-align:center; font-size:17px; line-height:28px; font-weight:bold; color:#333; }

/************** TESTIMONIALS ****************/
#gform_wrapper_1 {width:500px; float:left;}
#gform_submit_button_1 {width:150px; height:30px; line-height:30px; border:1px solid #af7500; background:#df9500; text-transform:uppercase; -moz-border-radius: 5px;
-webkit-border-radius: 5px; margin-left:25px; cursor:pointer;  }

#gform_submit_button_1:hover {background:#af7500;}
#gforms_confirmation_message {width:400px; float:left; margin-top:200px;}
#testim-page {margin:30px 0; overflow:hidden;}
.single-testim {width:400px; float:left; margin-right:50px; background:#cab07c; padding:10px; font-size:13px; line-height:17px; margin-bottom:30px;}
	.single-testim h1 {text-align:left; text-transform:uppercase; font-size:16px; margin-bottom:7px; }
	.single-testim h6 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:7px 0; color:#114515;}
	.single-testim h5 {text-align:right; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:12px;}
#testim-form-main {float:right; width:400px; height:100%;}
	#testim-form-main li {margin-bottom:10px;}
	#testim-form-main input {height:25px; width:72%;}
	#testim-form-main label {width:130px; float:left;}
	#testim-form-main textarea {width:72%; height:150px;}
	.validation_error {color:#df9500; font-weight:bold; text-align:center; font-size:14px; background:#114515; margin-bottom:30px; padding:10px 0; line-height:20px; }
	.validation_message {font-weight:bold; text-transform:uppercase;}
	#testim-form-main #gform_submit_button_1 {width:150px; height:30px; float:right;}
	
	
/*********** IRON WORK ***************/
#iron-title {background:url(style/images/iron-title.png) no-repeat; text-indent:-9999px; height:40px; margin-top:30px;}

/********** BASEMENT  ***************/
.page-id-192 h1 {font-size:24px; text-align:center; margin:30px 0;}
.page-id-192 h2 {font-size:18px; margin-bottom:-20px;}