@charset "utf-8";
/* engineers without borders CSS */

/* left nav 09*/


.ewbnav { 
	margin:7px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size:14px;
	padding-top:7px;
	background:#666;
    width:185px;
    height:24px;
	text-align:center;
	cursor:pointer;
	color:#FFF;
	display:block;
	text-decoration:none;
}

.selectednav {
	margin:7px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size:14px;
	padding-top:6px;
    width:183px;
    height:23px;
	text-align:center;
	background:#fff;
	border-style:solid;
	border-width:1px;
	border-color:#C00;
	color:#C00;
	cursor:pointer;
	display:block;
	text-decoration:none;
}

.ewbnav:hover {
	text-decoration:none;
	color:#000;
	background:#999;
	border-color:#999;
}
/*
a.ewbsiue:hover {
	text-decoration:none;
	color:#000;
	background:#999;
}
a.ewbsiue:active { 
	text-decoration:none;
	color:#C00;
}
a.ewbsiue:visited { 
	text-decoration:none;
	color:#fff;
}
*/


img.imageshift:hover {
	position:relative;
	top:2px;
}



/* old one that didn't work right

.activeElem {
	width:185px;
	background-color:#CCC;
	border:1px solid #000000;
	display:block;
	color:#C00;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 0px 4px 0px;
	text-decoration:none;
	text-align:center

}a {
	color:#FFF;
	text-decoration:none;

}a:hover {
	color:#C00;
	background-color:#ccc;
	
}a:active {
	color:#C00;
	text-decoration:none;

}a:link {
	color:#FFF;
	text-decoration:none;

}a:link:hover {
	color:#C00;
	background-color:#ccc;
	
}a:link:active {
	color:#C00;
	text-decoration:none;

}a:active:hover {
	color:#C00;
	background-color:#ccc;

}.activeElem:hover {
	color:#C00;

}.inactiveElem {
	width:185px;
	background-color:#5e5e5e;
	border:1px solid #000000;
	display:block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 0px 4px 0px;
	text-decoration:none;
	text-align:center
	
}a:visited {
	color:#FFF;
	text-decoration:none;	

}a:visited:hover {
	color:#C00;
	background-color:#ccc;

}.inactiveElem:hover {
	color:#C00;
	background-color:#FFF;
}

*/




/* ditch project css */
.ditcheventsON {
	display:block;
}
.ditcheventsOFF {
	display:block;
}
div.ditchWrapperEvents {
	margin:0;
	padding:0;
	width:450px;
	height:375px;
	float:left;
	overflow:hidden;
	display:block;
	position:relative;
}
.ditchEvents01 {
	display:block;
}
.ditchEvents02 {
	display:none;
}
.ditchEvents03 {
	display:none;
}
.ditchEvents04 {
	display:none;
}
.ditchEvents05 {
	display:none;
}
.ditchEvents06 {
	display:none;
}
.ditchEvents07 {
	display:none;
}
.ditchEvents08 {
	display:none;
}
.ditchEvents09 {
	display:none;
}
.ditchEvents10 {
	display:none;
}
.ditchEvents11 {
	display:none;
}
.ditchEvents12 {
	display:none;
}
.ditchEvents13 {
	display:none;
}
.ditchEvents14 {
	display:none;
}
.ditchEvents15 {
	display:none;
}
.ditchEvents16 {
	display:none;
}
.ditchEventsIconWrapper {
	margin:0;
	padding:0;
	position:absolute;
	top:315px;
	width:450px;
	left:29px;
}
.ditchEventsIconWrapper2 {
	margin:0;
	padding:0;
	position:absolute;
	top:345px;
	width:250px;
	left:106px;
}
div.ditchEventsIconWrapper img {
	margin:0;
	margin-right:5px;
	border:solid 2px #fff;
	padding:0;
	background-color:#999;
	float:left;
	display:block;
}
div.ditchEventsIconWrapper2 img {
	margin:0;
	margin-right:5px;
	border:solid 2px #fff;
	padding:0;
	background-color:#999;
	float:left;
	display:block;
}
div.ditchEventsIconWrapper img:hover {
	border:solid 2px #c00;
}
div.ditchEventsIconWrapper2 img:hover {
	border:solid 2px #c00;
}


/* gutter project css */
.guttereventsON {
	display:block;
}
.guttereventsOFF {
	display:block;
}
div.gutterWrapperEvents {
	margin:0;
	padding:0;
	width:450px;
	height:366px;
	float:left;
	overflow:hidden;
	display:block;
	position:relative;
}
.gutterEvents01 {
	display:block;
}
.gutterEvents02 {
	display:none;
}
.gutterEvents03 {
	display:none;
}
.gutterEvents04 {
	display:none;
}
.gutterEvents05 {
	display:none;
}
.gutterEvents06 {
	display:none;
}
.gutterEvents07 {
	display:none;
}
.gutterEvents08 {
	display:none;
}
.gutterEvents09 {
	display:none;
}
.gutterEvents10 {
	display:none;
}

.gutterEventsIconWrapper {
	margin:0;
	padding:0;
	position:absolute;
	top:315px;
	width:450px;
	left:24px;
}
div.gutterEventsIconWrapper img {
	margin:0;
	margin-right:5px;
	border:solid 2px #fff;
	padding:0;
	background-color:#999;
	float:left;
	display:block;
}
div.gutterEventsIconWrapper img:hover {
	border:solid 2px #c00;
}


/* la nana bridge project css */
.bridgeeventsON {
	display:block;
}
.bridgeeventsOFF {
	display:block;
}
div.bridgeWrapperEvents {
	margin:0;
	padding:0;
	width:450px;
	height:419px;
	float:left;
	overflow:hidden;
	display:block;
	position:relative;
}
.bridgeEvents01 {
	display:block;
}
.bridgeEvents02 {
	display:none;
}
.bridgeEvents03 {
	display:none;
}
.bridgeEvents04 {
	display:none;
}
.bridgeEvents05 {
	display:none;
}
.bridgeEvents06 {
	display:none;
}
.bridgeEvents07 {
	display:none;
}
.bridgeEvents08 {
	display:none;
}
.bridgeEvents09 {
	display:none;
}
.bridgeEvents10 {
	display:none;
}
.bridgeEvents11 {
	display:none;
}
.bridgeEvents12 {
	display:none;
}
.bridgeEvents13 {
	display:none;
}
.bridgeEvents14 {
	display:none;
}

.bridgeEventsIconWrapper {
	margin:0;
	padding:0;
	position:absolute;
	top:359px;
	width:450px;
	left:57px;
}
.bridgeEventsIconWrapper2 {
	margin:0;
	padding:0;
	position:absolute;
	top:389px;
	width:450px;
	left:77px;
}
div.bridgeEventsIconWrapper img {
	margin:0;
	margin-right:5px;
	border:solid 2px #fff;
	padding:0;
	background-color:#999;
	float:left;
	display:block;
}
div.bridgeEventsIconWrapper2 img {
	margin:0;
	margin-right:5px;
	border:solid 2px #fff;
	padding:0;
	background-color:#999;
	float:left;
	display:block;
}
div.bridgeEventsIconWrapper img:hover {
	border:solid 2px #c00;
}
div.bridgeEventsIconWrapper2 img:hover {
	border:solid 2px #c00;
}


/* latrine project css */
.latrineeventsON {
	display:block;
}
.latrineeventsOFF {
	display:block;
}
div.latrineWrapperEvents {
	margin:0;
	padding:0;
	width:450px;
	height:366px;
	float:left;
	overflow:hidden;
	display:block;
	position:relative;
}
.latrineEvents01 {
	display:block;
}
.latrineEvents02 {
	display:none;
}
.latrineEvents03 {
	display:none;
}
.latrineEvents04 {
	display:none;
}
.latrineEvents05 {
	display:none;
}
.latrineEvents06 {
	display:none;
}
.latrineEvents07 {
	display:none;
}
.latrineEventsIconWrapper {
	margin:0;
	padding:0;
	position:absolute;
	top:315px;
	width:450px;
	left:82px;
}
div.latrineEventsIconWrapper img {
	margin:0;
	margin-right:5px;
	border:solid 2px #fff;
	padding:0;
	background-color:#999;
	float:left;
	display:block;
}
div.latrineEventsIconWrapper img:hover {
	border:solid 2px #c00;
}


/* retaining wall project css */
.retainingwalleventsON {
	display:block;
}
.retainingwalleventsOFF {
	display:block;
}
div.retainingwallWrapperEvents {
	margin:0;
	padding:0;
	width:450px;
	height:366px;
	float:left;
	overflow:hidden;
	display:block;
	position:relative;
}
.retainingwallEvents01 {
	display:block;
}
.retainingwallEvents02 {
	display:none;
}
.retainingwallEvents03 {
	display:none;
}
.retainingwallEvents04 {
	display:none;
}
.retainingwallEvents05 {
	display:none;
}
.retainingwallEvents06 {
	display:none;
}
.retainingwallEvents07 {
	display:none;
}
.retainingwallEvents08 {
	display:none;
}
.retainingwallEvents09 {
	display:none;
}
.retainingwallEvents10 {
	display:none;
}
.retainingwallEventsIconWrapper {
	margin:0;
	padding:0;
	position:absolute;
	top:315px;
	width:128px;
	left:163px;
}
div.retainingwallEventsIconWrapper img {
	margin:0;
	margin-right:5px;
	border:solid 2px #fff;
	padding:0;
	background-color:#999;
	float:left;
	display:block;
}
div.retainingwallEventsIconWrapper img:hover {
	border:solid 2px #c00;
}