/* RESET PADDING, MARGINS AND BORDERS ON BLOCK ELEMENTS */

body, div, fieldset, form, h1, h2, img, input, p { margin: 0; border: 0; padding: 0; }



/* LAYOUT */

body {  text-align: center; background:#fff url(../graphics/pagebg.jpg) repeat-x; }
#outer { text-align:center; margin-right:auto; margin-left:auto; width: 967px; padding-top:7px;}
#inner	{ float:left; text-align:center; padding: 0; margin:0px 0 0 0; width: 967px;}
	

/** Banner ----------------------------------------------------------- **/
	
#banner {
          float: left;
          width: 967px;
          text-align:left;          
          padding:0 0px 0 0;
          height: 90px;
          background: #003d62 url(../graphics2/bannerbkgrnd.gif) repeat-x;;
}

#logo {
        float: right; 
        text-align:center; 
        height: 80px;
        padding: 5px 10px 5px 10px;
}

#innov {
         position:relative;
         text-transform: uppercase;
         letter-spacing:1px;
         color: #ffffff;
         height: 20px;
         width: 600px;
         padding: 8px 0px 0px 10px;
         margin: 0 0 0 0px;
}	

#searchBox{
            vertical-align:text-top;
            color:#00568D;
            position:relative;
            float:left;
            width:188px;
            height:10px;
            padding: 15px 0px 0px 10px;
            margin:0 0 0 0px;
}

#top-navigation {
                  vertical-align:text-top;
                  position:relative; 
                  float:left;
                  left:2px;
                  width: 800px;
                  margin:0 0 0 0px;	
                  padding: 17px 0px 0px 0px;
}

fieldset#search{
                 vertical-align:text-top;
                 float:right;
                 width: 188px;
                 height:20px; 
}

#search-term{
              vertical-align:text-top;
              width: 143px;
              border: none;
              color: #00568D;
              padding:5px 0px 0 7px;
              font-size:85%;
              line-height:10px;
}


#search-submit{
                border-style: none;
				border-color: inherit;
				border-width: medium;
				vertical-align:text-top;
                				width: 25px;
                				color: #fff;
                				font-weight: bold;
                				position: relative;
                background: url('graphics/go.jpg') no-repeat left top;
                				line-height:14px;
}
	
.button {
	  border: 1px;
}

#outer #inner #banner-navigation .imageright { float: right; margin: 0; width:110px}
#banner-navigation .imageleft{ float: left; margin: 0;width:110px }


html>body #search-submit  {top: 2px; left:0px;}

/** ----------------------------------------------------------- Banner **/

/** Top Navigation --------------------------------------------------- **/

html>body #top-navigation {margin-left: 0px;}

#top-navigation ul {padding:0 0 0 0; margin:0;LIST-STYLE-TYPE: none;}


#formBox {
           float:left;
           padding: 0px 0px 0px 10px;
           margin:  0 0 0 0px;
}

#top-navigation li {
                     BORDER-RIGHT: #FFFFFF 1px solid; 
                     FLOAT: left; 
                     MARGIN: 0; 
                     padding: 2px 0 0 0;
                     display: inline; 
                     /** **/
}

#top-navigation li.last {
                          BORDER-RIGHT: #666 0px solid; 
                      /** padding: 2px 27px 0 0; 
                          margin: 0;
                          background: #00568D;
                          background-position: 75px 40%;
                       **/	
}

#top-navigation a {
                    PADDING: 0px 9px 0px 9px;
                    margin: 0;
                    DISPLAY: block; 
                    COLOR: #FFFFFF;
                    TEXT-DECORATION: none;
                    text-transform: lowercase;
                    vertical-align: middle;
                    font-size: 85%;
                    font-weight: normal;
                    letter-spacing: normal;
                    line-height: 12px;
                    font-family: Arial, Helvetica, sans-serif
}


#top-navigation a:hover { 
                          COLOR: #ffffff; 
                          TEXT-DECORATION: underline
}

#top-navigation a.selected {
                             COLOR: #016596;
                             font-weight: bold;
}

/** --------------------------------------------------- Top Navigation **/


/** Pagebody --------------------------------------------------------- **/

#pagebody  {
             width: 967px;
             float: left;
             padding: 0px 0 0 0;
             margin: 0;
             text-align: left;
             color: #444;
             BORDER: #3F7E7A 0px solid;
             min-height: 419px;
             height: auto !important;
             height: 420px;
             border-top:1px;
             border-top-color: #003D62;

}

#pagebody #groupOfSix ul {
                      padding: 0; 
                      margin: 0;
                      LIST-STYLE-TYPE: none;
}

#pagebody #groupOfSix li {
                      FLOAT: left; 
                      MARGIN: 0; 
                      padding: 0 0 0 0;
                      display: inline;
}


#pagebody #groupOfSix a {
                          margin: 0;
                          display: block;
}


#pagebody #groupOfSix #imageBox a{
                                  text-align: left;
                                  width: 190px;
                                  height: 170px;
                                  position: relative;
                                  padding: 0 5px 0 5px;
                                  top: 0px;
                                  background-color: #003D62;                                 
                                  text-transform: uppercase;
                                  font-size: 11px;
                                  line-height: 320px;
                                  color: #ffffff;
                                  text-decoration: none;                            
} 

#pagebody #groupOfSix #imageBox a:hover {
                                          background-color: #00568D;
                                          background-position: -200px 0px;
                                          cursor: pointer;
 
}

#pagebody #groupOfSix #timbertab a{
                                  text-align: left;
                                  width: 190px;
                                  height: 170px;
                                  position: relative;
                                  padding: 0 5px 0 5px;
                                  top: 0px;
                                  background-color: #564E60;                                 
                                  text-transform: uppercase;
                                  font-size: 11px;
                                  line-height: 320px;
                                  color: #ffffff;
                                  text-decoration: none;                            
} 

#pagebody #groupOfSix #timbertab a:hover {
                                          background-color: #6F647B;
                                          background-position: -200px 0px;
                                          cursor: pointer;
 
}

#pagebody #groupOfSix #geosynthetictab a{
                                  text-align: left;
                                  width: 190px;
                                  height: 170px;
                                  position: relative;
                                  padding: 0 5px 0 5px;
                                  top: 0px;
                                  background-color: #A01D51;                                 
                                  text-transform: uppercase;
                                  font-size: 11px;
                                  line-height: 320px;
                                  color: #ffffff;
                                  text-decoration: none;                            
} 

#pagebody #groupOfSix #geosynthetictab a:hover {
                                          background-color: #C42464;
                                          background-position: -200px 0px;
                                          cursor: pointer;
 
}

#pagebody #groupOfSix #constructionmembranestab a{
                                  text-align: left;
                                  width: 190px;
                                  height: 170px;
                                  position: relative;
                                  padding: 0 5px 0 5px;
                                  top: 0px;
                                  background-color: #423F1C;                                 
                                  text-transform: uppercase;
                                  font-size: 11px;
                                  line-height: 320px;
                                  color: #ffffff;
                                  text-decoration: none;                            
} 

#pagebody #groupOfSix #constructionmembranestab a:hover {
                                          background-color: #615C29;
                                          background-position: -200px 0px;
                                          cursor: pointer;
 
}

#pagebody #groupOfSix #acousticstab a{
                                  text-align: left;
                                  width: 190px;
                                  height: 170px;
                                  position: relative;
                                  padding: 0 5px 0 5px;
                                  top: 0px;
                                  background-color: #3F7E7A;                                 
                                  text-transform: uppercase;
                                  font-size: 11px;
                                  line-height: 320px;
                                  color: #ffffff;
                                  text-decoration: none;                            
} 

#pagebody #groupOfSix #acousticstab a:hover {
                                          background-color: #4D9994;
                                          background-position: -200px 0px;
                                          cursor: pointer;
 
}

#pagebody #groupOfSix #thermaltab a{
                                  text-align: left;
                                  width: 190px;
                                  height: 170px;
                                  position: relative;
                                  padding: 0 5px 0 5px;
                                  top: 0px;
                                  background-color: #96A365;                                 
                                  text-transform: uppercase;
                                  font-size: 11px;
                                  line-height: 320px;
                                  color: #ffffff;
                                  text-decoration: none;                            
} 

#pagebody #groupOfSix #thermaltab a:hover {
                                          background-color: #B3BB8E;
                                          background-position: -200px 0px;
                                          cursor: pointer;
 
}


#groupOfSix {
              float: left;
              width: 604px;
              height: 342px;
              padding:2px 0px 0px 0px;
              background-color:#ffffff;
}


#imageBox{
           float: left;
           margin: 0px 0px 0px 1px;    
           text-align: center; 
           height: 170px;
           width: 200px;
           color: #ffffff;
           background-color: #00cc33; 
}

#timbertab{
           float: left;
           margin: 0px 0px 0px 1px;    
           text-align: center; 
           height: 170px;
           width: 200px;
           color: #ffffff;
/**           background-color: #00cc33; **/
}


#thermaltab{
           float: left;
           margin: 0px 0px 0px 1px;    
           text-align: center; 
           height: 170px;
           width: 200px;
           color: #ffffff;
           background-color: #00cc33; 
}

#constructionmembranestab{
           float: left;
           margin: 0px 0px 0px 1px;    
           text-align: center; 
           height: 170px;
           width: 200px;
           color: #ffffff;
           background-color: #00cc33; 
}

#acousticstab{
           float: left;
           margin: 0px 0px 0px 1px;    
           text-align: center; 
           height: 170px;
           width: 200px;
           color: #ffffff;
           background-color: #00cc33; 
}

#geosynthetictab{
           float: left;
           margin: 0px 0px 0px 1px;    
           text-align: center; 
           height: 170px;
           width: 200px;
           color: #ffffff;
           background-color: #00cc33; 
}


/** --------------------------------------------------------- Pagebody **/

/** News ------------------------------------------------------------- **/
		
#newsSection{
   float: left;
   width: 363px;
   height: 342px;
   padding:2px 0px 0px 0px;
   background-color:#ffffff;
}

#newsTitle{
   text-align:left;
   width:353px;
   height:45px;
   position:relative;
   padding:0 5px 0 5px;
   background-color:gray;
   color: #ffffff;
   text-transform:uppercase;
}

#newsPicture{
   width:363px;
   height:218px;
   position:relative;
   background-color:white;
   background: url('../graphics2/newsPicture3.gif') no-repeat left top;
}

#newsTeaser{
   text-align:left;
   width:353px;
   height:74px;
   position:relative;
   padding:5px 5px 0px 5px;
   background-color:gray;
   color: #ffffff;
   font-size:10px;
}

/** ------------------------------------------------------------- News **/

/** Adverts ---------------------------------------------------------- **/


#pagebody #advertSection ul {
                      padding: 0; 
                      margin: 0;
                      LIST-STYLE-TYPE: none;
}

#pagebody #advertSection li {
                      FLOAT: left; 
                      MARGIN: 0; 
                      padding: 0 0 0 0;
                      display: inline;
}


#pagebody #advertSection a {
                          margin: 0;
                          display: block;
}


#pagebody #advertSection #advertBox a{
                                  text-align: left;
                                  width: 228px;
                                  height: 115px;
                                  position: relative;
                                  padding: 0 5px 0 5px;
                                  top: 0px;
                                  background-color:gray;                                 
                                  text-transform: uppercase;
                                  font-size: 11px;
                                  line-height: 213px;
                                  color: #ffffff;
                                  text-decoration: none;                            
} 

#pagebody #advertSection #advertBox a:hover {
                                          background-color: silver;
                               /**        background-position: -200px 0px; **/
                                          cursor: pointer;
}

#advertSection{
                float:left;
                padding:4px 0px 17px 0px;
                width:968px;
                height:110px;
}

#advertBox{
            float: left;
            background-color:gray;
            width:238px;
            height:115px;
            border:1px gray solid;
            position:relative;
            margin: 0 1px 0 1px;
}

/** ----------------------------------------------------------------- Adverts **/



/** Footer ------------------------------------------------------------------ **/


#footer {
          width: 967px;
          height:150px;
          float:left;
          text-align:left;
          padding: 0px 0px 0px 0px;
          background-color:white;
}

#services {
            width: 967px;
            height: 50px;
            padding: 0px 0px 0px 0px;
}

#techhelp {
            position: relative;
            float: left;
            top: 5px;
            left: 0px;
            width: 185px;
}

#techhelp:hover {	
            cursor:pointer;
}
	
#call_back {
             position: relative;
             float:left;
             top: 5px;
             left:10px;
             height:44px;
/**          width: 196px;  **/
}

#call_back:hover {	
            cursor:pointer;
}

	
#footer a {
            color:#00568D;
            font-size:11px;
            font-weight:normal;
            text-decoration:none;
            font-weight:normal
}
	
#footer a:hover {
                  color: #003366;
                  font-size:11px;
                  font-weight:normal;
                  text-decoration:underline;
}

#footer p{
           color:#00568D;
           font-size:85%;
           line-height:normal;
           margin:0;
           padding:0;
}

#footer p.suppliers{
                     color: #00568D;
                     text-transform: uppercase;
                     font-size: 15px;
                     line-height: normal;
                     margin:0;
                     padding:2;
}

#pefc{
       float: right; 
       text-align:center; 
       height: 35px; 
       padding-right:10px;
}
       
#nbs{
      float: right; 
      text-align:center;  
      height: 35px; 
      padding-right:10px;
}

#fsc{
      float: right; 
      text-align:center;  
      height: 35px; 
      padding-right:5px;
}

/** ----------------------------------------------------------------- Footer **/