/* CSS Document */
/* Leibold Irrigation */
body
{
	background: #2c2714;
	margin: 0;
}


/*  PNG IN BACKGROUND FIX - USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied: 


 img, div { behavior: url(css/iepngfix.htc) }


  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 
 */

* { behavior: url(iepngfix.htc) }

.mcnote { color: #ff00cc; }

#container
{
	margin: 0px auto 0 auto;
	width: 980px;
	font-size: 11px;
	line-height: 17px;
	font-family: "Lucida Grand", Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #2c2722;
	background: #fff url("../images/pic_bottom.jpg") no-repeat left bottom;

}

#containerhome
{
	margin: 0px auto 0px auto;
	width: 980px;
	font-size: 12px;
	line-height: 17px;
	font-family: "Lucida Grand", Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #2c2722;
}

#header
{
	width: 980px;
	height: 220px;
	background: url("../images/hd_gradient.jpg") no-repeat;


}

.indent {margin: 0px 0px 0px 15px;}

.logoprint {display:none; width:300px; height: 120px;}


.quote { float: left; display:inline; width:430px; margin: 25px 0px 0 60px; }

.logo { float: left; display:inline; width:380px; margin: 15px 45px 0px 60px;}

#midcol /* this holds the .midphoto and #content - the main right column */
{
	width: 360px;
	float: left;
}

.cursor {position:relative; z-index:200; cursor: crosshair;border:0px;} /* big photo */


.sarasota {float:right;position:relative;width:220px;border:0px solid #000;margin:30px 70px 0px 0px;padding:0px;}

/*************************************************************
NAVIGATION
************************************************************/

#mainnav 
{
        width: 980px;
        height: 42px;
		font-size: 14px;
		color:#b6c4b8;
        margin: 20px 0px 0px 0px;
		float:left;
        background: url("../images/nav_back.gif") repeat-x;
}


#mainnav ul
{
        width: 930px;
        margin: 0px 0px 0px 33px;
        padding: 0px;
        list-style-type: none;
        z-index:400;
}

#mainnav li
{
        display: inline;
        float: left;
        margin: 10px 0 0 0; /*pushes nav down to align with background*/
        padding: 0 5px 0 5px;
        border-right:1px solid #fff;
}

#mainnav li.last {border: 0;}

#mainnav a:link, #mainnav a:active, #mainnav a:visited  {color: #ffffff; text-decoration:none;font-weight:bold; padding: 0 10px 0 10px;}
#mainnav a:hover {color: #ccff66; text-decoration:none; border-bottom: 2px solid #b3b2b0; color: #000;}

#mainnav img {margin-top: 4px;}       

    /*************************************************************/       



#content
{
	width: 830px;
	margin: 20px 75px 0px 75px;
	padding:0;
	background: url("../images/content_backstretch.gif") repeat-y;
	/*float:left;*/


}

#contenttop
{
	width: 830px;
	height:100px;
	z-index:340;
	margin-top:-464px;
	position:relative;
	display:block
	z-index:220;
}


#subnav
{
	
	display:inline;
	float:right;
	text-align:right;
	color: #816e4a;
	text-transform:uppercase;
	font-size: 14px;
	padding:20px;
	width:240px;
}

#subnav a:link, #subnav a:active, #subnav a:visited  {color: #816e4a; text-decoration:none; padding: 0 10px 0 10px;}
#subnav a:hover {color: #473a21;}



#contgradient
{
	position:relative;
	display:block
	z-index:200;
	width: 830px;
	height: 464px;
	background: url("../images/content_grad.png") no-repeat;

}




#fullcol  { float: left; display:inline; width:650px; margin: 0px 0px 0 50px; z-index:400; position:relative;}
#leftcol  { float: left; display:inline; width:340px; margin: 0px 0px 0 50px; z-index:400; position:relative;}
#rightcol { float: left; display:inline; width:340px; margin: 0px 35px 0 40px; z-index:390; position:relative;}


#contentbottom {margin:-11px 75px 0 75px !important; margin:0px 75px 0 75px;display:block;}



 ul.fancy
{
list-style-type: none;
padding: 0;
margin: 0;
}

 ul.fancy li
{
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 2px;
padding-left: .6em;
}
 
 
 
 

#footer {color:#afb29d; font-size:10px; margin: 5px auto 0 auto; width: 980px; text-align: left;}




/*************************************************************
Float Clear Fix
************************************************************/

    /* float clearing for IE6 */
    * html .clearfix{
      height: 1%;
      overflow: visible;
    }

    /* float clearing for IE7 */
    *+html .clearfix{
      min-height: 1%;
    }

    /* float clearing for everyone else */
    .clearfix:after{
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
    }


/*************************************************************
UNIVERSAL STYLES - LINKS, UNORDERED LISTS
************************************************************/

a:link, a:active, a:visited  {color:#660000; font-size:13px; font-variant:small-caps;}
a:hover {color: #996408;}

a:focus { outline: none;}



INPUT, textarea, select, checkbox, option	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; border:1px solid #aaa; background-color:#eeeeee; }
.submit {color:#ffffff; background-color:#1D7CAC; font-weight:bold; height:23px;}

      
/*************************************************************
PAGE HIGHLIGHTS - WHERE AM I? also displays appropriate side navigation 
************************************************************/

body.experience a.experiencebtn, 
body.construction a.constructionbtn,
body.equipment a.equipmentbtn,
body.references a.referencesbtn,
body.recentprojects a.recentprojectsbtn,
body.careers a.careersbtn,
body.contactus a.contactusbtn



{ border-bottom: 2px solid #fff;}
        
/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/



.footerprint { display: none;}


/* ******** FEATURED PROJECTS ON HOMEPAGE ******** */
#pic_home { width: 980px; height: 458px; margin: 0px 0 15px 0; padding: 0px 0 15px 0; position:relative; z-index:300; background:#fff;}

#featured 
{
	width:830px;
	height:220px;
	margin:-225px 0px 0 75px;
	position:relative;
	font-size:11px; 
	font-weight: bold;
}

.featuredhd {margin:15px 0 8px 30px;}





/* ********THUMBNAILS******** */



.thumbnail{position: relative;z-index: 0;z-index:700; }

.thumbnail:hover{background-color: transparent;z-index:800;position: relative;}



.thumbnail span
{
	/*CSS for enlarged image*/
	position: absolute;
	background-color: #ffffff;
	padding: 5px;
	border: 0;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index: 900;
}

.thumbnail span img
{
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	border: 1px solid #999;
}

.thumbnail:hover span
{
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 15px !important;
	top: 70px;
	left: -127px;
	/*position where enlarged image should offset horizontally */
}

.thumbright:hover span
{
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 15px !important;
	top: 70px;
	left: -289px;
	/*position where enlarged image should offset horizontally */
}

.thfirst:hover span
{
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 15px !important;
	top: 70px;
	left: -15px;
	/*position where enlarged image should offset horizontally */
}

.ththird:hover span
{
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 15px !important;
	top: 70px;
	left: -240px;
	/*position where enlarged image should offset horizontally */
}

/* ******** END THUMBNAILS ******** */


.special {background: url("../images/pattern.gif") repeat-x; padding:15px 0 15px 0 !important; padding:15px 0 0 0; margin:15px 15px 0 15px;width:180px;}
.special b {font-weight:bold; color:#1c354e;}


/* ******** HOMEPAGE GALLERY ******** */
	
.cfelement
	{margin:-190px 0px 10px 0px;width:830px; float:left;}
	
.cfelement table { margin:0 0 15px 65px;}

.cfelement td img
{
	background-color: #ddd;
	padding: 3px;
	border: 1px solid #999;
}

a.open:link, a.open:active, a.open:visited  {color:#660000; font-size:12px; font-variant:none; text-decoration:none;}
a.open:hover {color: #473a21;}