/* -------------------------------------- Reset -------------------------------------- */     
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. */
        }
        

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

body {
   background-color: #000;
   font: normal 12px/16px Arial, sans-serif;
   color: #FFF;
   margin: 0;
   padding: 0;
   text-align: center;
   }  
   
/* -------------------------------------- Headings, List, Links & Paragraphs -------------------------------------- */
   
h1 {
   font: normal 22px/24px Georgia, Verdana, serif;
   color: #ADC82E;
   font-variant: small-caps;
   margin: 0;
   padding: 25px 0 0 0;
   } 
   
h2 {
   font: bold 14px/16px Georgia, Verdana, serif;
   color: #EDFBAA;
   margin: 0;
   padding: 10px 0 0 0;
   }    
   
h3 {
   font: bold 12px/14px Georgia, Verdana, serif;
   color: #fff;
   font-variant: small-caps;
   margin: 0;
   padding: 10px 0 0 0;
   }   
   
p {
   margin: 8px 0;
   }   
   
a {
   text-decoration: none;
   color: #1C6E00;
   }
   
p a {
   color: #ADC82E;
   }      
   
p a:hover {
   text-decoration: underline;
   }
   
a img {
   border: 0;
   } 
   
.break {
   clear: both;
   }
   
#intro h2 {
  text-transform: uppercase;
  color: #ADC82E;
  border-bottom: 1px solid #000;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 0;
  } 
   
#intro p {
  font-size: 14px;
  line-height: 18px;
  padding: 5px 10px 0 10px;
  } 
  
#dollar {
  color: #155200;
  font-size: 24px;
}
  
#amount {
  color: #ADC82E;
  font-size: 24px;
}
   
#full-col p {
   font-size: 14px;
   line-height: 18px;
   }  
   
ul.list {
   font-size: 13px;
   color: #BBBBBB;
   padding: 6px 0 0 0;
   margin: 0 0 6px 0;
   width: 100%;
   border-bottom: #212121 1px solid;
}     
   
ul.list li {
   border-top: #212121 1px solid;
   padding: 6px 0 6px 15px;
   background-color: #111111;
}   
   
ol {
   font-size: 14px;
   margin-left: 20px;
   padding: 8px 0 10px 15px;
   list-style-type: decimal;
}  
   
ol li {
   padding: 5px 0;
}
   
#right-col p {
   color: #fff;
   font-size: 11px;
   margin: 10px 10px 0 10px;
   }     
   
#left-col ul, ul.bullet, #right-col ul {
   font-size: 11px;
   margin: 0 10px 0 10px;
   padding: 5px 0 10px 0;
   list-style-type: none;
   }      
   
#left-col ul li, ul.bullet li, #right-col ul li {
   padding: 1px 0 1px 12px;
   background: url(/images/arrow.gif) left 5px no-repeat;
   border: none;
   }
	 
#left-col ul li a, ul.bullet a, #right-col ul li a {
   color: #fff;
   }
	 
#left-col a:hover {
   color: #ADC82E;
   }  
  
#quote a {
  display: block;
  text-indent: -9999px;
  outline: none;
  height: 67px;
  width: 225px;
}

#newsletter p {
   font: normal 24px/28px Georgia, Verdana, serif;
   font-weight: bold;
   margin: 0;
   text-transform: uppercase;
   padding: 5px 10px 0 10px;
}

.special-promo p span.small {
   font: normal 15px/18px Georgia, Verdana, serif;
   font-weight: bold;
   text-transform: uppercase;
   color: #ADC82E;
   margin: 0;
   padding: 0;
}

.special-promo.domains {
    padding: 0 !important;
    margin: 5px 0 20px 0 !important;
} 

.special-promo.domains p {
    text-align: right;
    float: right;
    width: 135px;
    padding: 10px 10px 15px 0 !important;
    margin: 0 !important;
} 

#newsletter form {
   margin: 0;
   padding: 10px;
}

#newsletter form ul {
   margin: 0;
   padding: 0;
}

#newsletter form ul li {
   margin: 0;
   padding: 0;
   background-image: none;
}

#newsletter form ul li label {
   margin: 0;
   padding: 0;
  color: #fff;
  line-height: 22px;
  font-weight: normal;
  width: 40px;
}

#newsletter form ul li input {
  padding: 3px 0;
  margin: 0;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  background-color: #101010;
  border: 1px solid #212121;
  width: 160px;
}
   
.promo h2 {
   font: normal 14px/28px Georgia, Verdana, serif;
   color: #FFF;
   margin: 0;
   padding: 0;
   background: url(/images/promo-top.gif) top left no-repeat;
   font-style: italic;
   text-align: center;
   height: 30px;
   width: 225px;
   } 
   
#right-col .promo p {
   margin: 0;
   padding: 5px 10px 0 10px;
   }

#special-promo p {
   color: #fff;
   font-size: 11px;
   margin: 10px 10px 0 10px;
   }     
   
.bigger {
   color: #ADC82E;
   font-size: 14px;
}   
   
ul.clients {
   float: left;
   list-style-type: none;
   margin: 0;
   padding: 20px 0;
   width: 275px;
   }   
   
ul.clients li {
   padding: 4px 0 4px 12px;
   background: url(/images/arrow.gif) left 8px no-repeat;
   }
   
.rightimg {
   float: right;
   padding: 20px;
   }   
   
/* -------------------------------------- Header -------------------------------------- */ 

#header {
   margin: 0;
   padding: 0;    
   text-align: left;
   background: #000 url(/images/headerBack.gif) left top repeat-x;
   width: 100%;
   height: 140px;
   }
   
#logo {
   float: left;
   padding: 0;
   margin: 0 0 0 65px;
   width: 301px;
   height: 140px;
   background: url(/images/logo.gif) top left no-repeat;
   }

#logo a {
   display: block;
   text-indent: -9999px;
   width: 301px;
   height: 140px;
   text-decoration: none;
   outline: none;
   } 
   
#tree {
   float: right;
   padding: 0;
   margin: 26px 65px 0 0;
   width: 136px;
   height: 114px;
   background: url(/images/tree.png) top left no-repeat;
   text-indent: -9999px;
   behavior: url(/javascript/iepngfix.htc);
   }    
   
#borders {
   background: #000000 url(/images/border.gif) repeat-x left top;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 5px;
   line-height: 0;
   font-size: 0;
   }   
		 
		 
/* -------------------------------------- Container & Columns -------------------------------------- */ 
   
#container {
   margin: 0;
   padding: 0;
   text-align: left;
   width: 100%;
   } 
   
#left-col {
   float: left;
   width: 225px;
   margin: 25px 0 0 0;
   padding: 0 0 0 20px;
   } 
   
#mid-col {
   float: left;
   width: 402px;
   margin: 10px 0 0 0;
   padding: 0 0 0 50px;
   } 
   
#right-col {
   float: left;
   width: 225px;
   margin: 15px 0 0 0;
   padding: 10px 0 20px 50px;
   }
   
#full-col {
   float: left;
   width: 70%;
   margin: 0;
   padding: 0 0 20px 25px;
   }
   
   
/* -------------------------------------- Services -------------------------------------- */     
   
.service {
   background: transparent url(/images/serviceBack.gif) no-repeat left top;
   width: 205px;
   height: 205px;
   float: left;
   margin: 6px 0 0 0px;
   padding: 10px;
   }         
   
.service h2#consult {
   background: transparent url(/images/consult-icon.gif) no-repeat left top;
   height: 56px;
   }     
   
.service h2#design {
   background: transparent url(/images/design-icon.gif) no-repeat left top;
   height: 62px;
   }     
   
.service h2#seo {
   background: transparent url(/images/seo-icon.gif) no-repeat left top;
   height: 60px;
   }     
   
.service h2#domains {
   background: transparent url(/images/store-icon.gif) no-repeat left top;
   height: 61px;
   } 
   
.service h2 {
   padding-left: 75px;
   font: bold 18px/20px Georgia, Verdana, serif;
   } 
   
.service h2 a {
   color: #fff;
   } 
   
#full-col .service p {
   font-size: 12px;
   } 
   
body#services ul.list {
   width: 70%;
   float: left;
   }   
   
/* -------------------------------------- Elements -------------------------------------- */    

#intro {
  float: left;
  background: transparent url(/images/longPromoBack.gif) left top repeat-x;
  margin: 0;
  padding: 0;
  width: 225px;
  } 
  
#quote {
  float: left;
  border-bottom: 1px solid #155200;
  border-top: 1px solid #155200;
  background: transparent url(/images/quote.gif) left top no-repeat;
  height: 67px;
  width: 225px;
}
   
.promo {
   float: left;
   background: url(/images/promo-header.gif) left top no-repeat;
   width: 225px;   
   margin: 0 0 10px 0;
   }
      
.special-promo {
    float: left;
    width: 100%;
   margin: 25px 0 0 0;
   background: url(/images/promoBack.gif) top left repeat-x;
   border: 1px solid #155200;
   overflow: hidden;
   }    

.special-promo.domains {
   background: url(/images/domain-promo.gif) top left no-repeat !important;
} 
      
      
/* -------------------------------------- Forms -------------------------------------- */

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

ul.form-list { 
   float: left;
   width: 320px;
   margin: 10px 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: #ADC82E;
   width: 85px;
   margin: 2px 5px 0 0;
   font-weight: bold;
   font-size: 12px;
   }

input, select, textarea {
   width: 180px;
   padding: 2px 0;
   background-color: #101010;
   border: 1px solid #212121;
   color: #fff;
   }

.submit {
   margin: 0 0 0 212px;
   padding: 2px 4px;
   border: 1px solid #ADC82E;
   width: 60px;
   color: #fff;
   background-color: #155200;
   }
   
.hide {
   display: none;
   }

.asterisk {
   color: #CC0000;
   }   

/* -------------------------------------- Tables -------------------------------------- */  

table {
   margin: 20px 0;
   padding: 0;
   border: 0;
   width: 100%;
   }
   
thead td {
   background-color:#111111;
   border-top: 1px solid #212121;
   text-transform: uppercase;
   font-weight: bold;
   padding: 3px 6px;
   }   
   
td {
   margin: 0;
   padding: 10px 6px;
   vertical-align: top;
   border-bottom: 1px solid #212121;
   }   
   
/* -------------------------------------- Footer -------------------------------------- */   

#footer {
   width: 100%;
   float: left;
   border-top: 1px solid #155200;
   padding: 0 0 50px 0;
   margin: 30px 0 0 0;
   }
   
#footer p {
   float: left;
   width: 400px;
   padding-left: 15px;
   }
   
#footer ul {
   float: right;
   margin: 8px 0 0 0;
   padding: 0 25px 0 0;
   list-style-type: none;
   }   
   
   #footer ul li {
      float: left;
   	margin: 0;
      padding: 0 5px 0 0;
   	background-image: none;
      border: 0;
      }      
	  
      #footer ul li a {
         color: #fff;
         }
		 
         #footer ul li a:hover {
            text-decoration: underline;
            }
            
   
/* -------------------------------------- Errors -------------------------------------- */

p.red {
   color: #CC0000;
   font-weight: bold;
   }

ul.errorDetails {
   list-style-type: square;
   margin: 0;
   padding: 0 0 0 10px;
   }
   
ul.errorDetails li {
   margin: 0 0 0 10px;
   padding: 0;
   color: #CC0000;
   border: none;
   background-image: none;
   }
   
/* -------------------------------------- Administration -------------------------------------- */

body#admin #content ul {
   float: left;
   width: 250px;
   margin: 10px 20px 10px 0;
   }
   
body#admin #content ul li {
   border: 0;
   padding: 3px 0 0 10px;
   margin: 0;
   }   
   
body #admin .clients {
   margin: 10px 0 0 0;
   }   
   
dl {
   width: 100%;
   float: left;
   clear: both;
   margin: 10px 0 5px 0;
   padding: 0;
   }
   
dd {
   font-weight: bold;
   margin: 0;
   padding: 2px 20px 2px 0;
   float: left;
   width: 200px;
   border-bottom: 1px dotted #fff;
   }
   
dt {
   margin: 0;
   padding: 2px 0;
   float: left;
   width: 330px;
   border-bottom: 1px dotted #fff;
   }     
   

/* -------------------------------------- Movie -------------------------------------- */       

#slideshow {   
   margin: 15px 0 0 0;
   padding: 0;
   float: left;
   width: 402px;
   height: 252px;
   background: url(/images/movieback.jpg) left top no-repeat;
   }
   
#slideshow h2 {
   color: #fff;
   font-weight: normal;
   padding: 0 0 0 12px;
   font: normal 14px/20px Georgia, Verdana, serif;
   }   
   
#slideshow h3 {
   color: #ADC82E;
   font-weight: normal;
   padding: 10px 0 0 0;
   font: normal 14px/16px Georgia, Verdana, serif;
   }    
   
#slideshow ul {   
   padding: 10px 10px 10px 23px;
   }
   
#slideshow img {   
  float: left;
   padding: 10px 10px 0 0;
   }

.description {
   width: 180px;
   float: left;
   }
   
.description h3 {
   color: #99B828;
   font: normal 18px/22px Georgia, Verdana, serif;
   }   
   
.description p {
   color: #fff;
   font: normal 12px/14px Arial, sans-serif;
   }  
   
p.quote {
   color: #999999;
   font-style: italic;
   font-size: 10px;
   }
   
p.author {
   color: #999999;
   font-size: 10px;
   font-weight: bold;
   }
   
#extra {
  padding: 10px 15px 0 25px;
  font-size: 11px;
  line-height: 14px;
}
   
/* -------------------------------------- Tabs -------------------------------------- */        
   
#tab-container {
   margin: 30px 0 0 0;
   padding: 0;
   float: left;
   width: 402px;
   }
   
#tab-container ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   float: left;
   } 
   
#tab-container ul li {
   float: left;
   margin: 0;
   padding: 0;
   }   
   
#tab-container ul li a {
   background: url(/images/tab-off.gif) top left no-repeat;
   width: 89px;
   height: 22px;
   display: block;
   color: #fff;
   font-size: 11px;
   text-transform: uppercase;
   line-height: 22px;
   text-align: center;
   }      
   
#tab-container ul li a#on {
   background: url(/images/tab-on.gif) top left no-repeat;
    color: #000;
   } 
   
#tab-container ul li a#on:hover {
    color: #000;
   }
   
#tab-container ul li a:hover {
    color: #ADC82E;
   }
   
#tab-description {
   float: left;
   clear: left;
   width: 402px;
   border: 1px solid #155200;
   background-color: #000;
   height: 98px;
   overflow: hidden;
   }  
   
#tab-description p {
   color: #fff;
   padding: 5px 10px;
   line-height: 18px;
   }