body {
	/*font-family: Arial; */
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 0.8em;
	font-style: normal; 
	color: #302226;
       	text-decoration: none; 
	text-align: Left;
       	background: #F2F2F2;
	position: relative; 
	background-image: url(../images/cloth_14.gif);
}

#content, #contentNav {
	background-color: white;
	width: 760px;
	margin: 1em 20%;
	display:table;
	margin:0em auto;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	}

#contentNav {
	background-color: #E0ECF8;
	margin: 0em;
	padding: 0em;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
}

#mainBody{
	padding: 1em;	
	}

#top {
	background-color: #E0ECF8;
	background-image: url(../images/aquaWavesLightBlueLines_top.gif);
	padding: 0.5em 1em;/* 0em 1em;*/
      	margin: 0em 0em;/* -1.5em 0em;*/
     	/*border-style: solid;
      	border-width: 0em 0em 4em 0em;
     	border-color: grey;*/
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
}

#top p	{
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;
	}

#footer {
   	color: white;	
	background-color: gray;
	text-align: center;
	font-size: .8em;
	position:relative;
	clear: both;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em -1em 0em;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#navSim{
	clear: right;
	padding: 0em;/*1em;*/
	margin: 0em;
	/*border-style: solid;
      	border-color: grey;
      	border-width: 4px 0px 0px 0px;*/
	}

#nav {
	align=center;
	line-height: 100%;
	display: inline-block;
	/*border-radius: 2em;
	margin: -11em 0em 0em -1em;
	padding: 0em 1.5em 0em 1.5em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #8b8b8b;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); 
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); 
	border: solid 1px #6d6d6d;*/
}

#nav li {
	margin: 0em 0.75em;
	padding: 0em 0em 0.25em 0em;
	float: left;
	position: relative;
	list-style: none;
}

/* main level link */
#nav a, #navLeft a {
	font-weight: bold;
	font-size: 1em;
	background-color: #E0ECF8;
	color: #151B54;/*#424242;*/	
	width: 8em;
	text-decoration: none;
	display: block;
	padding: 0.75em 2em;
	margin: 0;
	border-width: 0.25em;
	border-color: #E0ECF8;
	border-style: solid;
	/*border-width: 1px;
	border-style: outset;
	border-left-width: 6px;
	border-left-color: #151B54;	
	border-top-width: 0px;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
	background: none;
}

/* main level link hover */
#nav .current a, #nav li .current, #nav li:hover > a, #navLeft a:hover, #navLeft a.current {
	background: #15317E;
	border-width: 0.25em;
	border-color: #E0ECF8;
	border-style: outset;
	/*border-left-style: solid;
	border-width: 6px;
	border-color: #E0ECF8;*/
	color: #E0ECF8;
	-webkit-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
	-moz-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
	background: -webkit-gradient(linear, left top, left bottom, from(#151B8D), to(#3BB9FF));
	background: -moz-linear-gradient(top,   #151B8D,  #3BB9FF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#151B8D', endColorstr='#3BB9FF');
	/*background: #151B54;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#151B54', endColorstr='#E0ECF8');
	background: -webkit-gradient(linear, left top, left bottom, from(#151B54), to(#E0ECF8));
	background: -moz-linear-gradient(top,   #151B54,  #E0ECF8);
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	border-left-color: #fff; 
	font-weight: bold;
  	font-size: 1em;
	border-left-style: ridge;
	border-left-width: 6px;
	border-top-width: 0px;
	border-left-width: 6px;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
	color: #fff;*/
}

#nav li .current, #nav li:hover .current, #navLeft li .current, #navLeft li:hover .current {
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(gray));
	background: -moz-linear-gradient(top,   #000000,  gray);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='gray');
}


/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	border: none;
	color: #151B54;
	font-weight: bold;
	/*background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;*/
}

/* menu drop down hover button*/
#nav ul li:hover a{
	color: #E0ECF8;
}


/* level 2 list (menu drop down) */
#nav ul {
	background: #ddd;  /* for non-css3 browsers was #ffffff to #cfcfcf*/
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#33A1DE', endColorstr='#E0ECF8'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#33A1DE), to(#E0ECF8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #33A1DE,  #E0ECF8); /* for firefox 3.6+ */
	display: none;
	margin: 0;
	padding: 0;
	width: 12.1em;
	position: absolute;
	top: 3em;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
	border-width: 0.25em;
	border-color: #E0ECF8;
	border-style: outset;
	-webkit-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
	-moz-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
	box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
 	z-index: 3;
}

#nav li:hover > ul a.current {
	color: #E0ECF8;
}

	
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
 	z-index: 3;
}


/* level 3+ list */
#nav ul ul {
	left: 12.2em;
	top: -3px;
}

/*flyout text*/
#nav ul li:hover > ul a {
	color: #151B54;
}

/*flyout text on hover */
#nav ul ul li:hover a {
	color: #E0ECF8;
}


/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}



#intro li, #soft li {
	list-style-type: none;
	background-color: white; 
	color: black;
	text-align: center;
	width: 11em;
	height: 11em;
	vertical-align: text-bottom;
	/*line-height: 12;*/
	display: inline-block;
	font-weight: bold;
	font-size: 2em;
	float: left;
	position: relative;
	margin: 10px;
	overflow: hidden;
	background-position: center;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-repeat: no-repeat;
}

#intro li:hover, #soft li {
	-webkit-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
	-moz-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
}

#intro a {
	color: black;
	display: block;
	text-decoration: none;
	margin: 4.5em 2.5em;
	background: white;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8; 
}
	
/*#intro a:hover {
	color: white;
}*/

#intro a:visited {
	text-decoration: none;
}

#intro .civil {
	background-image: url(../images/introCivilFade.JPG);
}

#intro .civil:hover {
	background-image: url(../images/introCivil.JPG);
}

#intro .road {
	background-image: url(../images/civRoadFade.png);
}

#intro .road:hover {
	background-image: url(../images/civRoad.png);
}

#intro .hydro {
	background-image: url(../images/civHydroFade.jpg);
}

#intro .hydro:hover {
	background-image: url(../images/civHydro.jpg);
}

#intro .design {
	background-image: url(../images/civDesignFade.png);
}

#intro .design:hover {
	background-image: url(../images/civDesign.png);
}

#intro .soft {
	background-image: url(../images/introSoftFade.png);
}

#intro .soft:hover {
	background-image: url(../images/introSoft.png);
}

#intro .train {
	background-image: url(../images/introTrainFade.JPG);
}

#intro .train:hover {
	background-image: url(../images/introTrain.JPG);
}

#intro .support {
	background-image: url(../images/introSupportFade.png);
}

#intro .support:hover {
	background-image: url(../images/introSupport.png);
}


#train li {
	list-style-type: none;
	background-color: white; 
	color: black;
	text-align: center;
	width: 11em;
	height: 11em;
	vertical-align: text-bottom;
	/*line-height: 12;*/
	display: inline-block;
	font-weight: bold;
	font-size: 2em;
	float: left;
	position: relative;
	margin: 10px;
	overflow: hidden;
	background-position: center;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-repeat: no-repeat;
}

#train a {
	color: black;
	display: block;
	text-decoration: none;
	margin: 4.5em 1.5em;
	background: white;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
}

#train .AutoCAD {
	background-image: url(../images/autocad_2011_box.jpg);
}

#train .AcadMap {
	background-image: url(../images/map_2011_box.jpg);
}

#train .AcadC3D {
	background-image: url(../images/civil3d_2011_box.jpg);
}

#train .AcadCust {
	background-image: url(../images/introSoft.png);
}


img {
	padding: 0.25em;
	margin: 0.5em;
}

p { 
	position:relative; 
}
 
h1 {
	font: bold 3em;
}


h2 { 
	font-size: 2em;
     	padding: 0.1em 0em 0.1em 0em;
     	border-style: groove;
     	border-color: #2554C7;
     	border-width: 0em 0em 0.2em 0em;
}

h3 { 
     	color: #151B54;
     	font-size: 1.5em;
     	border-style: solid;
     	border-color: #F2F2F2;
     	border-width: 0em 0em 0.1em 0em;
     	position:relative; 
     	z-index:0;
}

h4 { 
	color: grey;
     	font-size: 1.4em;
     	position:relative; 
     	z-index:1;
}

h5 {
	font-size: 1.2em;
    	position:relative; 
    	z-index:1;
}

quote {
	margin: 0em 0em 0em 2em;
    	font-style: italic;
}

a {
	font-weight: bold;
	color: #151B54;
	text-decoration: none;}

a:hover {
	text-decoration: none; 
	position:relative;
	border-style: solid;
      	border-color: grey;
      	border-width: 0px 0px 3px 0px;
}

#tblTrain {
	background-color: #E0ECF8;
	text-align: center;
	border-color: grey;
	border-width: 5px;
	border-style: groove;
}

#tblTrain a {
	color: #302226;
	border-style: none;
        font-size: 0.9em;
	}

#tblTrain td {
	background-color: white;
	border-color: grey;
	border-width: 1px;
	border-style: solid;
	}

#tblTrain th {
	color: #E0ECF8;
	font-size: 1.15em;
	background-color: #357EC7;
	border-color: grey;
	border-width: 0px 1px 3px 1px;
	border-style: solid;
	}

#bubRight, #bubLeft {
	border-color: #E0ECF8;
	border-style: ridge;
	border-width: 2px 5px 5px 2px;
	background-color: #2554C7; 
	position: relative;
  	float: right; 
  	width: 15em;
  	padding: 0.5em;
	margin: 0.25em;
	color: #E0ECF8;/*#08088A;*/
	font-weight: bold;
	z-index: 1;
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#2554C7));
	background: -moz-linear-gradient(top,   #000000,  #2554C7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#2554C7');
	-webkit-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
	-moz-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
	}

#bubRight h3, #bubLeft h3 {
	color: #E0ECF8;
}

#bubLeft {
	float: left;
}

#navLeft {
	background-color: #E0ECF8;; 
	position: relative;
  	float: left; 
  	width: 15em;
  	padding: 0em 0em 0em 0.25em;
	margin: 0em 3.5em 1em 0em;
	color: #000000;
	font-weight: bold;
	z-index: 1;
	line-height: 100%;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#navLeft li {
	align=center;
	list-style-type: none;
	color: black;
	text-align: left;
	display: block;
	float: left;
	position: relative;
	margin: 0em 0em 0em -2em;
}

#navLeft a {
	padding: 0.75em 0.25em 0.75em .75em;
	margin: 0em 0em 0.25em -1em;
	width: 13em;
}

img.Right {
	position: relative;
	float: right;
}

#shadow {
	-webkit-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
	-moz-box-shadow: 0.35em 0.35em 0.20em rgba(0, 0, 0, .2);
}

img.Left {
	position: relative;
	float: left;
}

p.footnote {
	font-size: 0.75em;
}

ul.road, li.road {
	list-style-image: url(../images/road.gif);
}

ul.inters, li.inters {
	list-style-image: url(../images/intersection.png);
}

ul.walk, li.walk {
	list-style-image: url(../images/walk.png);
}

ul.roadMisc, li.roadMisc {
	list-style-image: url(../images/road.png);
}

ul.school, li.school {
	list-style-image: url(../images/school.png);
}

ul.office, li.office {
	list-style-image: url(../images/office.jpg);
}

ul.res, li.res {
	list-style-image: url(../images/apt.jpg);
}

ul.public, li.public {
	list-style-image: url(../images/public.png);
}

ul.religious, li.religious {
	list-style-image: url(../images/religious.png);
}

ul.retail, li.retail {
	list-style-image: url(../images/retail.png);
}

img.LinkedIn, a.LinkedIn, a:hover.LinkedIn {
	padding: 0 0 0 0.25em;
	margin: 0 0 0 0.25em;
	border-style: none;
}