body.courthome,body.courtsurf,body.courtequip,body.courtlight,body.courtserv,body.courtproj,body.courtlinks{ 
  background: url("../Images/lecourts/bodyback.png");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#navimenu{
  font: 20px arial;
  width: 1000px;
  height: 35px;
  background: url("../Images/navi/default.jpg") center center repeat-x;
}

#navimenu li{
  margin-left: 3%;
  display: inline;
}

#navimenu li a{
  color: #595959;
  float: left;
  padding: 4px 11px;
  text-decoration: none;
  border-right: 2px solid white;
}
 
#navimenu li a:visited{
  color: #595959;
}
 
#navimenu li a:hover{
  color: white;
  background: url("../Images/navi/over.jpg") center center repeat-x;
}

#mainnavlist {
  margin-left: 50px;
}

body.courthome #mainnavlist li.homenav a:visited,
body.courtsurf #mainnavlist li.surfnav a:visited,
body.courtequip #mainnavlist li.equipnav a:visited,
body.courtlight #mainnavlist li.lightnav a:visited,
body.courtserv #mainnavlist li.servnav a:visited,
body.courtproj #mainnavlist li.projnav a:visited,
body.courtlinks #mainnavlist li.linknav a:visited{
  background: url("../Images/navi/over.jpg") center center repeat-x;
  color: white;
}



#subnav{
  float: left;
  width: 325px;
  padding: 5px;
  margin-left: 60px;  
}

#subnav li{
  display: inline;
  margin-right: 15px;
}

#subnav a{
  text-decoration: none;
  color: #3E6B2A;
  font-size: 14px;
  margin-left: 5px;
}

#subnav a:hover{
  text-decoration: none;
  background: url("../Images/navi/subover.jpg") center center repeat-x;
  color: #595959;
}    

.tableback{
   background: #fff;
}

.docback{
   background: transparent;
}

#contacthead{
   width: 600px;
   float:left;
}

#contacttext{
   margin-top: 10px;
   margin-left: 15px;
   margin-bottom: 0px;
   float:left;
}

#contactimg{
   margin-top: 10px;
   margin-left: 5px;
   float:left;
}


#contactbody{
   margin-left: 100px;
   border: 1px solid red;
   float:left;
}

#submitty{
   margin-left: 60px;
   margin-top: 10px;
}

body.submitback{
   background: url("../Images/lecourts/contactus/submitback.jpg")
   background-repeat: no-repeat;
}

.h1{
   font-family: arial;
   font-size: 17.5px;
   color: green;
}

.h2{
   font-family: verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: green;
}

.h3{
   font-family: verdana, Arial, Helvetica, sans-serif;
   font-size:  12px;
   line-height: 16px;
   margin: 20px 0px 15px 0px;
   color: green;
}

.h4{
   font: 17.5px arial;
   color: green;
   margin: 8px 0px 7px 10px;
}

.h5{
   text-align:center;
   font-family: Arial;
   font-size: 17.5px;
   color: green;
}

.h6{
   font-family: verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: green;
}


.h7{
   font-family: verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #595959;
}

.p1{
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #595959;
}

.p2{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #595959;
}

.p3{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding: 1px;
   font-size: 11px;
   font-weight: bold;
   color: green;
}

.p4{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #595959;
}

.p5{
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #595959;
  text-align: justify;
}

.p6{
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #595959;
}

.thumbnail img{
  border: 1px solid green;
  margin: 5px 1px 1px 0;
}

.thumbnail:hover img{
  border-style:solid;
  border-width:1px;
  border-color: #F2E96D;
}

#pageintrocontainer{
  float:left;
  width: 900px;
  margin: 15px 0px 15px 50px;
}

#pageintrotext{
  float:left;
  width: 395px; 
}

#pageintroflashimage{
  float: right;
  width: 485px;
}

#pageintroimageleft{
  float: left;
  margin: 15px 0 0 35px;
}

#homeintroimage{
  float: left;
  margin: 10px 0px 0px 0px;
}

#homecontainer{
  float:left;
  width: 900px;
  padding: 1px;
  margin: 0 0 0 50px;
}

#homecontainertext{
  float: right;
  width: 480;
}

#homecontainerimage{
  float:left;
}

#surfpagecontainer{
  float:left;
  width: 900px;
  margin: 15px 0px 15px 50px;
}

#surfintrolist{
  float: left;
  width: 300px;
  margin: 15px 0 0 40px;
}

#surfintrolist ul{  
  list-style-image: url("../images/lecourts/surfaces/listball.gif");
}


#surflogo{
  float:left;
  margin: 15px 0px 0px 60px;
}

#surfacecontfiller{
  float: left;
  width: 592px;
}

#surffillimages{
  float: right;
  width: 50%;
}

#surfaceadvert{
  float: right;
  margin-right: 72px;
  margin-top: 55px;
}

#surfacecontainer{
  float: left;
  width: 900px;
  margin: 0px 0 0 85px;
}

#surfimages{
  float: left;
  width: 33%;

}

#surftext{
  float:left;
  width: 232px;
  text-align: justify;
}

#surfdetail{
  float: right;
  padding: 1px;
  margin: 5px 0 0 0;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

#surfdetail a{
   text-decoration: none;
   color: green;
}

#surfdetail a:hover{
   text-decoration: underline;
}  

pre{
   display:block;
   font:100% "Courier New", Courier, monospace;
   padding:10px;
   border:1px solid #bae2f0;
   background:#e3f4f9;	
   margin:.5em 0;
   overflow:auto;
   width:800px;
}

img{border:none;}


#preview{
   position:absolute;
   border:1px solid green;
   background:#fff;
   padding:2px;
   display:none;
   font-family: verdana, Arial, Helvetica, sans-serif;
  text-align: center;
   font-size: 10px;
   color: black;
}


#equipnavicontainer{
}

#equipnavioption{
  float: right;
  margin-right:75px;
}

#equipnavioption a{
  text-decoration: none;
  color: #595959;
  font-size: 12px;
}

#equipnavioption a:hover{
  text-decoration: underline;
}

#equipguide{
  float: left;
  width: 810px;
  margin: 15px 0 10px 85px;
  text-align: justify;
}

#equipcontainer{
  float: left;
  width: 850px;
  margin: 15px 0 10px 75px;
}

#equipimages{
  float: left;
  width: 33%;
  margin-left: 2px;
}

#equipimages img{
  margin: 0 20px 0 5px;
}

.equipimages:hover img{
  border-style:solid;
  border-width:1px;
  border-color: yellow;
}

#equiptext{
  float:left;
  margin-left: 5px;
}

#equippncontainer{
  float: left;
  width: 900px;
  margin: 20px 0 0 50px;
}

#equippntype{
  float: left;
  margin: 0px 7px 10px 0px;
  width: 166px;
}

#equippnimages{
}

#equippnimages img{
  margin-right: 5px;
}

#equippnimages:hover img{
  border-style:solid;
  border-width:1px;
  border-color: yellow;
}

#equippntext{
  float:left;
  width: 166px;
  margin-left: 2px;
}

#lightingimage{
  float: right;
  width: 467px;
}

#lightingimage img{
  float: right;
  width: 457px;
  margin: 0px 10px 30px 0px;
}

#servicesintrocontainer{
  float:left;
  width: 900px;
  margin-left: 50px;
}

#servintrolist{
  float: left;
  width: 370px;
  margin: 15px 0 0 20px;
}

#servintrolist ul{  
  list-style-image: url("../images/lecourts/surfaces/listball.gif");
}

#servintroimage{
  float: left;
  margin: 10px 0px 0px 0px;
}

#servicescontainer{
  float: left;
  width: 900px;
  margin-left: 50px;
}

#serviceadvice{
  background: url("../Images/lecourts/services/textback.png");
  float: left;
  margin-left: 15px;
  width: 250px;	
}

#serviceinstall{
  background: url("../Images/lecourts/services/textback.png");
  float: left;
  margin-left: 40px;
  width:250px;
}

#servicemaint{
  background: url("../Images/lecourts/services/textback.png");
  float: right;
  margin-right:20px;
  width:280px;
}


#projcontainer{
  float: left;
  width: 350px;
}

#projtext{
  float:left;
  width: 350px;
}

#projlogos{
  float:left;
  width: 275px;
  margin: 25px 0px 0px 40px;
}

#projcopyrite{
  float:left;
  width: 275px;
  margin: 30px 0px 0px 68px;
  font-size: 11px;
  color: green;
  color: #595959;
}

#projlinks{
  width:380px;
  margin-top: 25px;
}

#projlinksa{
  float:left;
  width: 185px;
  margin: 5px 0 0 0;
}

#projlinksb{
  float:right;
  width: 185px;
  margin: 5px 0 0 0;
}

#projdiv{
   float: left;
   margin: 2px 0px 2px 5px;
}

#projselection{
   float: left;
   margin: 5px 0px 5px 10px;
}

#projselection a{
  text-decoration: none;
  color: #595959;
  font-size: 14px;
}

#projselection a:hover{
  text-decoration: underline;
}

#projimages{
   float: right;
   width: 500px;
   margin-right:20px;
}

.photos {
   overflow: hidden;
   width: 500px;
}

.photos div img {
   width: 500px;
   height: 300px;
   float: right;
}

.photos ul.thumbs{
   margin-left: 1px;
   padding: 10px 0px 0px 3px;
   list-style: none;
   width: 500px;
   float: left;
}

.photos ul.thumbs li{
   width: 122px;
   height: 85px;
   margin: 0 2px 4px 0px;
   padding: 0;
   float: left;
   overflow: hidden;
   position: relative;
}

.photos ul.thumbs li:hover{
   zoom: 1;
   opacity:.75;
   filter:alpha(opacity=75);
}

#linksimage{
 width: 900px;
 margin: 0 0 10px 0;
}

#surfacefiller{
  float:right;
}

#feedbackheader{
  margin-bottom: 40;
}

#feedbackcontainer{
  width: 760px;
  margin-left: 10px    
}

#testimonialclip{
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: green;
  margin-bottom: 10px;
}

#testimonialquote{
  margin: 0px 0px 50px 22px;
}

#testimonialdiv{
   float:left;
   margin: 10px 0px 20px 40px;
}

#newsheader{
  margin-bottom: 40px;
}

#newscontainer{
   width: 760px;
   margin-left: 10px;
}

#newsheadline{
  font-family: verdana, Arial, Helvetica, sans-serif;
  font: bold 12px;
  color: #595959;
  margin-bottom: 10px;
}

#newsarticle{
  margin: 0px 0px 0px 22px;
}

#newsdiv{
   float:left;
   margin: 30px 0px 30px 65px;
}

p.courtsfooter{
   background: #fff;
   text-align: centre;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   padding: 45px 0 5px 0;
   color: #38610B;
}