/*

Theme Name: Harrell

*/



@import "css/reset.css";

@import "css/typography.css";

@import "css/layout.css";



body { background:url(images/footerbackground.jpg) repeat 0 0; font: 11px  verdana, Tahoma, Verdana, Arial, sans-serif;

line-height:170%; color:white; }

a { color:#B15C12; }

#wrap { background:url(images/gradient.jpg) repeat 0 0; }

#headerContainer { background:white; }

#header { width:1020px; position:relative; margin:0 auto; }

#header h1 { width: 321px;

height: 96px;

padding-bottom: 6px;

padding-top: 6px; }

#header h1 a { background:url(images/harrell-remodeling-logo.png) no-repeat 0 0; width:321px; height:86px; display:block; text-indent:-9999px; }

.headerForms { position:absolute; top:0; right:0; text-align:right; }

#container { background:url(images/green-container.png) repeat-x 0 0; }

#content { width:1020px; margin:0 auto; overflow:hidden; }

#sidebar { float:left; width:150px; }

#mainContent { background:url(images/green-content.png) repeat-x 0 0 white; padding:26px 0px 100px 0px; width:870px; float:left; color:black; }

#mainContentfull { background:url(images/green-content.png) repeat-x 0 0 white; padding:26px 0px 100px 0px; padding: 50px 10px 100px; width: 1020px; float:left; color:black; }

iframe { border: 0; frameborder:0; }

.pagePicture { width:288px; float:left; }

.pageLeftText { padding:0px 20px; width:248px; float:left; }

.pageText { /*width:582px;*/ width:552px; float:left; }

.pageText ul li {list-style: disc; margin-left: 35px;}
.pageText ul {margin-bottom: 15px;}
.page-id-19 .pageText ul li {list-style: none; margin-left: 0;}

.home #container { background:url(images/green-container-home.png) repeat-x 0 0; }



.slide { width:1020px; height:365px; }



/*links*/

#header ul.menu {

	list-style-type: none;

	padding:0;

	margin:0;

	font-size: 12px;

	overflow:hidden;

	position:absolute;

	right:0;

	bottom:5px;

	text-transform: uppercase;

}

#header ul.menu li {

	float: left;

	margin-right: 20px;

}

#header ul.menu li.last {

	margin-right: 0;

}

#header ul.menu li a {

	color: #201749;

	text-decoration: none;

/*	text-transform:uppercase;*/

}

.menu li a:hover, ul.menu li.current-menu-item a,.sidenav li.current-menu-item a, ul.menu li.current-page-ancestor a, .current-menu-item a, .current_page_parent a {

	color:#B15C12 !important;

}

.sidenav{

	margin:40px 20px 0px 0px;

}

.sidenav li{

	margin-bottom:10px;

	text-align:right;

}



.sidenav li a{

	color:white;

	font-size:12px;

	text-align:right;

	text-decoration:none;

}

.sidenav li a:hover{

	color:#B15C12;

	text-decoration:none;

}



form ul li{

	clear:both;

	margin:0px 0px 10px 0px;

	overflow:auto;

	width:550px;

}

form ul li label{

	display:block;

	float:left;

	margin-right:10px;

	text-align:right;

	width:120px;

	color: #5D6D47;

}

form ul li input{

	border:1px solid #ccc;

	float:right;

	width:410px;

}

form ul li textarea{

	border:1px solid #ccc;

	height:50px;

	width:410px;

	float:right;

}

form ul li.submit {

	position:relative;

}

form ul li.submit input{

	background:#5D6D47;

	color:white;

	height:30px;

	float: right;

	width:75px;

}

form ul li.submit input:hover{

	background:#5D6D77;

}



/* final portfolio */

#gallery-image { float: left; width:600px; height:630px; overflow: hidden; }

#gallery-image img { max-width: 600px; max-height: 630px; }

.final-portfolio ul { width:210px; padding:10px; float: right; }

.final-portfolio ul li { float:left; display:block; width:60px; height:60px; margin:5px; }

.final-portfolio ul li a img { width:60px; height:60px; }



.outlineLine, .final-portfolio ul li.active  { outline:5px solid #201749; }



img { vertical-align: bottom; }



/*footer*/

.j-footer { padding-top:12px; background:url("images/footerbackground.jpg") repeat scroll 0 0 transparent; clear:both; overflow:hidden; width:100%; }

.j-left { width:1020px; margin:0 auto; position:relative; }

.j-right { position:absolute; left:100%; top:0; }

.cultures {  width:150px; float:left; }

body.page-template-page-home-php .cultures { margin-left: -150px;}

.cultures li { float:left; }

.cultures li img { height:50px; width:50px;  }

body.page-template-page-home-php .j-middle { width: 960px; }

.j-middle { width:870px; float:left; text-align:center; }

.j-middle p { clear:both; color:white; }

.j-footer-nav {  }

.j-footer-nav li { /* float: left; display:block; */ display:inline }

.j-footer-nav li { border-right: 1px solid white; }

.j-footer-nav li a { color:white; text-decoration:none; padding: 0px 7px; }

.j-footer-nav li.last{ border-right:0px; }

.j-social-icons { width:100px; }

.j-social-icons li, .j-social-icons li a { float:left; display:block; }

.j-social-icons li { margin-right:10px; }

.j-social-icons li img { height:32px; width:32px; }



/*overview*/

.overview-images{

	float:left;

	width:210px;

}

.overview-images li{

	float:left;

	height:50px;

	width:70px;

}

.overview-images li a{

	background:white;

	display:block;

	padding:5px;

}

.overview-images li.active a{

	background:#4a604f;

}

.overview-images li a:hover{

	background:#4a604f;

}

.overview-content{

	float:left;

	margin-left:30px;

	width:360px;

}

.project-photo{

	margin-top:20px;

}

.grow-contain{

	float:left;

	width:820px;

	height:191px;

}

.grow-parent{

	float:left;

	height:176px;

	margin:0px 15px 15px 0px;

	position:relative;

	width:176px;

}

.grow-up{

	bottom:0;

	height:176px;

	position:absolute;

}

.grow-up a{

	position:absolute;

	bottom:0;

}

.grow-right{

	left:0px;

	height:176px;

	position:absolute;

}

.grow-right a{

	left:0;

	position:absolute;

}

.grow-left{

	right:0;

	height:176px;

	position:absolute;

}

.grow-left a{

	right:0;

	position:absolute;

}

.grow-left-info{

	float:left;

	padding:10px 10px 0px 10px;

	width:156px;

	color: #fff;

}

.grow-right-info{

	float:right;

	padding:10px 10px 0px 10px;

	width:156px;

	color: #fff;

}

.grow-up-info{

	color: #fff;

	padding:10px 10px 0px 10px;

	width:156px;

}

.grow-down{

	position:absolute;

	height:176px;

	width:176px;

}

.grow-down a {

	position:absolute;

	z-index:10;

	

}

.grow-down-info{width:156px;position:absolute;padding:10px 10px 0px 10px;	color: #fff;

}



.grow-down-info h5 {

	color: #fff;

}

.grow-up-info h5 {

	color: #fff;

}

.grow-left-info h5 {

	color: #fff;

}

.grow-right-info h5 {

	color: #fff;

}



.overview-info, #overview .overview-info p{

	width:500px;

	float:left;

	padding:0 50px 0 0;

	background-image: none;

}

#project-list{

	float:right;

	width:140px;

}

/*typography*/

h2, .contact-message h2{

	color:#201749;

	font-size:22px;

	font-weight:normal;

}

body.home .col-4 h2 a { color: #ffffff; }

p { margin:0px 0px 20px 0px; }



#mainContent h2 { margin:20px 0px 20px 0px; }

#mainContent p { padding:0px 0px 0px 0px;}



/*headerForms*/

.headerForms { font-size:10px;  }

.headerForms label, .headerForms input { color:#201749; }

.headerForms input { border:1px solid #CCCCCC; }

#searchsubmit, .signupbutton { 

	background-color: #201749;

    height: 20px;

    width: 30px;

	color:#A3B1C8 !important;

	 }

.form { margin:6px 0px 6px 0px; }



/*cycle*/

.cycle-pager a { display:block; float:left; height:7px; margin-right:5px; margin-top:5px; text-indent:-9999px; width:7px; background: white; }

.cycle-pager { width: 100%; float: left; }

.cycle-pager a.activeSlide  { background:none repeat scroll 0 0 #B15C12; color:#B15C12; }



.slide .info { background: url(images/transparent-green.png); width: 320px; height: 308px; color: #fff; padding-top: 57px; font-size: 20px; }

.slide .info h2 {  margin-top: 220px; padding-left: 25px; font-size: 20px; }

.slide .info p {  margin-top: 250px; text-align: left; padding-left: 25px; padding-right: 20px; }





.col-1, .col-2, .col-3, .col-4 {

	min-height: 180px; float:left;

}

.col-1{

	float:left;

	overflow:hidden;	

	width:300px;

	color: #fff;

	padding-top: 23px;

	margin-right:70px;

}

.col-2 { width:175px; }

.col-3 { width:210px; }

.col-4 { width:220px; } 

.col-2, .col-3 { padding-right:10px; border-right:1px solid #5D6D47; }

.col-3, .col-4 { padding-left:10px; }

.col-2 h2, .col-3 h2, .col-4 h2 { margin:20px 0px; color:white; }

.col-1 a, .col-2 a, .col-3 a, .col-4 a { color:#A3B1C8; }

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

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

.alignleft + .alignright {margin-left: 0;}

.alignleft a + .alignright a {margin-left: 0;}

.final-portfolio { float:left; width:100%; }



body.blog h2 a { color:#201749; text-decoration:none; }



#commentform { width: 543px; }

#commentform p { float: left; }

#commentform label {

color:#5D6D47;

display:block;

float:left;

margin-right:10px;

text-align:right;

width:120px;

}

#commentform input, #commentform textarea {

border:1px solid #CCCCCC;

float:right;

width:410px !important;

}

.form-allowed-tags { display: none; }

p.form-submit { float: none !important; }

p.form-submit input#submit {background:none repeat scroll 0 0 #5D6D47;

color:white;

float:right;

height:30px;

width:175px !important;

}

.homeBelowSlider { margin-bottom:40px; float:left; }



.podcastsTable { width:525px; }

.podcastsHeading { font-weight: bold; border-bottom: 2px ##ADAA9C solid; }

.tocc_footer { display: none; }

p.testimonial-alt { color: #B15C12; }



body.page-template-page-designBuildPlain-php #mainContent { padding-left: 20px; width: 850px; }



ul.list, ul.list li { list-style-type: disc; margin-left: 20px; }

ul.list { padding-bottom: 18px; }

.contact-images {

float: right;

overflow: hidden;

width: 450px;

}

.contact-images li {

float: right;

height: 97px;

}

.contact-images li img {

border: none;

float: left;

max-width: 60px;

padding-right: 10px;

}



a { text-decoration: none; }



.headerForms input { color: #ccc; }



/*hides in active gallery arrows*/

.jcarousel-prev-disabled { display:none }

jcarousel-next-disabled { display:none }



body.blog #mainContent h2 a { color:#B15C12; } 

#archive { margin: 0 20px; }

#archive .pageText { width: 820px !important; }

ul.joblist li { list-style: disc; margin-left: 30px; }

.shorttime input { width: 100px; float: left; margin-left: 8px; margin-right: 10px;}

.wpcf7-list-item label { width: 30px; text-align: left;}

.plus_previewimage { float: left; padding: 0 20px 20px 0; }

.vimeo-breaks br { display: none; }



/*survey*/

.page-id-542 form.wpcf7-form {

color: #fff;

display: block;

}

.page-id-542 .wpcf7 {

background: #201749;

padding: 20px;

-webkit-border-radius: 5px;

    border-radius: 5px;

}



.clearall {clear:both;}