body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%; 
   background: #FFF08D url(../pix/layout/bkg.gif) repeat;
   }

* { 
   margin: 0px;
   padding: 0px; 
   }   
   
a:link { 
   color: #9BAA3A; 
   font-weight: bold; 
   text-decoration: none;
   border-bottom: 1px dotted #9BAA3A;
   }
   
a:visited { 
   color: #9BAA3A;
   font-weight: bold; 
   text-decoration: none; 
   border-bottom: 1px dotted #9BAA3A;
   }
   
a:hover { 
   color: #AA4924;
   font-weight: bold; 
   text-decoration: none; 
   }
    
.clearfloats { 
   clear: both; 
   }
       
#footer_left {
   font-size: .6em;
   margin: 5px 0 6px 25px;
   text-align: left;
   float: left;
   } 
   
#footer_right {
   font-size: .6em;
   margin: 5px 25px 6px 0;
   text-align: right;
   float: right;
   }   
   
#footer_right span {
   font-size: 1.7em;
   font-weight: bold;
   }
   
p {
   color: #000000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   margin: 0 20px .8em 10px;
   }

img {
   border: 0;
   }   
   
sup {
   font-size: .7em;
   vertical-align: 80%;
   line-height: 1em;
   }   

/***********
HEADERS
**********/  
     
h1 {
   color: #000;
   font-size: 1.2em;
   font-weight: normal;
   margin: 8px 0px 10px 10px;
   width: 450px;
   border-bottom: 1px solid #000;
   }   
     
h2 {
   color: #000;
   font-size: .9em;
   font-weight: bold;
   margin: 15px 0 0 10px;
   }   
   
.tennis {
   color: #9BAA3A;
   }      
   
.basketball {
   color: #AA4924;
   } 
   
.fences {
   color: #535AA7;
   }     
   
.guardrails {
   color: #666;
   }   
   
/**************
CONTAINERS
**************/
   
#page_container {
   margin-right: auto;
   margin-left: auto;
   margin-top: 6px;
   width: 800px;
   }   
   
#header {
   width: 750px;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   background: #fff;
   margin-right: auto;
   margin-left: auto;
   }   
    
#header img {
   margin: 10px 50px 0 16px;
   border: 0;
   float: left;
   }    
    
/*************
NAVIGATION
*************/

#top_nav {
   float: right;
   margin: 0 50px 3px 0;
   }           
   
#top_nav a {
   color: #000;
   text-decoration: none;
   font-size: .8em;
   border: 0;
   }   
      
#nav_tennis a, #nav_basketball a, #nav_fences a, #nav_guardrails a {
   text-transform: uppercase;
   font-weight: bold;
   border-left: 1px solid #000;
   border-bottom: 0;
   height: 50px;
   width: 125px;
   float: left;
   color: #000;   
   padding: 60px 0 0 6px;
   font-size: 16px;
   }      
      
#nav_tennis a {
   background: #CBCE3C url(../pix/layout/nav_tennis.gif) repeat-x 0 0;
   }   
 
#nav_tennis a:hover {
   background: #E5E545 url(../pix/layout/nav_tennis_mo.gif) repeat-x 0 0;
   }    
   
#nav_basketball a {
   background: #CE742F url(../pix/layout/nav_basketball.gif) repeat-x 0 0;
   }   
   
#nav_basketball a:hover {
   background: #FF8C3E url(../pix/layout/nav_basketball_mo.gif) repeat-x 0 0;
   }   
   
#nav_fences a {
   background: #5D85C3 url(../pix/layout/nav_fences.gif) repeat-x 0 0;
   padding-top: 77px;
   height: 33px;
   }
   
#nav_fences a:hover {
   background: #7BB1FF url(../pix/layout/nav_fences_mo.gif) repeat-x 0 0;
   padding-top: 77px;
   height: 33px;
   }   
   
#nav_guardrails a {
   background: #B2B2B2 url(../pix/layout/nav_guardrails.gif) repeat-x 0 0;
   padding-top: 77px;
   height: 33px;
   }   
   
#nav_guardrails a:hover {
   background: #E5E5E5 url(../pix/layout/nav_guardrails_mo.gif) repeat-x 0 0;
   padding-top: 77px;
   height: 33px;
   } 
   
/*************
INDEX PAGE
************/

#index_flash {
   border: 1px solid #000;
   width: 800px;
   height: 240px;
   margin-right: auto;
   margin-left: auto;
   }   

#index_btm {
   width: 750px;
   background: #fff;
   margin-right: auto;
   margin-left: auto;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   border-bottom: 1px solid #000;
   }      
         
.index_welcome {
   margin: 0px 10px 0 10px;
   padding-top: 10px;
   }         
         
.index_tennis, .index_basketball {
   width: 350px;
   height: 260px;
   margin: 5px 0 20px 15px;
   float: left;
   border: 1px solid #000;
   font-size: .9em;
   }

.index_tennis h1, .index_basketball h1 {
   width: 330px;
   border-bottom: 1px solid #000;
   padding: 6px 0 4px 20px;
   margin: 0 0 8px 0;
   }
   
.index_tennis h1 a, .index_basketball h1 a {
   text-transform: uppercase;
   font-size: 15px;
   font-weight: bold;
   color: #000;
   border-bottom: 0;
   }   
   
.index_tennis {
   background: #CBCE3C;
   }
   
.index_basketball {
   background: #CE742F;
   }   

.link {
   font-weight: bold;
   font-style: italic;
   text-align: right;
   }    
   
.link a {
   color: #000;
   border-bottom: 1px dotted #000;
   }   
   
sub {
   font-size: .7em;
   vertical-align: 20%;
   }          
           
.index_pix {
   width: 50px;
   margin: 6px 10px 0 10px;
   float: left;
   }    
   
.index_pix img {
   margin-bottom: 8px;
   }      
   
.index_pix a {
   border: 0;
   }   
   
/*************
OTHER PAGES
*************/

#content {
   width: 750px;
   background: #fff;
   border: 1px solid #000;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
   padding-top: 12px;
   }   
   
.pix {
   width: 250px;
   margin: 8px 15px 0 15px;
   float: left;
   }   
   
.pix img {
   border: 0;
   margin-bottom: 10px;
   }   
   
#content p {
   margin-left: 290px;  
   }      
   
#content h1, #content h2 {
   margin-left: 280px;
   }   
   
/*************
PROJECTS PAGE
*************/

#content_proj {
   width: 730px;
   background: #fff;
   border: 1px solid #000;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
   padding-top: 12px;
   padding-left: 20px;
   }   

#content_proj img {
   margin: 6px 0 0 105px;
   }
   
           
/*************
CONTACT PAGE
*************/

#contactform {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   width: 360px;
   margin: 0 0 0 300px;
   color: #000;
   }
   
.formitem {
   margin-top: 20px;
   }   
   
.formitem label {
   color: #000000;
   width: 350px;
   }   
   
.submit { 
   margin: 10px 0 10px 0;
   border: 0;
   }
                     
.disclaimer { 
   font-size: .9em;
   font-style: italic; 
   margin-bottom: 10px;
   }   
   
   
/****************
STORE PAGE
****************/

#content_store {
   width: 730px;
   background: #fff;
   border: 1px solid #000;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
   padding: 12px 0px 20px 20px;
   }
   
#content_store img {
   float: left;
   margin: 10px 10px 10px 0;
   }   
   
#content_store ul {
   margin: 3px 0 3px 280px;
   font-size: .8em;
   }   
   
#content_store hr {
   width: 700px;
   color: #ccc;
   margin: 10px 0 10px 5px;
   }