body {

    font-size: 12px;
    font-family: arial, sans-serif; 
    font-weight: normal;
    text-align: center; /* For IE */
    
    color: #896633; /* brown */
    behavior: url(csshover.htc);
    background: #fff;
    /*background-image: url(images/bg_chess.jpg);*/
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0;
    padding: 0;
    
    }

div {margin: 0; padding: 0;}

div#container {

    /*height: 607px;*/
/*    width: 882px; with left sidebar */
    width: 737px;
    margin: 0 auto; /* center div */
    padding: 0;
   
    
   /* border-right: none;
    border-top: none;*/
    } 

/* #webstore {border-left: 1px solid #876734; border-bottom: 1px solid #876734; float: left; padding: 0; margin: 0; width:733px; height:505px;} */
#webstore {border-left: 1px solid #876734; border-bottom: 1px solid #876734; float: left; padding: 0; margin: 0; width:852px; height:1000px;}

/* div#webstore_filler { */
#webstore_filler {
    width: 800px; 
	/*float: left;*/
	float: right;
    padding: 0;
    margin: -26px 0 0 0;
    border-right: 1px solid #876734; /* brown */
	background-color: #876734; /* brown */
}


p {margin: 0 0 7px 0; padding: 0; line-height: 16px;}

/************************ GLOBAL FONTS ********************************/

strong {/* font-size: 15px;*/ }

.right {float: right;}

h1 {

   font-size: 15px;
   font-family: arial, sans-serif;
   font-weight: bold; 
   color:  #0096D7; /* blue  replaced older blue #79BDE7; */
   text-transform: capitalize;
   padding: 0;
   margin: 6px 0px 10px 0px;
   }

p#heading {   
   
   margin: 0;
   padding: 0;

   }

img {border: none;}

.green {

    color: #7BC143; /* Green */

}

.blue {

    color:  #0096D7; /* blue */
}

.underline {text-decoration: underline;}

/************************ GLOBAL LINKS ********************************/

 a {

	color: #876734; /* brown */
    font-size: 13px;
    font-family: arial, sans-serif;
	font-weight: bold;
	text-decoration: none;

	}

 a:hover {

    color: #0096D7; /* blue */
    font-size: 12px;
    font-family: arial, sans-serif;
	font-weight: bold;
	text-decoration: none;

	}

 
/************************ LEFT SIDEBAR ********************************/


div#sidebar {
display:none;
/*    background-color: #79BDE7;  blue */
    background-image: url(images/bg_sidebar.jpg);
    width: 147px;
    height: 607px; /* 615 was the original size */
    float: left;
     
}

div#scrollzone { 

  position: relative;
  height: 445px; 
  cursor: pointer;
  }

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 147px;
 height: 445px;
 margin: 0;
 text-align: center;
 overflow: hidden;
 padding: 0;
}

#scroller {
/*Additional Styles*/
  margin: 0;
  width: 147px;
  font-size: 11px;
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF; /* white */
  text-align: center;
  
}

#fadein {

  position: absolute;
  top: 0px;
  left: 0px;
  height: 30px;
  width: 147px;
  background-image: url("images/fadein.png");
  background-repeat: repeat-x; 
 
}

#fadeout {

  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 30px;
  width: 147px;
  background-image: url("images/fadeout.png");
  background-repeat: repeat-x;
 
}

/* Scoller Box */

/* At the end of the CSS File */

/* CSS Hack Safari 
#dummy {;# }*/

#scroller_container {
 overflow: auto;
 padding: 0;
 margin: 0;
    
 
}

p#sidebar_header { 

   
    width: 147px;
    margin: 0;
    padding: 21px 0 21px 10px;
    border-bottom: 1px solid #FFF; /*light blue */; 
   /* border-top: 1px solid #D5EAF7;*/ /*light blue */;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #FFFFFF; /* white */
    text-align: left;
   
}

p#sidebar_header strong {
    
    font-size: 17px;
    font-family: arial;
    font-weight: bold;
}

p#contact {

    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 69px;
    width: 143px;
    margin: 0px;
    padding-left: 4px;
    padding-top: 10px;
    border-top: 1px solid #D5EAF7; /*light blue */; 
    font-size: 10px;
    background-image: url(images/bg_sidebar.jpg);
    font-family: arial;
    color: #FFFFFF; /* white */
    text-align: left;
    line-height: 12px;
    font-weight: bold;
  
}


div#header {
    
    height: 56px; 
    padding: 0;
    margin: 0;
    clear: both; 
    
    }

div#logo {
    
    float: left;
  
   /* width: 387px; */
    padding: 4px 0 0 9px;
    margin: 0;
    
 }
div#logo h1 {background-image: url(images/logo_tag_line.jpg); background-repeat: no-repeat; width: 216px; height: 36px;}
div#logo h1 span {display: none;}


/************************ RIGHT SIDEBAR ********************************/

div#right_filler {

   
    /*top: -26px;*/
    width: 259px;  
   /*height: 533px;*/

    float: left;        
    padding: 0;
    margin: -26px 0 0 0;
    border-right: 1px solid #876734; /* brown */
    
    }

div#quote_box { 
    position: relative;

    color: #FFFFFF;
    background-color: #876734; /* brown */
    margin: 0;
    padding: 0;
    line-height: 17px;
    text-align: left;
    width: 259px;  
    height: 172px;
    }

div#quote_box p {
    padding: 15px 10px 0 10px;;
    margin: 0;
    font-size: 11px;
    font-family: arial, sans-serif;
    width: 239px;      
    } 

div#greenQuote {
    position: relative;
    width: 259px;
    height: 172px;
    margin: 0;
    padding: 0;
    background-image: url(images/makeGreenQuote.jpg);
    background-repeat: no-repeat; 
    background-color: #876734; /* brown */
    border: none;
    }

div#quote_box p#copyright {position: absolute; bottom: 0; font-size: 9px; color: #FFF; margin: 0; background-color: #876734; /* brown */ }
div#greenQuote p#copyright {position: absolute; bottom: 3px; left: 11px; font-size: 9px; color: #FFF; margin: 0; background-color: #876734; /* brown */ }

div#image_box {
/*
    height: 359px;
    width: 259px;    
    margin: 0;
    padding: 0;
  */  
    height: 359px;
    border-top: 1px solid #876734;
    }



/************************** NAVIGATION **************************/



/* main navigation */

div#nav1 { 
    
    color: #FFFFFF;
    background: #896633; /* brown */
    padding: 0;
    margin: 0;
    width: 477px;
    float: left;
    /*border-bottom: 1px solid #FFF;*/
    
}


div#nav1 ul {

   margin: 0;
   padding: 0;
   background: #896633; /* brown */
  
  
   }

div#nav1 li {

   position: relative; /* for absolute positioned children */
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;
  
   z-index: 1;
   }


.navDivider1 { background-color: white; height: 10px; width: 1px; margin:8px 0 0 0; padding:0; float: left;}
.navDivider2 { background-color: #876734; /*  brown */ height: 10px; width: 1px; margin:3px 7px 0px 7px; padding:0; float: left;}



div#nav1 li:hover { background: #876734; /*  brown */ }

div#nav1 li.submenu:hover { background:  #876734; /* brown */ }

div#nav1 ul.level1 li.submenu:hover ul.level2, div#nav1 ul.level2 li.submenu:hover ul.level3{ display:block; }

div#nav1 ul.level2 { top: 26px; }

div#nav1 ul.level3{top: -1px;}

div#nav1 li a {

   display: block; /* makes the clickable area around the link fill up its box*/
   height: 20px;
   padding: 6px 15px 0 15px;
   margin: 0;
   color:  #FFFFFF; 
   font-size: 11px;
   font-family: arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
   float: left;
   }

div#nav1 li a:hover {

   display: block; /* makes the clickable area around the link fill up its box*/
   height: 20px;
   padding: 6px 15px 0 15px;
   margin: 0;
   color: #6DCFF6; /* blue */
   /*color:   #0096D7;  blue */
   font-size: 11px;
   font-family: arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
   
   }


div#nav1 ul ul{

   position: absolute;
   left: 0;
   margin: 0;
   padding: 0;
   display: none;
   top: 26px;
   border-top: 1px solid white;
  
   }

div#nav1 ul ul li {

  width: 100px;
  height: 20px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #FFF;
  border-right: 0px;
  text-align: left;
  float: none;
}


div#nav1 ul ul li a {
   
   display: block; /* makes the clickable area around the link fill up its box*/
   background: #896633; /* brown */
   color:  #FFFFFF; 
   font-size: 11px;
   font-family: arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
   width: 90px;
   height: 17px;
   padding: 3px 0 0 10px;
   margin: 0;
   float: none;
   }

div#nav1 ul ul li a:hover {

   display: block; /* makes the clickable area around the link fill up its box*/
   background: #D5EAF7; /*light blue */
   color: #876734; /* brown */
   font-size: 11px;
   font-family: arial, sans-serif;
   font-weight: bold;
   text-decoration: none;
   width: 90px;
   height: 17px;
   padding: 3px 0 0 10px;
   margin: 0;
 
   }

div#nav1>ul a { width: auto; }


/* main navigaion 2 */

div#nav2 {
/*
    position: relative;
    height: 14px; 
   
    margin: 0;
    padding: 0 10px;
    top: 52px;
    float: right;
  */     
  
  float: right;
  margin: 0;
  padding: 38px 10px 0 0;
  
  
}

div#nav2 ul {

    
    list-style: none;
	margin: 0;
	padding: 0;
    

    }

div#nav2 li {

	float: left;
    height: 7px;
    margin: 0;
    padding: 0 6px 4px 6px;
    border-left: 1px solid #876734; 
    line-height: 1;
	}

div#nav2 li.first {border: none;}

div {}

div#nav2 a {

	color: #876734; /* brown */
    font-size: 11px;
    font-family: arial, sans-serif;
	font-weight: bold;
	text-decoration: none;

	}

div#nav2 a:hover {
    color: #6DCFF6; 

	}

div#nav2 a.grn{ color: #7BC143; /* green */ }

div#nav2 a.grn:hover{ color: #339933; /* green */ }





/************************ MAIN CONTENT ********************************/


#main_content {

    position:relative;    
    width: 405px;
    height: 480px;
    padding: 25px 30px 0px 40px;
    margin: 0;
    float: left;
    text-align: left;
    /*background-image: url('images/small_box_design.jpg');
    background-repeat: no-repeat;
    background-position: 0 10px;*/
    background-image: url('images/grass.jpg');
    background-repeat: repeat-x;
    background-position: bottom left;
    overflow: hidden;
    border-right: 1px solid #876734; /* brown */
    border-left: 1px solid #876734; /* brown */
    border-bottom: 1px solid #876734; /* brown */
    
  }


div#main_content p{

   margin-top: 0;
   padding:0;
   
   
}

div.ourwork div h3 {font-size: 11px; color: #7BC143; padding: 0; margin: 0;}
div.ourwork div a, div.ourwork div a:hover { color: #212121; font-size: 9px; text-decoration: underline;} 
div.ourwork div img {padding-right: 8px;}
div.ourwork div {
	height: 70px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
ul.clientList {

    font-size: 10px;
    font-weight: bold;
    list-style: none;
    color: #7BC143; /* Green */
    margin: 0;
    padding: 0;   
}

ul.clientList li {

    padding: 0px 7px;
    margin: 0;
   
    /*height: 11px;*/
}

ul.clientList li a{}

ul.greenList {

    font-size: 12px;
    font-weight: normal;
    list-style-position: outside;
    color: #7BC143; /* Green */
    margin: 0 10px;
    padding: 0;   
}

ul.greenList li {

    padding: 4px 0px;

}



ul.whatWeDoList {

    font-size: 11px;
    font-weight: bold;
    list-style: none;
    color: #7BC143; /* Green */
    margin: 0;
    padding: 0;   

}

ul.whatWeDoList li {

    padding: 4px 10px;
    background-image: url(images/greenDot.gif);
    background-repeat: no-repeat;
    background-position: center left;

}


ul.eventList {

    font-size: 12px;
    font-weight: bold;
    list-style: none;
    color: #7BC143; /* Green */
    margin: 0;
    padding: 0;   

}

ul.eventList li {

    padding: 4px 10px;
    background-image: url(images/greenDot.gif);
    background-repeat: no-repeat;
    background-position: center left;

}

ul.email_list{

    color: #7BC143; /* Green */
    list-style: none;
    font-size: 12px;
    margin:0;
    padding: 0;
}

ul.email_list li{

    color: #7BC143; /* Green */
    list-style: none;
    margin-top: 10px; 
}

ul.email_list a {

    color: #7BC143; /* Green */
    list-style: none;
    font-weight: normal;
    text-decoration: underline;
     font-size: 12px;
}


.bold {font-weight: bold;}


.definition {

    
    color:  #7BC143; /* Green */
    
    font-size: 11px;
    padding:0;
    margin-left: 10px;
    
  
}

.term { font-size: 11px; font-weight: bold;}

 
p.address {

  font-size: 12px;
}


div#filler {
   
   float: left;
   height: 26px;
   width: 258px; /*259px;*/
   background-color: #876734; /* brown */

}


div#home_content {
   position: relative;
   height: 518px; /*505px;*/
   width: 735px;/* 735px; */
   float: left;
   padding: 0;
   margin: 0;
   text-align: left;
   
}


div.homeContentGroup {

   position: absolute;
   top: 0;
   left: 0;
   /* height: 505px;*/
   height: 518px;
   width: 735px;/* 735px; */
   margin: 0;
   padding: 0;
   background-repeat: no-repeat;
   display: none; 
  
}
div#home_content0 {
   
   background-image:url(images/homePage/1.jpg);
   display: block; 
}
div#home_content1 {
   
   background-image:url(images/homePage/2.jpg);
   
}
div#home_content2 {
   
   background-image:url(images/homePage/3.jpg);
   
}
div#home_content3 {
   
   background-image:url(images/homePage/4.jpg);
   
}
div#home_content4 {
   
   background-image:url(images/homePage/5.jpg);
   
}

div#home_content5 {
   
   background-image:url(images/homePage/6.jpg);
   
}


/********************** SCROLL CONTENT ************************/

  #scroll_content {

    position:relative;    
    width: 426px;
    height: 474px;
    padding: 0;
    margin: 0;
   
    text-align: left;
    overflow: hidden;
    
  }

   

   #scroll_content h2 {
   font-size: 13px;
   font-family: arial, sans-serif;
   font-weight: bold; 
   color: #876734; /* brown */

   } 

   #scroll_content strong { color: #876734; /* brown */ } 

   div#scroll_content p{

     margin-top: 0;
     padding:0;
  
     text-align: left;      

   }

   a.searchPromo {

        color:  #0096D7; /* blue */
        font-size: 11px;
   } 

   a.searchPromo:hover{

        color:  #0096D7; /* blue */
        text-decoration: underline;
        font-size: 11px;
   } 

  div.subHead{

    width: 315px;
    height: 20px;
    margin-top: 10px;

  }

  		       
  div.subHead h1{
        padding: 0;
        margin: 0;
	    float: left;
  }

  div.subHead a{
        
        font-weight: normal;
	    float: right;
      
       
  }

   
  	ul#scrollNav{
        
		padding-left: 0;       	
	    list-style:none;
        margin: -18px auto 0 auto;
        width: 426px;
        float: left;

	}

  
                
    ul#scrollNav li {

        margin: 0 auto;
        padding: 0 10px 0 0;
        float: left;
        list-style:none;
                   
    }

    ul#scrollNav li.last {

       
        padding: 0;
        
                   
    }

    ul#scrollNav li a{
         
        text-decoration: underline;
        font-size: 11px;
        font-weight: bold;       
                    
    }

    ul#scrollNav li.back {

         margin: 0;
         float: left;
                    
    }


    .section{

        width:6000px; /* Make large enough to hold all horizonal sub sections*/
        
		position:relative;
        padding:0;
    	margin:0;
		list-style:none;
       

    }
		
	.section .sub{

		
		width: 420px;
    
        height: 400px;
	    padding-left:0;
        padding-right:10px;     
        float:left;
        
	}