/*
	Chad Williams
	Creative Visual Design
	http://www.creativevisualdesign.com

	COLOR PALETTE

	#333333 - BODY BACKGROUND
	#FAE57E - MAINCONTENT YELLOWISH
*/

/*
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/


/* GLOBAL RESET BEGIN */

applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img, img, a {
	border: 0;
	outline:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* GLOBAL RESET END */


/* REUSABLE CLASSES BEGIN */

p {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:10px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {
	font-size:2.2em; 
	font-weight:bold; 
	padding-bottom:18px;
}
  
h2 {
	font-size:1.8em; 
	font-weight:bold; 
	padding-bottom:15px;
}  

h3 {
	font-size:1.5em; 
	font-weight:bold; 
	padding-bottom:10px;
}
  
h4 {
	font-size:1.2em; 
	font-weight:bold; 
	padding-bottom:7px;
}  

a, input { outline:none; }

strong { font-weight:bold; }
em { font-style:italic; }

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right:15px; border:5px solid #fff;}
.alignright { float:right; margin-left:15px;  border:5px solid #fff;}
a img.alignright, a img.alignleft, a img.alignnone { border:5px solid #fff; }
a img.home { margin:0 0 10px 0; }
a img.alignright:hover, a img.alignleft:hover, a img.alignnone:hover { border:5px solid #F8DC4D; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* REUSABLE CLASSES END */


html {overflow-y: scroll;}

body {
	font: 62.5% "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	background:#333333;
	color:#000 /*#4E4E4E;*/
	text-align: center;
}


#container {
	border:2px solid #000;
	border-top:none;
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}

#header {
	display:block;
	height:175px;
}

#header img {
	display:block;
	float:left;
}

#nav {
	background:url(images/bg-nav.jpg) repeat-x;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	clear:both;
	float:left;
	height:34px;
	overflow:hidden;
	width:100%;
}

#nav ul {
	display:block;
	float:left;
	left:50%;
	margin:0 auto;
	padding:0;
	position:relative;
	
}

#nav ul li {
	float:left;
	padding:11px 15px;
	position:relative;
	right:50%;
	}


#nav ul li a {
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

#nav ul li a:hover {
	color:#4C84EB;
}

#page-image {
	display:block;
}

#sub-page-nav {
	background:#EFD370;
	display:block;
	float:left;
	width:175px;
}
	
	#sub-page-nav ul {
		
	}
	
	#sub-page-nav li {

	}
	
	#sub-page-nav li a {
		border-bottom:1px solid #8A0403;
		color:#000;
		display:block;
		height:15px;
		padding:10px;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#sub-page-nav li a:hover {
		background:#F9EFCB;
	}

	#sub-page-nav li.last a {
		border-bottom:none;
	}
	
#sub-page-image {
	float:left;
	width:630px;
}
	
#sub-page-info {
	background:#F4E19D;
	float:left;
	padding:0 10px;
	width:175px;
}

	#sub-page-info img{
		padding-top:10px;
	}

#mainContent { 
	background:#FAE57E; 
	/*background:url(/images/bg-mainContent.jpg) repeat-y;	*/
	padding:20px;
	overflow:auto;
}
				
	#mainContent a { color:#000; }
	
	#mainContent a:hover { color:#4C84EB;}
			
	
	#mainContent img.thumb {
		border:1px solid #663333;
		padding:1px;
	}
	
	#mainContent ul li {
		font-size:1.2em;
		line-height:1.0em;
		list-style-type:circle;
		margin:0 0 10px 20px;
	}
	
	#mainContent #tax-credit {
		float:left;
		margin-right:60px;
		width:270px;
	}
	
	#mainContent #urban-in-fill {
		float:left;
		margin-right:60px;
		width:270px;
	}
		
	#mainContent #multi-phase { 
		float:left;
		width:270px;
	}

		h2 { color:#D56A68; }
		h5.portfolio-navigation { float:left; padding-bottom:20px; }  
		h5.portfolio-navigation a:hover { color:#8BC974; }  
		h5.portfolio-home { float:right; font-size:1.0em; font-weight:bold; padding-bottom:20px; }  
		h5.portfolio-home a:hover { color:#8BC974; }  
	
	#mainContent .post-seperator-line { border-top:1px solid #000; height:20px; margin-top:15px;}
	
		#mainContent #project-image {
			float:left;
			width:260px;
		}
		
		#mainContent #project-desc {
			float:left;
			margin:0 20px;
			width:510px;
		}

		#mainContent #project-links {
			float:left;
			width:150px;
		}
		
/* CONTACT FORM BEGIN */

input {
	padding:5px;
}

textarea {
	padding:5px;
}

#input.sub {
	float: right;
	padding-bottom: 5px;
	margin-top:10px;
}

.LV_validation_message{
    font-weight:bold;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {

}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {

}

/* CONTACT FORM END */
	
	
/* FOOTER BEGIN */

#footer {
	padding: 10px;
}

#footer a, #footer p { color:#fff; }

#footer a.wp-login  { 
	cursor:default; 
	text-decoration:none; 
}

#footer p {
	font-size:1em;
	text-align:center;	
}

#footer p a:hover {
	text-decoration:none;
}

#footer a img {
	margin:10px auto;
}

#footer-nav {
	clear:both;
	float:left;
	margin-bottom:10px;
	overflow:hidden;
	width:100%;
}

#footer-nav ul {
	float:left;
	left:50%;
	margin:0 auto 10px;
	position:relative;
}

#footer-nav ul li {
	border-right:1px dotted #fff;
	float:left;
	padding:0 7px;
	position:relative;
	right:50%;
	}

#footer-nav ul li.last {
	border-right:none;
}

#footer-nav ul li a {
	font-weight:bold;
	text-transform:uppercase;
}

#footer-nav ul li a:hover {
	color:#4C84EB;
}

/* FOOTER END */