@import url(/common/css/projects.css);
@import url(/admin/common/css/ktml.css);

body {
	margin:0;
	padding:0;
	font: .7em Lucida Grande, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#253e51;
	line-height:1.5em;
}
img {
	border:none;
}
a {
	color:#3d565b;
}
a:hover {
	text-decoration:none;
}
p {
	margin:0 0 10px 0;
	padding:0;
}
h1 {
	margin:40px 0 20px 0;
	padding:0;
	font-weight:bold;
}
h2 {
	margin:0px 0 20px 0;
	padding:0;
	font-weight:bold;
}
h3,h4,h5,h6 {
	margin:0 0 10px 0;
	padding:0;
	font-weight:bold;
}
h4 {
	margin:20px 0;
	padding:0;
	font-weight:bold;
}
h1 {
	text-transform:uppercase;
	font-size:1.3em;
	letter-spacing:1px;
}
h1.subhead {
	text-transform:none;
	font-size:1.3em;
	letter-spacing:1px;
	font-weight:normal;
	color:#7C7B6F;
	margin:0 0 15px 0;
}
h2 {
	text-transform:uppercase;
	font-size:1.1em;
}
h3,h4,h5,h6 {
	font-size:1.0em;
}
#wrapperToCenter {
	position:relative;
	margin:35px auto 0 auto;
	padding:0;
	/* width:770px; */
	width:970px;
}
#masthead {
	margin:0 0 15px 0;
	padding:0;
}
#utilityNav {
	margin:0;
	height:15px;
	padding:5px 0 0 0;
	text-align:right;
	font-size:.8em;
	border-top:1px solid #CCC;
}
#utilityNav a,#footer a  {
	text-decoration:none;
	color:#7c7b6f;
}
#utilityNav a:hover,#footer a:hover {
	text-decoration:underline;
	color:#3d565b;
}
#content {
	position:relative;
	margin:0;
	padding:0;
}
#content .navHome {
	float:left;
	margin:0;
	padding:20px 0 0 0;
	top:0;
	left:0;
	width:280px;
}
#content .nav {
	float:left;
	margin:0;
	padding:20px 0 0px 0;
	top:0;
	left:0;
	width:230px;
}
#content #mainHome {
	float:left;
	margin:0;
	padding:20px 0 0 0;
	width:490px;
}
#content #mainHome #intro {
	height:188px;
	width:490px;
	background-image:url(/common/images/screenedImage.png);
}
#content #mainHome #slideshow {
	height:300px;
}
#content #main {
	float:left;
	margin:0 0 15px 0;
	padding:0;
	width:740px;
	background-color:#aaaaaa;
}
#sideBarColumn{
	float:left;
	margin:0;
	padding:0;
	height:100px;
	width:60px;
}
#people {
	float:left;
	padding:105px 0 0 90px;
	width:690px;
	height:170px;
}
#testimonial {
	position:absolute;
	width:190px;
}

img.rotator
{
	position:absolute;
	bottom:63px;
	left:0;
}
img.rotatorHome
{
	float:left;
	width:190px;
	height:275px;

}
div#navWrapper
{
    float:left;
}

#footer {
	clear:left;
	top:0;
	margin:0;
	padding:15px 0 35px 0;
	text-align:right;
	font-size:.8em;
	color:#7c7b6f;
	border-top:1px solid #CCC;
}
.featured {
	float:left;
	width:155px;
	text-align:center;
	padding:3px 0 0 0;
	margin-right:3px;
	margin-bottom:10px;
	border-top:solid 12px;
}
.educational
{
	border-color:#6C9A76;
}

 .municipal
 {
	border-color:#D1CA00;
 }

 .commercial
 {
	border-color:#869F2A;
 }

#featuredMarkets
{
	margin-top:20px;
}

#featuredMarkets h2 
{
	width:158px;
	float:left;
	color:#CCCCCC;
	text-transform:lowercase;
	margin:0 0 3px 0;
	font-size:1.4em;
	font-weight:bold;
}

.featured img {
	padding:0 0 5px 0;
}
.clear {
	clear:both;
}

/**** Projects Table ****/

#bodyColumn table.projectsTable
{
    border:0;
    float:left;
    width:741px;
}
#bodyColumn table.projectsTable tr {
	background-color:#ededed;
	
}
#bodyColumn table.projectsTable td, #bodyColumn table.projectsTable th {
	border-color: #ffffff;
	border-width: 1px 1px 0 0;
	border-style: solid;
	padding:8px;
	text-align:left;
}	
#bodyColumn table.projectsTable tr.alt {
	background-color:#f7f7f7;
	cursor:default;
}
#bodyColumn table.projectsTable tr.over {
	background-color:#e7e7e7;
	color:#f49c2a;
	cursor:hand;
}
#bodyColumn table.projectsTable tr.off {
	background-color:#f1f1f1;
	cursor:default;
}
#bodyColumn table.projectsTable th {
	background-color:#e7e7e7;
	font-weight:bold;
	text-transform:uppercase;
}

/** Pager Buttons **/
div.pagerButtonDiv
{
    border:solid 1px #CCCCCC;
    padding:3px 3px 0 3px;
    float:left;
    margin-right:2px;
    
}

input.pagerButton
{
}

div#pageDropDownDiv
{
    float:left;
    padding:0 5px;
    margin:0 3px;
    border:solid 1px #CCCCCC;
}
div#pageDropDownDiv select
{
	margin-bottom:0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#466e27;
}

.sortProjects {
	background-color:#6f6754;
	padding:6px 10px 8px 10px;
	width:454px;
	color:#ffffff;
	float:left;
	margin-top:20px;
}
.sortProjects select, .sortProjects input {
	margin:6px 4px 0 0;
	font-size:11px;
	color:#3d565b;
	float:left;
	
}

.sortProjects input.button
{
    width:45px;
    float:left;
}
.sortProjects label.searchLabel, .sortProjects label.filterLabel
{
    text-align:right;
    width:60px;
    float:left;
    margin-top:8px;
    padding-right:3px;
}

.sortProjects input.searchTextBox
{
    float:left;
    width:326px;
}
.sortProjects a
{
    color:#FFFFFF;
    float:left;
    margin-left:68px;
    padding-top:8px;
}


#projectInstructions
{
    height:20px;
    padding:10px 0 4px 8px;
    margin:0;
    background-color:#D7D7D7;
	width:466px;
	font-weight:bold;
	float:left;
}




img#minHeightImage
{
	float:left;
	width:1px;
	height:675px;
}

/* ------------------------- */
/*        NAVIGATION         */
/* ------------------------- */

#content .nav
{
    /*float:left;*/
}

#content .nav ul {
	margin:0;
	padding:0;
}
#content .nav ul li {
	margin:0 10px 0 51px;
	padding:0;
	list-style-type: none;
	border-bottom:1px solid #ffffff;
}
#content .nav ul li .navFirst {
	border-top:none;
	padding-top:0;
}
#content .nav ul li .navActive {
	color:#f19e25;
}
#content .nav ul li a {
	display:block;
	margin:0 20px 5px 10px;
	padding:6px 0 0 0;
	text-decoration:none;
	color:#3d565b;
	border-top: 1px solid #e7e7e7;
}
#content .nav ul li a:hover {
	color:#f19e25;
}

/* contact form */
#contactForm
{
    float:left;
    margin-top:20px;
}

#contactForm label
{
    width:135px;
    float:left;
    padding-right: 15px;
    text-align: right;
}
#contactForm input
{
    width:400px;
    float:left;
}
#contactForm input, #contactForm select
{
    margin-bottom:10px;
}
#contactForm select
{
	width: 150px;
}
#contactForm input.button
{
    width:auto;
    margin-left: 150px;
}
#contactForm textarea
{
    width:400px;
    height:100px;
    margin-bottom:20px;
    margin-left: 150px;
}

#contactForm label.commentsLabel
{
    float: left;
    width:auto;
    margin-left: 150px;
}


/* -------------------------------

   +-------------------------+
   |   Header Graphic        |
   +-------------------------+
   |            |  Callout   |
   |   Content  |  Callout   |
   |            |  Callout   |
   +-------------------------+
   |   Accordion / Tab       |
   +-------------------------+

------------------------------- */
.contentAndCallOuts
{
    overflow:hidden;
}

.pageContent
{
    margin:0 0 10px 0;
}
.pageContentNarrow {
    margin:0 0 10px 0;
    width: 500px;
}

.sideCallOuts
{
    border-top:1px solid #CCC;
    padding: 10px 0 0 0;
    float:right;
}

.callout
{
    width:200px;
    padding:0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom:1px solid #CCC;
}

/* ------------------------------

   +--------------------------+
   | button | button | button |
   +--------------------------+
   |          project         |
   |          project         |
   |          project         |
   +--------------------------+
   
------------------------------ */

.marketButtons
{
    background-color:#E7E7E7;
    padding:8px 5px;
    width:730px;
    text-align:center;
}

.marketButton
{
    width:240px;
    padding: 10px 0;
    background-color:#999;
    color:#fff;
    border:none;
    cursor:pointer;
}

.marketButtonActive
{
    padding: 10px 0;
    width:240px;
    background-color:#F59B2A;
    color:#fff;
    border:none;
    cursor:pointer;
}

.headerGraphic img {
    margin-bottom: 0px;
}

.featuredProjectImage {
    margin-bottom: 20px;
}