/* CSS Document */
/* Leibold Irrigation */

body { background:#FFFFFF;}




#container
{
	
	width: 90%;
	font-size: 12px;
	line-height: 17px;
	font-family: "Lucida Grand", Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #000;
	background: #fff;
}

#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: 230px;
	background: url("../images/hd_gradient.jpg") no-repeat;


}


.logo { margin-top:-165px; float:left; position:relative; z-index:300;}
.logoprint {display:none; width:300px; height: 120px;}


.quote { display:none;}

.logo { float: left; display:inline; width:380px; margin: 15px 45px 20px 60px; border:0px solid #000;}


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

#mainnav 
{
       display:none;
}



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



#content
{
	width: 100%;
	margin: 20px 75px 0px 75px;
	padding:0;
	border:0;
	background: none;



}

#contenttop
{
	width: 830px;
	height:100px;
}


#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;}

	

#contentgrad
{
	display:none;
}


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

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







#content ul.fancy { 
list-style: none;
display:block;
line-height: 15px;
margin-top:0px;
margin-left:0px;
margin-bottom:16px;
padding-left:16px;  }

#content ul.fancy li{ 
padding: 10px 0 0 30px;
color:#660000;
background: url(../images/bullet.gif) no-repeat 7px 9px;
border: 0px solid #000;
}

#footer {color:#000; font-size:10px; margin: 0px auto 0 675px;}




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

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*************************************************************
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.business a.business,
body.careers a.careers,
body.company a.company,
body.contact a.contact,
body.strategy a.strategy,
body.support a.support 
{ border-style: solid;
  border-width: 0 0 3px 0;
  border-color:#52B1DA;}
        
/*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 ***********/
#pic_home { width: 980px; margin-top: 0px; border:0px solid #cccc00; position:relative; z-index:300;}

#featured 
{
	float: left; 
	display:inline; 
	width:830px;
	margin:-215px 0px 0 75px;
	border:0px solid #000;
	position:relative;
	z-index:400;
	background: url("../images/featured_grad.png") no-repeat;
	font-size:11px; 
	font-weight: bold; 

}

#featured .homeleft { float: left; display:inline; width:490px; margin: 0px 0px 0 15px; border:0px solid #000; text-align:left;}

#featured .homeright { float: right; display:inline; width:300px; margin:-35px 10px 0 0px; border:0px solid #000;}

#featured b {color:#660000; font-size:13px; font-variant:small-caps;}





/*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*/
display:none;
}

.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 */

}



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