@charset "UTF-8";
/* CSS Document */

/*--------toolbox----------*/

/*--------Hex Colors------
LIGHT GREEN: b2ae7e
YELLOW: cd9b49
BROWN: 100f0d
LIGHT BROWN: 201710
ORANGE: 992600
-------*/
.logo {margin-top:10px;
	float:left;}

.clear {clear:both;}

a:link, a:visited  {color:#cccc99;
	text-decoration:none;}
	
a.wp-caption {color:#999966;}
	
p {text-align:left; }
	
a {outline:none;}

img {border:none;}

li {text-decoration:none;}

ul {text-decoration:none;list-style:none; margin:0; padding:0;}

fieldset {border:none;}

body {
	margin: 0;
	padding: 0;
	color:#cccc99;
	font-size:11px;
	font-family: arial, FontinSans Bold, Veranda, Helvetica, Arial, sans-serif;
	line-height: 14px;
	list-style-type: none;
	letter-spacing: .02em;
	background-color:#100f0d;
	
	}
	
.clearfix {display:inline-block;}
	

/*--------header--------*/
#header {background-color:#100f0d;
	height:75px;
	z-index:5000;
	padding-top:10px;
	}
	
/*-------callout----------*/
#callout {background-color:#201710;
	z-index:10;
	overflow:hidden;
	position:relative;
	height:436px;}

#callout_blog {background-color:#201710;
	z-index:10;
	overflow:hidden;
	position:relative;
	padding-top:2em;}
	
/*--------contnet-------*/
#content {background-color:#100f0d;
		margin-top:25px;
		overflow:hidden;
	}


	
/*------grid classes-----*/
.container {margin-left:auto;
	margin-right:auto;
	width:960px;
	position:relative;
	z-index:6000;
	}


.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_4_mod  , .grid_3_mod, .grid_8_port, .grid_left_content, .grid_left_content_home{
	margin:0 10px 0 10px;
	display:inline;}

.grid_1 {width:60px;
	float:left;}

.grid_2 {width:140px;
	float:left;}

.grid_3 {width:220px;
	float:left;}
	
.grid_4 {width:300px;
	float:left;}

.grid_5 {width:380px;
	float:left;}

.grid_6 {width:460px;
	float:left;}

.grid_7 {width:540px;
	float:left;
	}
	
.grid_8 {width:620px;
	float:left;}

.grid_9 {width:700px;
	float:left;}
	
.grid_10 {width:780px;
	float:left;}
	
.grid_11 {width:860px;
	float:left;}
	
.grid_12 {width:960px;
	float:left;}

.grid_5_mod {width:300px;
	float:left;
	padding-left:45px;
	}

.grid_4_mod {width:300px;
	float:left;
	margin-top:2em;
	}

.grid_3_mod {width:282px;
	float:left;
	margin-top:2em;
	}

.grid_8_mod {width:960px;
	float:left;
	margin-top:1em;
	padding-left:193px;
	}

.grid_6_nav {
	float:left;
	position:absolute;
	top: 3px;
	left:505px;
	width:460px;
	z-index:10000;}

.grid_8_port {width:960px;
	float:left;
	padding-left:250px;
	}

.grid_left_content {width:230px;
	float:left;
	}
	
	.grid_left_content_home {width:230px;
	float:left;
	height:500px;
	}

.featured_home {width:560px;
	float:left;}
/*--------contact form--------*/

.form_wrapper {width:280px;
	float:left;}
	
#message {height:140px;
	}

#sendEmail {margin-top:1em;}

#author, #email, #url {
	background-color:#100f0d;
	border:none;
	color:#cc9933;
	height:20px;
	margin-bottom:6px;}


/*--------navigation---------*/


#acc { width:395px; list-style:none; color:#033; padding-top:2em; float:right;}
#acc h3 {width:70px; color:#cccc99; padding:5px 5px; cursor:pointer; background-color: #100f0d; z-index:5000; font-size:11px; font-style:normal; font-weight:normal;}
#acc h3:hover {color: #cc9933; background-color:#201710}
#acc h3:hover a{color: #cc9933; background-color:#201710}
#acc .acc-section {overflow:hidden; z-index:5000;}
#acc .acc-content {width:100px; padding:5px;  z-index:5000;}

#acc li {width:98px; float:left;  z-index:5000; display:inline;}
#acc li.submenu{width:100px; float:left;  z-index:5000;}

 
#nested {width:100px; list-style:none; color:#033; margin-bottom:5px}
#nested h3 {width:100px; color:#cccc99; padding:3px 3px; cursor:pointer; background-color:#100f0d;font-size:10px; }
#nested h3:hover {color: #cc9933;}
#nested .acc-content {width:100px; background-color: #100f0d; overflow: auto;}
#nested .acc-content h3{ width:95px; background-color: #100f0d; cursor:pointer; padding:0; margin: 0;}
#nested ul.acc-content li:hover a{color: #cc9933; background-color:#201710; cursor:pointer;}

body.page-id-11 li.profile a,
body.page-id-71 li.residential a,
body.page-id-35 li.illustration a,
body.page-id-19 li.contact a,
body.blog li.blog a, 
body.page-id-42 li.anthem a,
body.page-id-46 li.centerra a,
body.page-id-49 li.ironbridge a,
body.page-id-51 li.sonoranridge a,
body.page-id-53 li.villdilago a,
body.page-id-55 li.luxelake a,
body.page-id-57 li.pearloasis a,
body.page-id-59 li.lusail a,
body.page-id-61 li.xilinx a,
body.page-id-63 li.cooleystation a,
body.page-id-118 li.wuhan a{color: #cc9933;}



body.page-id-71 #acc li h3.test,
body.page-id-71 #acc li h3.test,
body.page-id-35 #acc li h3.test, 
body.page-id-42 #acc li h3.test,
body.page-id-46 #acc li h3.test,
body.page-id-49 #acc li h3.test,
body.page-id-51 #acc li h3.test,
body.page-id-53 #acc li h3.test,
body.page-id-55 #acc li h3.test,
body.page-id-57 #acc li h3.test,
body.page-id-59 #acc li h3.test,
body.page-id-61 #acc li h3.test,
body.page-id-63 #acc li h3.test,
body.page-id-118 #acc li h3.test{color: #cc9933;}


/*-------Headings--------*/
.main_h1  {float:right;
	display:inline;
	margin-top:0;
	}

.recent_post h1 {margin:0 0 6px 0;}

.port_heading {color:#cccc99;
	margin-bottom:.5em;}


h1, .widgettitle {color:#992600;
	font-size:14px;
	margin:1em 0;}
	
h1.gutter {margin-left:10px;
	width:300px;}

h1.full_header {margin-left:10px;
	margin-bottom: 1em;
	width:960px;}
	
.contact_h1 {float:left;
	display:inline;
	margin-top:0;
	width:240px;}

.grid_5_mod h2 {margin-bottom:3px;}

h2 {font-size:12px;
	margin-bottom:2px;}
	
.blog_content {float:left;
	width:180px;
	padding-left:1em;}

.blog_image {float:left;
	width:100px;}

.blog_link {
	width:atuo;
	color:#992600;}

a.port_link {
	float:left;
	width:auto;
	margin:0 10px 0 0;
	text-decoration:underline;}
	
a.port_link:hover {color:#992600; 
	float:left;
	width:auto;
	margin-top:14px 10px 0 0;
	text-decoration:underline;}

a.mailrollover:hover {text-decoration:underline;}

a.mailrollover {color:#992600;}

.callout_image {float:left;
	width:auto;
	display:inline;
	padding-left:10px;
	}

.callout_text {padding-top: 60px;
	text-align:justify;
	width:220px;
	float:left;}

 a.blog_link {color:#992600;}
 
 
 /*--------services--------*/
.services_image {margin: 1em 0;}

.testimonial_list {margin-top:1em;
	padding-right:30px;}

.testimonial_list li {float:left;
	width:460px;
	display:inline;
	margin-bottom:1em;
	text-align:justify;}

li.testimonial_name {float:right;
		width:35px;
		display:inline;}
		

/*----------portfolio-----------*/



.image_port_1 {margin:0 3px 0 0px;}

.thumbs {float:left;
	margin: 4px 4px 0 0;
	width:55px;
	}
	
.thumb_list {float:left;
	width:660px;}


.portfolio_projects {width:auto;
	float:right;}
	
.portfolio_projects li {width:100px;
	float:left;
	color:#992600;
	margin-right:15px;}
	
/*-----sidebarimage-------*/


.sidebar_image {margin-bottom:10px;
	display:inline;
	float:left;
	width:120px;}

.sidebar_main_image {margin-bottom:10px;
	display:inline;
	float:left;
	width:220px;}

.screen-reader-text {width:220px;
	float:left;
	color:#992600;
	font-size:14px;
	margin-bottom:10px;
	margin:1em 0;
	font-weight:bold;}

#s {width:220px;
	float:left;
	margin-bottom:10px;
	background-color:#100f0d;
	color:#cccc99;
	border:none;
	height:20px;
	padding: 3px 0 0 3px;}

#comment {width:540px;
	float:left;
	margin:10px 0;
	background-color:#100f0d;
	color:#CC9933;
	border:none;
	height:60px;
	padding: 3px 0 0 3px;}
	
.blog_list a {color:#992600;
	text-decoration:underline;
	float:right;}
	
.recent_sidebar{float:left;
	display:inline;}
	


.recent_post li {float:left;
	display:inline;}

.recent_teaser {width:190px;
	float:left;
	display:inline;
	height:90px;
	overflow:hidden;
	margin-left:10px;}
	
.recent_teaser_image {
	float:left;
	display:inline;
	margin-bottom:1.4em;}
	
.categories {float:left;
	width:200px;
	display:inline;}
	
/*------slideshow----*/	
	
#slideshow {
    position:relative;
    height:436px;
	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	float:left;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #3b2b1e; border: 1px solid #cccc99; padding:10px; margin: 0 0 10px 10px; width:600px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 8px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right:40px;
	width: 25px;
	margin: 3px 0 8px 0;
}
ol.forms input, ol.forms textarea {
	background-color:#201710;
	border: 1px solid #0d0c0a;
	color:#CC9933;
	height:1.5em;
	padding-left:10px;
	width:230px;
	
}
ol.forms textarea { height: 90px; width: 312px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #3b2b1e; border-color: #cccc99; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

.btn_submit, #searchsubmit, #submit {background-color:#201710;
	border: 1px solid #CCCC99;
	color:#CCCC99;
	height:2.5em;}

.btn_submit:hover, #searchsubmit:hover, #submit:hover {background-color: #3b2b1e; border-color: #cccc99; cursor:pointer;} 

/*------blog image styling------*/
.alignleft {float:left;
	padding:1em 1em 1em 0;
	}
	
.alignright {float:right;
	padding:1em 0em 1em 1em;
	}

.aligncenter {margin-left:200px;
		padding:1em 1em 1em 1em;}
		
/*------blog layout-------*/
.postmetadata   {margin:1em 0;
	color:#992600;
	width:540px;
	float:left;}
	
.postmetadata a {color:#992600;}

.entry {margin:5px 0;
	float:left;}
 
.entry h4, .entry h2, .entry h3 {margin:5px 0;}

.navigation {float:left;
	width:540px;}

#post-19 {width:220px;
	float:left;}

.post {float:left;}

.blog_title {height:30px;
	float:left;
	background-color: #30241A;
	width:520px;
	margin-bottom:.5em;
	padding:10px;

	}

.blog_title_h1 {font-size:18px;
	margin:10px 0 11px 0;
	padding:2px 0 0 25px;
	height:18px;
	background-image:url(http://willhitedesign.com/transformingpigeons/wp-content/themes/willhite/images/blog_logo.png);
	background-repeat:no-repeat;
	color: #CCCC99;
	}
.blog_title ul {margin-top:9px;}

.blog_title li.title_author {float:left;
	color: #A6A67C;
	letter-spacing: .25em;}

.blog_title li.title_date {float:left;
	width:250px;
	letter-spacing: .25em;}

.blog_title li.title_date p{float:left;
	color: #A6A67C;}
	
.blog_title li.title_date a {color:#A6A67C;}

.attachment-post-thumbnail {margin-bottom:1em;}

a.full_post_title {color:#A6A67C;}
	
.tert_nav {float:right;
	width:300px;
	margin-bottom:.5em;
	position:relative;
	height:1em;}
	
ul.tert_nav li {float:left;
	width:100px;}

.next_project {
	position:absolute;
	left: 100px;
	}
.prev_project {
	position:absolute;
	left: 0px;
	}
.next_project a:hover,.prev_project a:hover {color:#992600;} 

.entry_blog p {font-size:12px; 
	line-height:16px;
	letter-spacing:.02em;
	margin-bottom:1em;}

/*----comments style------*/
.comment-body {margin-bottom: 1em;}

.fn a {color:#992600;}

#respond h3 {margin-bottom: 5px;}

.entry ul li a {color:#992600;}

/*------scrollbars------*/
srollbar {color:red;}

#respond {float:left;}

ol {
	list-style-type:none;
}

.shareme li {width:100px;
	float:left;
	background-image:url(http://willhitedesign.com/transformingpigeons/wp-content/themes/willhite/images/share_logo.png);
	background-repeat:no-repeat;
	padding-left:17px;
	margin-right:1em;
	}

.shareme li a {color:#999966;}

.shareme li a:hover {color:#545437;}