body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
      	margin:0;
      	padding:0;
         }
      
      table {
      	border-collapse:collapse;
      	border-spacing:0;
         }
      
      fieldset,
      img { 
      	border:0;
         }
      
      address,caption,cite,code,dfn,th,var {
      	font-style:normal;
      	font-weight:normal;
         }
      
      ol,ul {
      	list-style:none;
         }
      
      caption,th {
      	text-align:left;
         }
      
      h1,h2,h3,h4,h5,h6 {
      	font-size:100%;
      	font-weight:normal;
      	margin: 0px;
      	padding: 0px;
         }
      
      q:before,q:after {
      	content:'"';
         }
      
      abbr,acronym {
         border:0;
         }
      
      html {
         font-size: 100.01%; /* Corrects default font sizing in IE/WIN, 
and font resizing in Opera. */
         }
         
      .break {
         clear: both;
         }
         
      .column.first {
         margin-left: 0;
         padding-left: 0;
         }


/* -------------------------------------- Body -------------------------------------- */

body#home {  
   background: #090909 url(/images/bg-body.gif) left top repeat-x;
   }    
   
body {
   font: normal 12px/14px Verdana, Arial, sans-serif;
   color: #fff;   
   background: #090909 url(/images/bg-top.gif) left top repeat-x;
   }     
   
#container {
   margin: 0 auto;
   width: 1000px;
   } 
   
   
/* -------------------------------------- Headings, List & Paragraphs -------------------------------------- */
   
h1 {
   font: normal 20px/24px Verdana, Arial, sans-serif;
   color: #A4BD2B;
   margin: 0 0 0 0;
   padding: 15px 0 10px 0;
   }
   
#inner-content h1 {
   border-bottom: 1px solid #222;
   margin-bottom: 15px;
   }     

h2 {
   font: normal 14px/18px Verdana, Arial, sans-serif;
   text-transform: uppercase;
   color: #145100;
   margin: 15px 0 5px 0;
   padding: 0 0 5px 0;
   border-bottom: 1px dotted #333;
   }    

h3 {
   font: bold 12px/14px Verdana, Arial, sans-serif;
   color: #fff;
   margin: 20px 0 0 0;
   padding: 0 0 0px 0;
   }        

h4 {
   font: normal 20px/24px Verdana, Arial, sans-serif;
   color: #fff;
   margin: 0 0 0 0;
   padding: 0 0 10px 0;
   }         

h5 {
   font: normal 14px/18px Verdana, Arial, sans-serif;
   text-transform: uppercase;
   color: #fff;
   margin: 15px 0 5px 0;
   padding: 10px 0;               
   border-top: 1px dotted #333;
   text-align: center;
   border-bottom: 1px dotted #333;
   } 
   
p {
   font: normal 12px/16px Verdana, Arial, sans-serif;
   color: #fff;
   margin: 6px 0;
   padding: 0;
   }    

   a {
      color: #A4BD2B;
      text-decoration: none;
      outline: none;
      }   

   
/* -------------------------------------- Header -------------------------------------- */ 
      
#header {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 109px;
   }
   
#logo {
   margin: 0 0 0 10px;
   padding: 0;
   float: left;
   width: 368px;
   height: 108px;
   background: transparent url(/images/logo.png) left top no-repeat;
   } 
   
   #logo a {
      display: block;
      width: 368px;
      height: 108px;
      text-indent: -9999px;
      } 


   
/* -------------------------------------- Navigation -------------------------------------- */ 
      
#navigation {
   float: right;
   width: 55%;
   }
   
#navigation ul#nav { 
   float: left;
   }      

   #navigation ul#nav li {
      float: left;
      padding: 0 15px 5px 15px;       
      font: normal 14px/30px Verdana, Arial, sans-serif;
      text-transform: uppercase;
      }   
   
      #navigation ul#nav li a {
         padding-top: 20px;
         color: #fff;
         text-decoration: none;
         display: block;
         }   
         
      #navigation ul#nav li a:hover {
         background: transparent url(/images/arrow-nav.gif) center top no-repeat;
         } 
         
body#home ul#nav li a#home-nav,
body#productsservices ul#nav li a#productsservices-nav,   
body#aboutbonsai ul#nav li a#aboutbonsai-nav,
body#contactus ul#nav li a#contactus-nav {
   background: transparent url(/images/arrow-nav.gif) center top no-repeat;
   }           
         

ul#subnav {
   float: left;
   border-top: 1px solid #3A5530;
   }          

   ul#subnav li {
      float: left;
      padding: 12px 8px;       
      font: normal 12px/14px Verdana, Arial, sans-serif;
      }   
   
      ul#subnav li a {
         color: #fff;
         text-decoration: none;
         }     
         
      ul#subnav li a:hover {
         color: #A8C22D;
         }     
   
/* -------------------------------------- Content -------------------------------------- */ 
      
body#home #content {
   margin: 0;
   background-image: none; 
   }      
      
#content {
   margin: 20px 0 0 0;
   padding: 0;
   width: 100%; 
   float: left;    
   background: transparent url(/images/bg-innercontent.gif) left top repeat-y; 
   }
   
#inner-content {
   margin: 0px 0 0 0;
   padding: 0 20px 10px 20px;
   float: left;
   width: 690px;
   }   
   
#sidebar {
   margin: 0px 0 0 10px;
   padding: 10px 20px;
   float: left;
   width: 220px;
   }    
   
   #sidebar ul {
      margin: 5px 0 0 0;
      }     
   
      #sidebar ul li {
         padding: 1px 0 1px 15px;
         background: transparent url(/images/arrow-sidebar.gif) left 50% no-repeat; 
         }      
   
         #sidebar ul li a {
            color: #fff;
            }   
   
         #sidebar ul li a:hover {
            color: #A8C22D;
            }
   
#intro {
   margin: 0;
   padding: 0 50px 0 0;
   float: left;
   width: 450px;
   height: 358px;  
   background: transparent url(/images/bg-mid.gif) right top no-repeat;
   }   
   
   #intro h1 {
      margin: 0;
      padding: 20px 0 0 0;
      } 
      
   #intro p {
      margin: 0;
      padding: 10px 0 15px 0;
      }  
      
   #intro ul {
      margin: 10px 0 0 0;
      padding: 0;   
      border-top: 1px solid #616161;
      }      
      
      #intro ul li {
         margin: 0;
         padding: 15px 0;  
         border-bottom: 1px solid #616161;
         text-indent: 30px;   
         background: transparent url(/images/arrow-intro.gif) left center no-repeat;
         }         
         
         #intro ul li a {
            color: #fff;
            display: block;
            }
            
         #intro ul li a:hover {
            color: #A4BD2B;
            }  
   
#video {      
   margin: -10px 0 0 0;
   float: right;
   width: 500px;
   height: 379px;
   background: transparent url(/images/bg-video.jpg) left top no-repeat;
   }    
   
   #video iframe {      
      margin: 10px 0 0 10px;
      }
   
#promos {   
   margin: 55px 0 20px 0;
   padding: 0 0 0 50px;
   float: left;           
   background: transparent url(/images/txt-websitedesign.gif) left top no-repeat;
   }
   
.promo {
   margin: 0 0 0 35px;
   padding: 0 15px;
   float: left;    
   background: transparent url(/images/bg-promo.png) left top no-repeat;
   width: 204px;
   height: 165px;
   }   
   
.promo h2 {
   margin: -10px 0 0 0;
   text-indent: -9999px;
   padding: 0 0 4px 0;
   }
   
#templates {
   float: left;
   margin: 5px 0 0 0;
   }
   
   #templates img {
      float: left;
      clear: left;
      margin: 0;
      padding: 3px 0;
      }
      
.promo.sitebuilders ol {
   float: left;
   margin: 10px 0 25px 5px;
   }          
   
   .promo.sitebuilders ol li {
      padding: 7px 0 7px 25px;
      }            
   
#one {      
   background: transparent url(/images/bullet-1.gif) left center no-repeat;
   }

#two {      
   background: transparent url(/images/bullet-2.gif) left center no-repeat;
   }
   
#three {      
   background: transparent url(/images/bullet-3.gif) left center no-repeat;
   }   

      
h2#sitebuilders {
   border: none;
   background: transparent url(/images/txt-sitebuilders.png) center top no-repeat;
   }
   
h2#wordpresscms {
   border: none;
   background: transparent url(/images/txt-wordpresscms.png) center top no-repeat;
   }
   
h2#customwebsite {
   border: none;
   background: transparent url(/images/txt-customwebsite.png) center top no-repeat;
   }      
   
.promo.wordpresscms img {
   margin: 5px 0 0 -5px;
   }  
   
.promo.wordpresscms p {
   margin: 0 0 5px 0;
   } 
   
.promo.customwebsite ul {
   margin: 10px 0 5px 5px;
   }
   
   .promo.customwebsite ul li {
      padding: 6px 0 6px 20px;
      background: transparent url(/images/arrow-promo.gif) left 5px no-repeat;
      }
   
   .promo p {
      color: #000;
      }   
      
   .promo ul li, .promo ol li {
      color: #000;
      }    
      
.promo .price {
   text-align: center;
   width: 100%;
   }   
      
   .promo .price a {
      color: #FF1E00;
      font-weight: bold;
      }  
      
#socialmedia {
   float: right;
   margin: 2px 0 0 35px;
   padding: 0;
   width: 55px;
   }       
      
   #socialmedia a {
      float: left;
      margin: 2px 0;
      }                
      
.slide {
   cursor: pointer;
   float: right;
   font: normal 11px/24px Verdana, Arial, sans-serif;
   color: #fff;
   }  
   
table {
   width: 100%;
   margin: 10px 0;
   padding: 0;      
   border-bottom: 1px dotted #333;
   }       
   
   table th {
      padding: 6px;
      border-bottom: 1px solid #111;
      background-color: #111;
      font-weight: bold;
      width: 50%;
      }   
   
   table td {
      padding: 6px;
      border-bottom: 1px solid #111;
      }         
   
ul.clients {
   float: left;
   list-style-type: none;
   margin: 0;
   padding: 20px 0;
   width: 225px;
   }   
   
   ul.clients li {
      padding: 4px 0 4px 12px;
      background: url(/images/arrow-content.gif) left 8px no-repeat;
      }          
   
ul.ss-list {
   margin: 10px;
   float: left;
   }         
   
   ul.ss-list li {
      float: left;   
      margin: 10px 30px;
      }             
      
      ul.ss-list li a {
         padding: 10px;
         float: left;
         border: 1px solid #ccc;
         } 
   
/* -------------------------------------- Forms -------------------------------------- */

form {
   margin: 15px 0 0 0;
   padding: 0;
   }

ul.form-list { 
   float: left;
   width: 300px;
   margin: 0;
   padding: 0;
   list-style-type: none;
   }

ul.form-list li {
   margin: 12px 0;
   padding: 0;
   border: none;
   background-image: none;
   }

label {
   float: left;
   color: #fff;
   width: 85px;
   margin: 2px 5px 0 0;
   font-weight: bold;
   font-size: 11px;
   }

input {
   width: 250px;
   background-color: #fff;
   border: 1px solid #144702;
   padding: 6px 0;
   }

select {
   background-color: #fff;
   border: 1px solid #144702;
   width: 251px;
   padding: 6px 0;
   }

textarea {
   background-color: #fff;
   border: 1px solid #144702;
   width: 250px;
   }

.submit {
   margin: 0 0 0 192px;
   padding: 6px;
   border: 1px solid #000;
   width: 60px;
   color: #fff;
   background-color: #144702;
   cursor: pointer;
   }

.submit:hover {
   color: #000;
   background-color: #A4BD2B;
   }   

.asterisk {
   color: #CC0000;
   }   
   
    

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

#footer {
   margin: 20px 0 0 0;   
   background: #090909 url(/images/bg-footer.gif) left top repeat-x;
   float: left;
   clear: both;
   width: 100%;
   }
   
   #footer-content {
      width: 1000px;
      margin: 0 auto;
      padding: 20px 0 0 0;
      }
   
body#home #footer {
   background-image: none;
   }   
   
#footer p {
   text-align: right;
   }   
   
.column {
   float: left;
   width: 100px;
   margin: 0 10px 20px 10px;
   }          
   
   .column ul li {
      padding: 2px 0;
      }  
   
      .column ul li a {
         color: #fff;
         }  
         
      .column ul li a:hover {
         color: #A8C22D;
         }  
   
/* -------------------------------------- Errors -------------------------------------- */

p.red {
   color: #CC0000;
   font-weight: bold;
   }
   
#error {
   margin: 10px 0;
   border: 1px solid #CC0000;
   background-color: #1F0000;
   padding: 15px 15px 20px 15px;
   }   

ul.errorDetails {
   list-style-type: square;
   margin: 0;
   padding: 0 0 0 15px;
   clear: left;
   }
   
ul.errorDetails li {
   margin: 0 0 0 10px;
   padding: 1px 0;
   color: #CC0000;
   border: none;
   background-image: none;
   }