/* MAIN STYLES */
body { 
	   font: normal 12px Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
       line-height: 1.6em; 
       /*background: #ffffff url(../images/bg.gif) repeat-x;*/ 
       background: #0058c9 url(../images/tester.jpg) no-repeat;
       color: #666666; 
       padding: 0px;
       margin: 0px;
     }
     
a {	
	color: #0063ce;
    text-decoration: none; 
  }

a:hover { 
	      color: #666666; 
          text-decoration: underline; 
        }

p { 
	margin-top: 0px;
    margin-right:0px;
    margin-bottom: 15px;
    margin-left: 0px;
    color: #666666; 
  }

h1 { 
	 font: normal 1.8em Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
     color: #666666;
     margin-right: 10px;
     border-bottom: 1px solid #CCCCCC; 
   }

h2 { 
	 font: normal 1.7em Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
     margin-top: 0px;
     margin-right: 10px;
     margin-bottom: 10px;
     margin-left: 0px; 
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 3px;
     padding-left: 0px; 
     color: #666666; 
     border-bottom: 1px solid #CCCCCC; 
   }
   
img { 
	 border: 0px; 
	}


/* BAR */
#bar0 {
	  width: 600px;
	  height: 5px;
	  margin-left: 310px;
          margin-top: 1px;
	  background: #cccccc;
}

#bar1 {
	  width: 600px;
	  height: 5px;
	  margin-left: 310px;
          margin-top: 1px;
	  background: #ff0000;
}

/* BAR */
#bar2 {
          width: 600px;
	  height: 5px;
	  margin-left: 310px;
          margin-top: 1px; 
	  background: #0063ce;
}

/* BAR */
#bar3 {
	  width: 600px;
	  height: 5px;
	  margin-left: 310px;
          margin-top: 1px;
	  background: #19731d;
}

/* BAR */
#bar4 {
	  width: 600px;
	  height: 5px;
	  margin-left: 310px;
          margin-top: 1px;
	  background: #fa7a24;
}

/* BAR */
#bar5 {
	  width: 600px;
	  height: 5px;
	  margin-left: 310px;
          margin-top: 1px;
	  background: #666666;
}

#barShadow {
            position: absolute;
            clear: left;
            margin-left: 400px;
            width: 90px;
            height: 5px;
            background: #999999; 
}

/* BOXES */

/* WRAPPER */
#wrapper { 
	       width: 930px;
           margin: 0px auto;
           border-top: 0px;
           border-bottom: 0px;
           border-left: 4px solid;
           border-right: 4px solid;
           background: #ffffff url(../images/bg.gif) repeat-x; 
           /*background: #ffffff;*/
           color: #cccccc; 
         }

/* LOGO */

#bodyWrapper{
	         /*width: 890px;*/
             /*margin: 0px auto;*/
             margin: 20px 20px 20px 20px; 
             border: solid 1px;
             color: #cccccc;
}

#logo { 
	    margin-top: 20px;
	    margin-right: 0px;
	    margin-bottom: 0px;
	    margin-left: 20px;
        width: 235px;
        height: 50px;
        background: url(../images/zoonder_logo.png) no-repeat;
        float: left; 
      }
      
#logo p { 
	     margin: 0px;
	    }

/* NAVIGATION TRAIL STYLE */
#navTrail {
	   font-size: 0.9em;
           color: #666666;
           margin-left: 310px;
           /*border-bottom: #cccccc 1px solid;*/
          }
               
#navTrail a { 
	     color: #666666;  
            }

#menu a:hover { 
	         text-decoration: none;
                 color: #666666;  
              }


/* MENU STYLE - top navigation panel across the site*/
#menu { 
       float: right;
       padding-top: 0px;
       padding-right: 0px;
       padding-bottom: 0px; 
       margin-top: 20px;
       margin-right: 20px;
       margin-bottom: 0px;
       margin-left: 0px; 
      }
      
#menu li { 
	      font-size: 1.3em;
          display: inline; 
         }
         
#menu li a { 
	     float: left;
             width: 93px;
             height: 54px;
             text-align: center;
             padding-top: 15px;
             padding-right: 0px;
             padding-bottom: 0px;
             padding-left: 0px;  
             margin-top: 0px;
             margin-right: 0px;
             margin-bottom: 0px;
             margin-left: 10px; 
             color: #666666;  
           }
           
#menu li a.current1 { 
                     color: #ffffff;
                     background: url(../images/button-red.png) top left no-repeat;
                     background-position: 0 0px;
                     /*border-bottom: #999999 solid 5px;*/
                   }

#menu li a.current2 { 
                     color: #ffffff;
                     background: url(../images/button-blue.png) top left no-repeat;
                     background-position: 0 0px;
                     /*border-bottom: #999999 solid 5px;*/
                   }

#menu li a.current3 { 
                     color: #ffffff;
                     background: url(../images/button-green.png) top left no-repeat;
                     background-position: 0 0px;
                     /*border-bottom: #999999 solid 5px;*/
                   }

#menu li a.current4 { 
                     color: #ffffff;
                     background: url(../images/button-orange.png) top left no-repeat;
                     background-position: 0 0px; 
                     /*border-bottom: #999999 solid 5px;*/ 
                   }

#menu li a.current5 { 
                     color: #ffffff;
                     background: url(../images/button-grey.png) top left no-repeat;
                     background-position: 0 0px; 
                     /*border-bottom: #999999 solid 5px; */
                   }

#menu li a.corporate1   {
                     color: #ffffff;
                     /*background: #ff0000;*/
		     background: url(../images/button-red.png) top left no-repeat;
                     background-position: 0 -74px;
                     /*border-bottom: #ff0000 solid 5px; */
                   }

#menu li a.corporate2 {
                     color: #ffffff;
                     /*background: #0063ce;*/
		     background: url(../images/button-blue.png) top left no-repeat;
                     background-position: 0 -74px;
                     /*border-bottom: #0063ce solid 5px;*/ 
                   }
                   
#menu li a.corporate3 { 
	               color: #ffffff;
                       /*background: #19731d;*/
 		       background: url(../images/button-green.png) top left no-repeat;
                       background-position: 0 -74px;   
                       /*border-bottom: #19731d solid 5px;*/
                   }
                   
#menu li a.corporate4 { 
	                 color: #ffffff;
                         /*background: #fa7a24;*/
		         background: url(../images/button-orange.png) top left no-repeat;
                         background-position: 0 -74px;
                         /*border-bottom: #fa7a24 solid 5px; */
                      }

#menu li a.corporate5 { 
	                 color: #ffffff;
                         /*background: #666666;*/
                         background: url(../images/button-grey.png) top left no-repeat;
                         background-position: 0 -74px;  
                         /*border-bottom: #666666 solid 5px; */
                      }
                 

#menu li a.corporate1:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   background-position: 0 0px; 
                   /*background: #999999;*/
                   /*background: #6699FF;*/ 
                 }

#menu li a.corporate2:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }
                 
#menu li a.corporate3:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }

#menu li a.corporate4:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }

#menu li a.corporate5:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }

#menu li a.current1:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }

#menu li a.current2:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }
                 
#menu li a.current3:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }

#menu li a.current4:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }

#menu li a.current5:hover { 
	               text-decoration: none;
                   color: #ffffff;
                   /*background: #999999*/
                   background-position: 0 0px;
                   /*background: #6699FF;*/ 
                 }


/* prevent element from wrapping around floated element */                 
.clear { 
	    clear: both; 
	   }

/* FLAG STLYE for placing above panel boxes */
.flag { 
	       background: #ffffff url(../images/flag_bg.png) repeat-x;
	       margin-left: 0px;
	       margin-top: 10px;
	       margin-bottom: 0px;
           padding-top: 0px;
           padding-right: 0px;
           padding-bottom: 0px;
           padding-left: 0px; 
           height: 35px;
           width: 253px;
           border: solid 1px;
           color: #cccccc;  
         }
         
.flag p { 
	        font: normal 1.4em Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
	        margin: 0; 
	        color: #666666;
	    }

.flagPara {
                font: normal 1.4em Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
	        margin-left: 10px;
	        color: #666666;
           }

/* LEFT PANEL - used for Service List */
#leftPanel { 
	    margin-top: 0px;
	    margin-right: 20px;
	    margin-bottom: 0px;
	    margin-left: 10px;
            padding-bottom: 150px;
        clear: left; 
        width: 255px;
        /*height: 300px;*/ 
        float: left;
      }

#leftPanel p {
	           color: #666666;
                   margin-left: 10px;
	         }
	         
#leftPanel img { 
	        /*padding: 6px;*/
            /*border-right: 1px solid #DBDBDB;*/ 
            /*border-bottom: 1px solid #DBDBDB; */
            margin-top: 20px;
            background: #FFFFFF;
            border: 0;
          }
          

/* Central Panel - Used for News Links */
#centerPanel { 
	      width: 255px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 20px;
          margin-left: 15px; 
        }

/*RIGHT PANEL - used for content */
#rightPanel { 
	     margin-top: 0px;
	     margin-left: 290px;
             padding-bottom: 180px;
	     /*float: right;*/
         /*width: 400px;*/
         
       }
 
/* PANEL FOOTER - adds ruled line under panel */       
.panelFooter { 
        border-top: 1px solid #CCCCCC; 
        margin-bottom: 10px;
        margin-right: 10px;
        /*padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;*/
        padding: 0px; 
      }
      
.box { 
	   /*background: #DBDBDB;*/
	   border: 1px solid;
       margin-top: -15px; 
       padding: 0px;
     }
     
.box li { 
	      list-style: none;
          /*border-bottom: 1px dotted #DBDBDB;*/ 
          line-height: 30px; 
        }
        
.box li a { 
	       padding-top: 0px;
	       padding-right: 5px;
	       padding-bottom:0px; 
	       padding-left: 0px;
	      }

#footer { 
	      font-size: .85em;
          clear: both;
          margin-top:0px; 
          padding: 15px; 
          background: #DBDBDB; 
        }
#footer a { 
	       color: #666666; 
	      }

/* CUSTOM FORM */
#subForm {
	font: 11px/18px Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	width: 350px;
}
#subForm .label {
	float: left;
	/*clear: left; *** REMOVED - causing prob in FF3 and IE8 *** */
	width: 70px;
	margin-right: 10px;
	font: 11px/18px Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: left;
        color: #666666;
	/*font-weight: bold;*/
}
#subForm label.error { float: none; color: #FF0000; padding-left: .5em; vertical-align: top; }

#subForm input
        {
         font: 11px/18px Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
        }

#subForm textarea
        {
         font: 11px/18px Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
         width: 200px;
        }

/*TESTIMONIAL */

#giantQuote {
             font: normal 4.0em Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
            }

#rightPanel .testimonial {  
              width: 400px; 
              /*display: block;*/
              float: right;
              margin-right: 10px;
              font: normal 1.0em Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
              color: #666666;
             }

#rightPanel .quote {  
              width: 400px;
              margin-right: 10px;
              font: normal 1.0em Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
              color: #666666;
             }