@charset "utf-8";
/* CSS Document */

body {font:normal 81.25%/1.3 arial, helvetica, sans-serif; padding:0; margin:10px 0 0 0 ; color:#999;}
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/

a {color:#f90; text-decoration:none;}
a:hover {color:#A6C165;}
a img{border:none;}

h1 {font-size: 1.7em; color:#f90; margin-bottom:.5em; font-family: "arial narrow", "helvetica narrow", arial, helvetica, sans-serif;}
h2 {font-size:1.4em; color:#A6C165; }
h3 {font-size:1.3em; color:#7BD4DD;}
h4 {font-size:1em; color:#aaa; }
h5 {font-size:1.1em; margin-bottom:5px;}
h5 a{ color:#930;}
h5 a:hover{color:#777;}

ul.bullet{list-style-type:none;}
  ul.bullet li{margin:10px 25px; background: url(../img/bullet.gif) left 2px no-repeat; padding-left:35px; font-size:1.1em; color:#777; line-height:20px;}

a.button:hover {color:#333; background-color:#efefef;}

input.button{color:#566F9C; height:1.8em; font-size:1em; border: 1px solid #566F9C; background-color:#EBF7F9; text-decoration:none; text-align:center; margin:0 auto; }
input {border:1px solid #999;}
input.bigtext{width:250px;}

/*-------useful classes---------- */
.clear {clear: both; margin: 0; padding: 0; height: 1px; overflow: hidden;}
.c {text-align: center; margin: 0 auto;}
.r {float: right;}
.l {float:left;}
.j {text-align: justify;}
.i{font-style:italic;}
.padit{padding:10px;}
.pad2{padding:0 15px 0 0;}
.shhh{display:none;}
.sm{font-size:.9em;}
.smaller{font-size:.8em;}
a img{border:none;}
img.centerit{text-align:center; display:block; margin:0 auto;}
strong{font-weight:bold;}

blockquote{color:#555; margin:10px 40px; font-size:1.1em; font-style:italic;}

#banner{height:225px; background: url(../img/banner-bg.jpg) top left repeat-x;}
#bannerL{width:220px; float:left; padding-top: 30px;}
.container{width:940px; margin:0 auto;}


/*the thumbnail images */
div.thumbnails{margin:0 auto; width:850px;}
div.thumbnails a{width:200px; height:152px; line-height:152px; background-color:#fff; display:block; float:left; border:1px solid #ccc; text-align:center; margin:5px;}
div.thumbnails a:hover{background-color:#B1C876;}
div.thumbnails a img{margin:0 auto; padding:10px; }


ul.topnav{width:570px; float:right; list-style-type:none; font-size:1.35em; margin-top: 60px;}
ul.topnav li{float:left; font-family: "arial narrow", "helvetica narrow", arial, helvetica, sans-serif; text-transform: uppercase;}
ul.topnav li a{padding:20px; color:#A6C165; font-weight:bold; }
ul.topnav li a:hover{color: #f90; }
ul.topnav li.current a {color:#7BD4DD;}

#sidecol{width:330px; float:right; position:absolute; top: -114px; right:20px;}
#sidecol2{width:390px; float:right; position:absolute; top:-177px; right:-10px;}
#mcoutter{background: #E0E5E4 url(../img/content-bg.jpg) top center repeat-y; padding-bottom:30px;}
#maincontent{width: 940px; margin: 0 auto; position:relative; border:1px solid #ccc; border-top:0; background-color:#fff; }
.innercontent{ padding:20px; margin-right:375px; }

.latestprojbox{background: url(../img/latestprojbox.jpg) top center no-repeat; width:325px; margin:40px auto 0 auto; min-height:291px;}

#footer{background: #314756 url(../img/footer-bg.jpg) top left no-repeat; }
  #footinner{width:1000px; margin:0 auto;}
  .footerR{ float:right; width:350px;}
  .footerR a img{padding:0 20px 0 0 ;}
  .footerL{float:left; width:550px; padding:15px 0 0 35px;}
  #footer p{color:#ededed; font-size:1em;}
  #footer p.smaller{font-size:.8em;}
  .footerR p{font-size: 1.3em !important;}