* {
  margin: 0px;
  padding: 0px;
  border: none;
}
body {
  background-image: url(bg.jpg);
  background-repeat: repeat-x;
  background-color: #748658;
}

a:link, a:visited { color: #4e2716; text-decoration: underline; font-weight: bold; }
a:hover, a:active { color: #4e2716; text-decoration: none; outline: none; }
a:focus { outline:none; }   

#header {
  margin: 0 auto;
  width: 1060px;
  height: 167px;
}
#ngl {
  float: left;
  width: 776px;
  height: 167px;
  display: block;
  background: url(ngl_title.jpg) no-repeat;
}
#ngl h1 {
  text-indent: -9999px;
  font-size: 1px;
}
#ngl h2 {
  text-indent: -9999px;
  font-size: 1px;
}
#est1998 {
  display: block;
  float: right;
  width: 258px;
  height: 167px;
  background: url(ngl_est1998.jpg) no-repeat;
}
#est1998 h5 {
  text-indent:-9999px;
  font-size:1px;
}

#wrap1 {
  clear: both;
  width: 970px;
  margin: 0 auto;
}

#wrap1_right {
width:303px;
display: block;
float:right;
}

#wrap1_left {
display: block;
position: relative;
float: left;
width: 667px;
min-height: 605px;
background: url(wrap1_left_bg.jpg) no-repeat left top;
}

.contactField {
width:660px;
float:left;
margin:0 0 20px 38px;
line-height:21px;
font-family: verdana,sans-serif;
font-weight:bold;
font-size:11px;
color: #344312;
}

.contactField input {
width:250px;
height:31px;
line-height:31px;
margin-bottom:15px;
border: 1px solid #344312;
color:#4e2716;
font-family:verdana,sans-serif;
font-size:16px;
background:#e2e4d9 url(formbg.jpg) repeat-y left top;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 2px 2px 3px #bfc4ae;
-webkit-box-shadow: 2px 2px 3px #bfc4ae;
box-shadow: 2px 2px 3px #bfc4ae;


}

.contactField textarea {
width:250px;
height:328px;
margin-bottom:15px;
border: 1px solid #344312;
color:#4e2716;
background:#e2e4d9 url(formbg.jpg) repeat-y left top;
font-family:verdana,sans-serif;
font-size:16px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
border-radius:6px;
-moz-box-shadow: 2px 2px 3px #bfc4ae;
-webkit-box-shadow: 2px 2px 3px #bfc4ae;
box-shadow: 2px 2px 3px #bfc4ae;

}

.contactField input:focus, .contactField textarea:focus {
  background: #fff;
  border: 1px solid #4e2716;
-moz-box-shadow: 3px 3px 3px #bfc4ae;
-webkit-box-shadow: 3px 3px 3px #bfc4ae;
box-shadow: 3px 3px 3px #bfc4ae;
}

#wrap1_left h3 { font-family: georgia, serif; margin: 28px 0 18px 28px; color:#4e2716; font-style:italic; text-shadow: 1px 1px 2px #fff;  }

#wrap1_left p {  font-family: verdana, sans-serif; font-size:12px; padding-left:38px; padding-right:44px; padding-bottom:18px; line-height:21px; color: #344312; }


.bg_bot { position: absolute; bottom:0; right:0; }

#contact_right {
  clear: both;
  width: 290px;
  height: 274px;
  text-align: center;
  background: url(contactInfo.jpg) no-repeat;
}

#contact_right p {
  padding-top:70px;
  line-height: 16px;
  font-family: verdana, sans-serif;
  font-size:12px;
  color: #344312;
}

#slideshowCont {
  display: block;
  float: left;
  width: 667px;
  height: 359px;
}

#links {
  float: right;
  text-align: left;
  display: block;
  width: 303px;
  height: 330px;
}

#links ul { list-style-type: none; margin-top:22px; }
#links ul a { display: block; width: 303px; height: 60px; text-indent:-9999px; overflow:hidden;}

li.linksHome1 a, li.linksHome1 a:visited, li.linksHome1 a:hover, li.linksHome1 a:active {
 background: url(links.jpg) no-repeat right top;
}

li.linksAbout1 a, li.linksAbout1 a:visited, li.linksAbout1 a:hover, li.linksAbout1 a:active {
 background: url(links.jpg) no-repeat right -60px;
}

li.linksServices1 a, li.linksServices1 a:visited, li.linksServices1 a:hover, li.linksServices1 a:active {
 background: url(links.jpg) no-repeat right -120px;
}

li.linksGallery1 a, li.linksGallery1 a:visited, li.linksGallery1 a:hover, li.linksGallery1 a:active {
 background: url(links.jpg) no-repeat right -180px;
}

li.linksContact1 a, li.linksContact1 a:visited, li.linksContact1 a:hover, li.linksContact1 a:active {
 background: url(links.jpg) no-repeat right -240px;
}

li.linksHome a, li.linksHome a:visited {
 background: url(links.jpg) no-repeat left top;
}
li.linksHome a:hover, li.linksHome a:active {
background-position: right top;
}

li.linksAbout a, li.linksAbout a:visited {
 background: url(links.jpg) no-repeat left -60px;
}
li.linksAbout a:hover, li.linksAbout a:active {
background-position: right -60px;
}

li.linksServices a, li.linksServices a:visited {
 background: url(links.jpg) no-repeat left -120px;
}
li.linksServices a:hover, li.linksServices a:active {
background-position: right -120px;
}


li.linksGallery a, li.linksGallery a:visited {
 background: url(links.jpg) no-repeat left -180px;
}
li.linksGallery a:hover, li.linksGallery a:active {
background-position: right -180px;
}


li.linksContact a, li.linksContact a:visited {
 background: url(links.jpg) no-repeat left -240px;
}
li.linksContact a:hover, li.linksContact a:active {
background-position: right -240px;
}

#wrap2 {
  clear: both;
  margin: 0 auto;
  width: 960px;
}

#definition {
  float: left;
  width: 667px;
  height: 289px;
  background: url(definition.jpg) no-repeat;
}

#definition h4 {
  text-indent: -9999px;
  font-size: 1px;
}

#definition ul { list-style: none;  float: left; margin-top: 218px;}
#definition ul li { float: left; }
#definition ul a { display: block; float: left; }

li.viewProjects a, li.viewProjects a:visited {
 width: 342px;
 height: 38px;
 text-indent: -9999px;
 background: url(viewProjects.jpg) no-repeat left top;
}

li.viewProjects a:hover, li.viewProjects a:active {
 width: 342px;
 height: 38px;
 text-indent: -9999px;
 background: url(viewProjects.jpg) no-repeat right top;
 overflow:hidden;
}

li.getQuote a, li.getQuote a:visited {
 margin-left: 32px;
 width: 244px;
 height: 38px;
 text-indent: -9999px;
 background: url(getQuote.jpg) no-repeat left top;
}

li.getQuote a:hover, li.getQuote a:active {
 margin-left: 32px;
 width: 244px;
 height: 38px;
 text-indent: -9999px;
 background: url(getQuote.jpg) no-repeat right top;
overflow:hidden;
}

#contactInfo {
  float: right;
  width: 290px;
  height: 274px;
  text-align: center;
  background: url(contactInfo.jpg) no-repeat;
}

#contactInfo p {
  padding-top:70px;
  line-height: 16px;
  font-family: verdana, sans-serif;
  font-size:12px;
  color: #344312;
}

#wrap3 {  clear: both; margin:0 auto; width: 100%; background: url(wrap3.jpg) repeat-x; min-height:690px; }

#wrap3cont {width: 960px; margin:0 auto; }

#aboutAndServices {width: 660px; float: left; }
#orgs {width: 270px; float: right; margin-right:5px; }
#orgs p {font-family: verdana, sans-serif;font-size:10px; line-height: 17px; color: #344312;}
#orgs .promatch {clear:both; margin-top:50px;margin-bottom:8px; }
#orgs .arcsa {clear:both; margin-top:27px;margin-bottom:8px; }

#aboutNGL {width: 610px; margin-left:20px; display: block; clear: both; }
#aboutNGL h3 { font-family: georgia, serif; margin-top:38px; margin-bottom:18px; color:#000; font-style:italic; text-shadow: 1px 1px 2px #fff; }
#aboutNGL p { font-family: verdana, sans-serif; font-size:12px; color: #344312; line-height: 21px; margin:0 0 17px 0;}

#servicesOffered {width: 639px; margin-left:20px; display: block: clear: both; margin-top:20px; }
#servicesOffered h3 { font-family: georgia, serif; margin-top:38px; margin-bottom:18px; color:#000; font-style:italic; text-shadow: 1px 1px 2px #fff;  }
#servicesOffered p { clear:both; display:block; font-size:14px; font-family:georgia, serif; font-style:italic; padding-top:30px;}

#servicesOffered ul { list-style-type: none; float: left; }
#servicesOffered li { background: url(bullet2.jpg) no-repeat 0 50%; display: block; height:23px; line-height:23px; font-family: verdana, sans-serif;font-size:11px; color:#344312; text-indent:20px;}

#services2 { width: 640px; margin-left:38px; }
#services2 ul  { list-style-type: none; float: left; width:100%;}
#services2 li { background: url(bullet2.jpg) no-repeat 0 50%; display: block; height:23px; line-height:23px; font-family: verdana, sans-serif;font-size:11px; color:#344312; text-indent:20px;width:33%;float:left;}

#footer {  clear: both; margin:0 auto; width: 100%; background: #63734b url(footer.jpg) repeat-x; min-height:82px; }

#footerCont {width:960px; margin: 0 auto; background: #63734b;}

#linksAndCopyright { margin-left:20px; float: left; display: block; width: 660px; margin-top:21px; }
#linksAndCopyright ul {list-style-type: none; display: block; margin-bottom:20px;}
#linksAndCopyright li {float: left; display: block; color:#c4cbb9; padding-right:10px; font-family:verdana, sans-serif;font-size:10px;font-weight:bold;}
#linksAndCopyright li a {float: left; display: block; color:#0f120b; font-family:verdana, sans-serif;font-size:10px;font-weight:bold;}


#linksAndCopyright p {clear:both; display:block; color:#c4cbb9; font-size:10px; font-family: verdana, sans-serif; }


#createdBy2 {float: right; display: block; width: 215px; }
#createdBy2 ul {list-style-type: none; display: block; width:115px; height:38px; margin-top:15px;}
#createdBy2 li {display: block; }
#createdBy2 li a, #createdBy li a:visited {display:block; width:115px; height:38px; background: url(chernishok.jpg) no-repeat left top; text-indent:-9999px; overflow:hidden;}
#createdBy2 li a:hover, #createdBy li a:active {display:block; width:115px; height:38px; background: url(chernishok.jpg) no-repeat right top; }

#createdB2 {float: right; display: block; width: 275px; }
#createdB2 ul {list-style-type: none; display: block; width:115px; height:38px; margin-top:15px;}
#createdB2 li {display: block; }
#createdB2 li a, #createdBy li a:visited {display:block; width:115px; height:38px; background: url(chernishok.jpg) no-repeat left top; text-indent:-9999px;overflow:hidden;}
#createdB2 li a:hover, #createdBy li a:active {display:block; width:115px; height:38px; background: url(chernishok.jpg) no-repeat right top; }


#slideshow {
    position:relative;
    width:667px;
    height:359px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.projectGroup { clear: both; font-size:9px;font-family:verdana, sans-serif; line-height:13px; color: #344312; }
.projectGroup h3 {font-size:16px; text-decoration:underline;}
.projectPhoto { float: left; width: 180px; min-height:150px; margin-left: 25px; padding-bottom:10px; display:block; }
.pp {margin:0; padding: 0 0 15px 0; font-size:9px; font-family:verdana, sans-serif; line-height:13px; color: #344312; display: block;}
.projectPhoto2 { float: left; width: 180px; min-height:150px; margin-left: 25px; margin-bottom:20px; display:block; }
.pp2 {margin:0; padding: 0 0 15px 0;font-size:9px;font-family:verdana, sans-serif; line-height:13px; color: #344312; display: block;}
.projectThumb { width: 180px; height: 90px; border: 0; margin-bottom:6px; border: 1px solid #4e2716; 	-moz-border-radius: 5px;
        -khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 1px #888;
	-khtml-box-shadow: 2px 2px 1px #888;
	-moz-box-shadow: 2px 2px 1px #888;
	box-shadow: 2px 2px 1px #888;}

.threeGroup { clear: both; margin: 0; padding: 0;}

.review {padding-left:18px; font-size:10px; text-transform:uppercase; color:#4e2716; }