/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
background-image: url('../images/tile-x.jpg');
background-color: #EAF4FD;
background-repeat: repeat-x;
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

.container {
background-image: url('../images/test.jpg');
height: 100%; 
background-color: white;
background-position: top;
background-repeat: no-repeat;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 18px;
			
}

h3 {
	font-size: 21px;
		color: #ff9933;
letter-spacing:-1px;
}
.footTitle {font-size: 21px;
		color: #ff9933;
letter-spacing:-2px;
}
.footLinks
{letter-spacing:-1px;}
h4 {
	font-size: 18px;
	color: #006633;
	letter-spacing:-1px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

p,
dl,
hr,
h1,
h21
h3,
h4
p{line-height:18px}

#nav ul {
margin:0;
}
    
#nav li {
display:block;
float:left; 
}
#nav a:link {
color:white;
text-decoration:none;
}
#nav a:visited {
color:white;
text-decoration:none;
}


.nav {
clear:both;
height:40px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;   
position:relative; 
width:535px;
margin:0 auto;
margin-left:-60px;
}

#menu{
float:left;
left:46%;
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
}

#menu li {
float:left;
position:relative;
right:50%;
display:block;
}



.gallery {
left:46%;
float:left;
list-style-type:none;
margin:0 auto;
position:relative;
}

.gallery li {
right:50%;
float:left; 
position:relative;
}

.nav ul {
margin:0;
}
.nav li {
display:block;
float:left; 
}

.test li:hover {
background-color:rgb(210, 146, 108);
width:130px;

}
.nav a:link {
color:white;
text-decoration:none;
}
.nav a:visited {
color:white;
text-decoration:none;
}


/*** Nav bar styles ***/
ul.headernav{
	display: table;
}
ul.headernav>li{
	display: table-cell;
	position: relative;
	
	 
}


ul.headernav li>ul{
/*Make the sub list items invisible*/
background-color:rgb(186, 102, 62);
color:Black;
	display: none;
	z-index:100;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

.headernav li li:hover {
z-index: 100; /* This is the important style directive, without it IE7 chokes */
}

ul.headernav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
	 
}

.headernav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
	 
}




.floatRight
{text-align:right;
float:right}

.footer {
color: white;
background-image: url('../images/grass.jpg');
height: 77px;
background-color: white;}

.footer {text-align:right; line-height:22px;}
.footer a {font-weight:bold;color:white;text-decoration:none;}
.footer a:hover {font-weight:bold;color:white;text-decoration:none;}
.footer a:link {font-weight:bold;color:white;text-decoration:none;}
.footer a:active {font-weight:bold;color:white;text-decoration:none;}
.footer a:visited {font-weight:bold;color:white;text-decoration:none;}


.LeftNavigationLinks {text-align:right; line-height:28px;}
.LeftNavigationLinks a {font-weight:bold;color:black;text-decoration:none;}
.LeftNavigationLinks a:hover {font-weight:bold;color:black;text-decoration:none;}
.LeftNavigationLinks a:link {font-weight:bold;color:black;text-decoration:none;}
.LeftNavigationLinks a:active {font-weight:bold;color:black;text-decoration:none;}
.LeftNavigationLinks a:visited {font-weight:bold;color:black;text-decoration:none;}
 
 
 .rightNavigationLinks {text-align:left; line-height:28px;}
.rightNavigationLinks a {font-weight:bold;color:black;text-decoration:none;}
.rightNavigationLinks a:hover {font-weight:bold;color:black;text-decoration:none;}
.rightNavigationLinks a:link {font-weight:bold;color:black;text-decoration:none;}
.rightNavigationLinks a:active {font-weight:bold;color:black;text-decoration:none;}
.rightNavigationLinks a:visited {font-weight:bold;color:black;text-decoration:none;}
 


#solarProjects img {margin:5px;}
#solarProjects span {line-height:9px;margin-left:5px; margin-right:5px;display:inline-block;width:140px;font-size:10px;}


#managementList img {
margin-left:10px;
margin-right:10px;
}
#managementList span {
display:inline-block;
font-size:10px;
line-height:10px;
margin-right:4px;
text-align:left;
vertical-align:text-top;
width:113px;
margin-left:5px;
}
.test li:hover {
background-color:rgb(210, 146, 108); 
}

#projects div{width:630px;}
#projects span{display:inline-block;}
#projects .leftImage{width:460px;}
#projects .rightDescription{width:220px;letter-spacing:-1px}


#projectsFooter a {font-weight:bold;color:black;text-decoration:none;}
#projectsFooter a:hover {font-weight:bold;color:black;text-decoration:none;}
#projectsFooter a:link {font-weight:bold;color:black;text-decoration:none;}
#projectsFooter a:active {font-weight:bold;color:black;text-decoration:none;}
#projectsFooter a:visited {font-weight:bold;color:black;text-decoration:none;} 




#projDescription p {
margin-right:75px;}

#projDescription li {
margin-right:75px;}

  
label
{
display:block;
float:left;
margin-right:2em;
text-align:right;
width:5em;
}

.submit input
{
margin-left: 14em;
}   
 
.grid_16 {height:135px; z-index:2;} 

/* NAVIGATION MENU CSS */
#navigation {position:absolute; left:246px; top:100px; width:482px;}
#navigation a {display:block; background:url(../images/navigation.png); height:37px; text-indent:-9000px;}
#navigation li {list-style:none; float:left; position:relative;}
a#home {width:96px;}
a#home:hover {background-position:0 -37px;}
#navigation :hover > a#home, #navigation ul ul :hover > a {background-position:0 -37px;}
a#services {width:97px; background-position:-96px 0px;}
a#services:hover {background-position:-96px -37px;}
#navigation :hover > a#services, #navigation ul ul :hover > a {background-position:-96px -37px;}
a#projects {width:97px; background-position:-193px 0px;}
a#projects:hover {background-position:-193px -37px;}
#navigation :hover > a#projects, #navigation ul ul :hover > a {background-position:-193px -37px;}
a#safety {width:97px; background-position:-290px 0px;}
a#safety:hover {background-position:-290px -37px;}
#navigation :hover > a#safety, #navigation ul ul :hover > a {background-position:-290px -37px;}
a#contact {width:95px; background-position:-387px 0px;}
a#contact:hover {background-position:-387px -37px;}
#navigation :hover > a#contact, #navigation ul ul :hover > a {background-position:-387px -37px;}


/*SECONDARY LEVEL NAVIGATION */
#navigation ul ul {display:none; position:absolute; left:0px; top:37px; width:125px; background:#f5cb81; padding:10px 15px;}
#navigation ul ul a {text-indent:0; background:none; color:#000; height:auto; line-height:20px; text-decoration:none; font-size:11px;}
#navigation ul ul a:hover {color:#ba673f;}
#navigation ul ul li {float:none;  width:125px;}
 
/* NAVIGATION MENU CSS */

#navigation {position:absolute; left:172px; top:100px; width:522px;}

#navigation a {display:block; background:url(../images/navigation.png); height:37px; text-indent:-9000px;}

#navigation li {list-style:none; float:left; position:relative;}

a#menu1_home {width:96px;}

a#menu1_home:hover {background-position:0 -37px;}

#navigation :hover > a#menu1_hypHome, #navigation ul ul :hover > a {background-position:0 -37px;}

a#menu1_services {width:97px; background-position:-96px 0px;}

a#menu1_services:hover {background-position:-96px -37px;}

#navigation :hover > a#menu1_services, #navigation ul ul :hover > a {background-position:-96px -37px;}

a#menu1_projects {width:97px; background-position:-193px 0px;}

a#menu1_projects:hover {background-position:-193px -37px;}

#navigation :hover > a#menu1_hypProjects, #navigation ul ul :hover > a {background-position:-193px -37px;}

a#menu1_safety {width:97px; background-position:-290px 0px;}

a#menu1_safety:hover {background-position:-290px -37px;}

#navigation :hover > a#menu1_safety #navigation ul ul :hover > a {background-position:-290px -37px;}

a#menu1_contact {width:95px; background-position:-387px 0px;}

a#menu1_contact:hover {background-position:-387px -37px;}

#navigation :hover > a#menu1_contact, #navigation ul ul :hover > a {background-position:-387px -37px;}

 /* NAVIGATION MENU CSS */

 
 
a#ctl00_menu1_home {width:96px;}

a#ctl00_menu1_home:hover {background-position:0 -37px;}

#navigation :hover > a#ctl00_menu1_hypHome, #navigation ul ul :hover > a {background-position:0 -37px;}

a#ctl00_menu1_services {width:97px; background-position:-96px 0px;}

a#ctl00_menu1_services:hover {background-position:-96px -37px;}

#navigation :hover > a#ctl00_menu1_services, #navigation ul ul :hover > a {background-position:-96px -37px;}

a#ctl00_menu1_projects {width:97px; background-position:-193px 0px;}

a#ctl00_menu1_projects:hover {background-position:-193px -37px;}

#navigation :hover > a#ctl00_menu1_hypProjects, #navigation ul ul :hover > a {background-position:-193px -37px;}

a#ctl00_menu1_safety {width:97px; background-position:-290px 0px;}

a#ctl00_menu1_safety:hover {background-position:-290px -37px;}

#navigation :hover > a#ctl00_menu1_safety #navigation ul ul :hover > a {background-position:-290px -37px;}

a#ctl00_menu1_contact {width:95px; background-position:-387px 0px;}

a#ctl00_menu1_contact:hover {background-position:-387px -37px;}

#navigation :hover > a#ctl00_menu1_contact, #navigation ul ul :hover > a {background-position:-387px -37px;}