/*
CSI Fixed
*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

This section deals with the position of items on the screen.
It uses absolute positioning- fixed x and y coordinates meaured from the top-left corner of the browser's contend display
*/

#mainnavigation, #bodycontent, #header {
position: absolute;
}



body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color: white;
  color: black;
  font-size: 1em;
  line-height: 125%;
  padding: 0;
  margin: 0;
  border-top: 2px solid #2A4F6F;
}

/*--------------------------------
Basic commands on how each element should look
h1 {
background-color: white;
border-width: 5px;
border-style: solid;
border-color: navy;
padding-top: .3em;
padding-bottom: .3em;
padding-left: .5em;
padding-right: .5em;
margin: 5px;
}
-------------*/

p {
  font-size: 1em;
  margin-top: 0.0em;
  padding-top: 0;
}

h1 {
position: float;
margin-top: 1em;
background-color: black;
text-align: center;
font-weight: bold;
color: white;
font-size: .8em;
}



h2 {
margin-top: 0em;
color: black;
font-size: 1em;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
padding-top: 0.2em;
padding-bottom: 1px;
margin-top: 0.0em;
font-weight: bold;
}

.tag {
background-color: lightgray;
text-align: center;
color: black;
}


h3 {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: navy;
color: white;
padding-top: 1px;
padding-bottom: 1px;
}

h3 {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: black;
color: white;
padding-top: 1px;
padding-bottom: 1px;
}


#header {
width: 100%;
}


 
#header {
  border-top: 5px solid black;
  border-bottom: none;
  height: 10em;
  }

#header .logo {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  width: 469px;
  margin-left: 1em;
  margin-top: 0.6em;
  background: transparent;
}

#header .navrt {
  font: 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: black;
  background: transparent;
  position: absolute;
  width: 400px;
  margin-left: 520px;
  margin-top: 0.5em;
}


#header .navrt ul {
  text-decoration: none;
  list-style-type: none;
  font-size: .6em;
  color: black;
}

#header .navrt li {
  line-height: 200%
}


/*
Changes to the way the Links look for top right Navigation
*/ 

.navrt a {
font-weight: bold;
font-size: .8em;
}

.navrt a:link {
  padding: 0.2em 0.6em 0.2em 0.6em;
  color: white;
  text-decoration: none;
  background-color: black;
  border-style: double;
  border-color: gray;
  border-width: medium;
  color: white; 
}

.navrt a:visited {
background-color: white;
color: black;
text-decoration: none;
padding: 0.2em 0.6em 0.2em 0.6em;
border: 1px solid black;
}

.navrt a:hover {
text-decoration: none;
color: black;
background-color: #CCCCCC;
}

.navrt a:active {
color: #00FF00;
background-color: black;
}




#tagline h1 {
position: float;
margin-top: 4em;
background-color: black;
text-align: center;
font-weight: bold;
color: white;
font-size: .8em;
}



/* Picture Style */

.pic {
border: 3px solid gray;
}



/* Picture Positions */

#index1 {
float: right;
margin: 10px;
}


#index2 {
border: 5px solid gray;
float: left;
margin: 10px;
}

#index3 {
border: 5px solid gray;
float: right;
margin-top: 5px;
margin-right: 60px;
}

#about1 {
float: right;
margin-right: 5em;
margin-top: 1px;
}


/* testing
float: left;
margin-left: 35px;
margin-top: 5px;
*/


/* UPS */
#electrical2 {
float: right;
margin-right: 0px;
margin-top: -5px;
} 


/* right Navigation */ 
#electrical4 {
float: left;
margin-right: 0px;
margin-top: 5px;
}


/* Electrical Service and Upgrades */
#electrical9 {
float: right;
margin-right: 150px;
margin-top: -30px;
}

/* Load and power usage analysis */
#electrical5 {
float: right;
margin-right: 250px;
margin-top: -30px;
}


/* Dedicated circuits */
#electrical6 {
float: right;
margin-right: 350px;
margin-top: -30px;
}

/* Lighting installations, repairs, and retrofits */
#electrical7 {
float: right;
margin-right: 150px;
margin-top: -30px;
}

/* Add, moves, and changes to power */
#electrical8 {
float: right;
margin-right: 200px;
margin-top: -30px;
}


/* Consultation for critical power  */
#critical1 {
float: right;
margin-right: 220px;
margin-top: -15px;
}


/* UPS */
#critical2 {
float: right;
margin-right: 450px;
margin-top: -5px;
} 

/* Electrical Service and Upgrades */
#critical3 {
float: right;
margin-right: 50px;
margin-top: -30px;
}

/* Load and power usage analysis */
#critical4 {
float: right;
margin-right: 250px;
margin-top: -30px;
}

/* Servers $1 million */
#company1 {
float: right;
margin-right: 20px;
margin-top: -30px;
}

/* NASA */
#private1 {
float: right;
margin-right: 5px;
margin-top: 0px;
}

/* Nationwide Power */
#private2 {
float: right;
margin-right: 5px;
margin-top: 30px;
}

/* City of Long Beach */
#private6 {
float: right;
margin-right: 20px;
margin-top: 30px;
}

/* Nordstrom */
#private3 {
float: right;
margin-right: 0px;
margin-top: 30px;
}

/* DirecTV */
#private9 {
float: right;
margin-right: 20px;
margin-top: 30px;
}


/* Teletrac */
#private7 {
float: right;
margin-right: 0px;
margin-top: 30px;
}

/* G4S */
#private10 {
float: right;
margin-right: 15px;
margin-top: 30px;
}

/* LA Health Services */
#private4 {
float: right;
margin-right: 0px;
margin-top: 30px;
}

/* KPSP2 */
#private5 {
float: right;
margin-right: 0px;
margin-top: 30px;
}

/* UCRiverside */
#private8 {
float: right;
margin-right: 0px;
margin-top: 30px;
}

/* Big 5 */
#private11 {
float: right;
margin-right: 0px;
margin-top: 30px;
}

/* Nordstrom Rack */
#private12 {
float: right;
margin-right: 0px;
margin-top: 30px;
}

/* TV3 */
#private13 {
float: right;
margin-right: 10px;
margin-top: 30px;
}

/* ACR */
#private14 {
float: right;
margin-right: 0px;
margin-top: 30px;
}

/* Nestle */
#private15 {
float: right;
margin-right: 5px;
margin-top: 30px;
}


/* Class Info */

.cities {
  background: transparent;
  font-size: 0.4em;
  color: white;
  line-height: 40%;
  padding: 0;
  margin: 0;
}


/* ID Info */

#middle {
position: absolute;
top: 0em;
left: 2em;
width: 100%;
color: black;
font-size: .9em;
}

#body {
position: absolute;
top: 20em;
left: 0em;
width: 80%;
color: black;
font-size: .9em;
}

#body a {
color: #009900;
}


#mainnavigation {
position: absolute;
top: 23em;
right: 2em;
width: 15%;
font-size: .8em;
background-color: white;
line-height: 110%;
width: 125px;
height: 180px;
border: 3px double black;
}

#mainnavigation a {
text-decoration: none;
}

#mainnavigation {
text-decoration: none;
color: black;
background-color: white;
border: 1px solid white;
margin-left: 0; 
margin-right: 5px;
padding: 0.2em 0.6em 0.2em 0.1em;
}

#mainnavigation h3 {
font-size: .9em;
padding: 0.2em;
font-weight: bold;
}

/*
Changes to the way the Links look for top right Navigation
*/ 



#mainnavigation a {
font-weight: bold;
font-size: .8em;
}

#mainnavigation a:link {
  padding: 0.2em 0.6em 0.2em 0.6em;
  color: white;
  text-decoration: none;
  background-color: #606060;
}

#mainnavigation a:visited {
background-color: gray;
color: white;
text-decoration: none;
padding: 0.4em 0.6em 0.2em 0.6em;
border: 1px solid black;
}

#mainnavigation a:hover {
text-decoration: none;
color: white;
background-color: black;
}

#mainnavigation a:active {
color: #00FF00;
background-color: black;
}









ol {
padding-left: 15px;
padding-top: 0px;
list-style-type: none;
font-size: .9em;
color: black;
}



/*
Changes to the way the Links look for main middle Navigation
*/ 

.navmain a:link {
color: white;
text-decoration: none;
background-color: black;
padding: 0.2em 0.6em 0.2em 0.6em;
border: 1px solid black;
}

.navmain a:visited {
background-color: gray;
color: white;
text-decoration: none;
padding: 0.2em 0.6em 0.2em 0.6em;
border: 1px solid black;
}

.navmain a:hover {
text-decoration: none;
color: black;
background-color: #CCCCCC;
}

.navmain a:active {
color: #00FF00;
background-color: black;
}

/* ------------navigation for sub menu
*/

.navmain ul ul {
  margin-left: 12px;
}

.navmain ul ul li {
  border-bottom: 1px solid black;
}


.navmain ul ul a:link {
color: white;
text-decoration: none;
background-color: black;
padding: 0.2em 0.6em 0.2em 0.6em;
border: 1px solid black;
}

.navmain ul ul a:visited {
background-color: white;
color: black;
text-decoration: none;
padding: 0.2em 0.6em 0.2em 0.6em;
border: 1px solid black;
}

.navmain ul ul a:hover {
text-decoration: none;
color: black;
background-color: white;
}

.navmain ul ul a:active {
color: white;
background-color: black;
}







/*--------------------------*/

.navmain {
	position: absolute;
	margin-top: 0;
	margin-bottom: 0;
	font-size: .9em;
      padding: .2em 0em .4em 3em;
}

.navmain a {
font-weight: bold;
font-size: .8em;
}


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


.navmain li {
	list-style: none;
      display: inline;
	float: left;
	border-style: double;
	border-color: gray;
	border-width: medium;
	background: gray;
	color: white;
}


.navmain li a {
	padding: 1px 1px;
	text-decoration: none; 
	font-size: .8em;
	color: #999;
	font-weight: bold; 
}

.navmain li a:hover {
	color: green;
	background: white; 
}

.navmain li ul {
	display: none;  
}

.navmain li:hover ul, #navbar li.hover ul {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0; 
}

.navmain li:hover li, .navmain li.hover li {
	float: left; 
}

.navmain li:hover li a, .navmain li.hover li a {
	color: white
	background: black; 
}

.navmain li li a:hover {
	display: block;
	color: green; 
}

blockquote.references {
  font-size: .8em; 
  font-style: italic;
}

table {
border-collapse: collapse;
border: 1px solid lightgray;
}

td {
border: 1px solid lightgray;
text-align: left;
color: black;
padding: 0.2em;


#footer {
position: absolute;
margin-top: 2400px;
left: 30em;
width: 80%; color: gray;
font-size: .7em;
}