/* CSS Document */

/* Background Initialization*/

html, body {
	margin: 0;
	padding: 0;
}

* { margin: 0; padding: 0; }

html{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
}

body {
	font-size: 50%;
	background: #FFF;
	color: #515151;
	text-align: center;
	min-width: 600px;
}

/* Classes and Tags */

h1 {
	padding: 30px 0 0 0;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #da251c;

}

h2 {
	padding: 20px 0 0 10px;
	font: bold 1.2em/1.0em Arial, Helvetica, sans-serif;
	line-height: 0.9em;
	color: #da251c;

}

dt {
	padding: 10px 0 0 0;
	font: bold 1.2em/1.1em Arial, Helvetica, sans-serif;
	color: #da251c;

}

dd {
	font-size: 1.2em;

}

p {
	font: 1.2em Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 0.75em 5px 0 0;

}

p.address {
	margin: 3em 0 0 0;
	padding: 0 0 30px 0;
	

}

p.last, dd.last {
	padding: 0 0 30px 0;

}

p.center{
	margin: 3em -10px 0px -10px;
	text-align: center;
}

.icon {
	border: none;

}

.left{
	float: left;	
	}

.right{
	float: right;
}

a img{
	border: none;
}

ul.noBullets{
	list-style: none;
	margin-left: 15px;
	font-size: 1.2em;
	}


/* Content Divs */

/* ++++++++ INDEX PAGE CONTAINERS  +++++++++++ */

#indexContainer {
	width: 600px;
	margin: 20px auto 0 auto;

}


#indexNavbar {
	width: 600px;
	height: 350px;

}

#indexNav {
	width: 100%;

}

/* Removing the list bullets and indentation */
#indexNavbar ul {
    padding:0; 
    margin:0 -215px; 
    list-style-type:none;
		width: 1065px;
}

#indexNav li,#indexNav li a{
	height: 50px;
	display: block;
	position: relative;/*
	line-height: 50px;*/
	font-size: 1em;
	color: #515151;
	/*  Temp hiding of style
	text-indent: -9000px;   */

}

/* This code added to hide the disjointed rollovers */
#indexNav li a em span{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	/* TEMP HIDE
	width: 600px;
	height: 300px; */

}

/*  THIS PLACES THE ROLLOVERS IN THE PROPER PLACE ABOVE  */
#indexNav li a img {
	border: none;

}

#indexNav li a img#homeOver {
	position: absolute;
	top: -303px;
	left: 215px;

}

#indexNav li a img#drillingOver {
	position: absolute;
	top: -303px;
	left:147px;
	
}

#indexNav li a img#householdOver {
	position: absolute;
	top: -303px;
	left: 60px;
	
}

#indexNav li a img#irrigationOver {
	position: absolute;
	top: -303px;
	left: -50px;
	
}

#indexNav li a img#dripOver {
	position: absolute;
	top: -303px;
	left: -152px;
	
}

#indexNav li a img#rehabOver {
	position: absolute;
	top: -303px;
	left: -293px;
	
}



#indexNav li a img#pipelineOver {
	position: absolute;
	top: -303px;
	left: -411px;
}

#indexNav li a img#pumpstationsOver {
	position: absolute;
	top: -303px;
	left: -506px;
}

#indexNav li a img#linksOver {
	position: absolute;
	top: -303px;
	left: -656px;
}

#indexNav li a img#contactOver {
	position: absolute;
	top: -303px;
	left: -733px;
}




/* mac hide \*/  /*  TEMPORARY HIDE OF THE OVERFLOW DECLARATION
#indexNav li,#indexNav li a { overflow: hidden;}
/* end hide */

#indexNav li {
	float: left;
	

}

li em {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 50px;
	width: 100%; 

}

li#homeMenu em { background: url(../images/nav/home.gif) no-repeat 0 0;}
li#drillingMenu em { background: url(../images/nav/drilling.gif) no-repeat 0 0;}
li#householdMenu em { background: url(../images/nav/household.gif) no-repeat 0 0;}
li#irrigationMenu em { background: url(../images/nav/irrigation.gif) no-repeat 0 0;}
li#dripMenu em { background: url(../images/nav/drip-irrigation.gif) no-repeat 0 0;}
li#rehabMenu em { background: url(../images/nav/rehab.gif) no-repeat 0 0;}
li#contactMenu em { background: url(../images/nav/contact.gif) no-repeat 0 0;}
li#pipelineMenu em { background: url(../images/nav/pipeline.gif) no-repeat 0 0;}
li#pumpStationsMenu em { background: url(../images/nav/pump-stations.gif) no-repeat 0 0;}
li#linksMenu em { background: url(../images/nav/links.gif) no-repeat 0 0;}


li#homeMenu a {width: 68px;}
li#drillingMenu a {width: 87px;}
li#householdMenu a {width: 110px;}
li#irrigationMenu a {width: 102px;}
li#rehabMenu a {width: 118px;}
li#contactMenu a {width: 115px;}
li#pipelineMenu a {width: 95px;}
li#pumpStationsMenu a {width: 150px;}
li#linksMenu a {width: 77px;}
li#dripMenu a {width: 141px;}


ul#indexNav li a:hover {
	visibility: visible;

}

/* This line added to get the disjointed rollover to APPEAR */
#indexNav li a:hover em span{
	visibility: visible;

}


ul#indexNav li a:hover em, ul#indexNav li em.current{
	background-position: 0 -50px;

}

/* ++++++++ CONTAINERS FOR INSIDE PAGES +++++++ */

#container {
	width: 600px;
	margin: 20px auto 0 auto;

}

#masthead {
	width: 600px;
	height: 78px;
}

#wrapperZimmatic{
	background: url(../images/zimmatic_main.jpg) no-repeat 0 0;
	width: 600px;
	min-height: 424px;

}

#wrapperDrilling {
	width: 600px;
	min-height: 424px;
	background: url(../images/drilling_main.jpg) no-repeat 0 0;
}

#wrapperHousehold {
	width: 600px;
	min-height: 424px;
	background: url(../images/household_main.jpg) no-repeat 0 0;
}

#wrapperIrrigation {
	width: 600px;
	min-height: 424px;
	background: url(../images/irrigation_main.jpg) no-repeat 0 0;
}

#wrapperRehab {
	width: 600px;
	min-height: 424px;
	background: url(../images/rehab_main.jpg) no-repeat 0 0;
}

#wrapperContact {
	width: 600px;
	min-height: 424px;
	background: url(../images/contact_main.jpg) no-repeat 0 0;
}

#wrapperLinks {
	width: 600px;
	min-height: 424px;
	background: url(../images/links_main.jpg) no-repeat 0 0;
}


#wrapperPumpStations {
	width: 600px;
	min-height: 424px;
	background: url(../images/pump-stations_main.jpg) no-repeat 0 0;
}

#wrapperPipeline {
	width: 600px;
	min-height: 424px;
	background: url(../images/pipeline_main.jpg) no-repeat 0 0;
}

#wrapperDripIrrigation {
	width: 600px;
	min-height: 424px;
	background: url(../images/drip_main.jpg) no-repeat 0 0;
}



/* mac hide \*/
* html #wrapper {height: 424px;}
/* end hide */

#horizTop {
	background: url(../images/horizontal_top.gif) repeat-x 0 0;

}

#contentColumn {
	width: 266px;
	min-height: 424px; 
	padding: 0 20px 0 314px;
	text-align: left;
	background: url(../images/vertical_red_lines.gif) repeat-y 0 0;

}

/* mac hide \*/
* html #contentColumn {height: 424px;}
/* end hide */

#horizBottom {
	width: 600px;
	min-height: 26px;
	position: relative;
	top: -26px;
	background: url(../images/horizontal_bottom.gif) repeat-x 0 0;

}

/* mac hide \*/
* html #horizBottom {height: 26px;}
/* end hide */

#navBar {
	clear:both;
	height:50px;
	margin:0 -189px;
	padding:26px 0 0;
	width:995px;
}

#footer p {
	margin: 10px 0 0 0;
	line-height: 1.0;

}

#footer p.byline {
	color: #dfdfdf;

}

#footer img { 
	position: relative;
	top: 4px;

}

/* **** FORM STYLES **** */

form {
	margin: 2em 0 0 0;
	font-size: 1.2em;
	position: relative;
	width: 266px;

}

form li {
	list-style: none;
	padding: 2px;
	margin: 0;
	clear: both;
	width: auto;

}

form label {
	float: left;
	line-height: 1.5;
	width: 100px;
	display: inline;

}

form input, form select, form textarea {
	background-color: #dcdcdc;
	border: 1px solid #666;
	color: #333;
	width: 150px;

}

form textarea {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;

}

form input.submit {
	width: 80px;
	height: 25px;
	text-align: center;
	position: absolute;
	right: 13px;

}