/*** BASICS ***/

html { height: 100%;  margin-bottom: 1px; }
html * { padding: 0; margin: 0; }

body {
text-align: center;
background: #56585a url(images/top_bg.jpg) repeat-x;
padding: 20px 0px 40px 0px;
font-size: 62.5%;
}

#everything {
text-align: left;
margin: 0 auto;
width: 720px;
font-family: "Trebuchet MS", Arial, sans-serif;
}

a:link,
a:visited,
a:active {
outline: none;
color: #689000;
}

a:hover {
color: #76B900;
}

/*** HEADER ***/

#header {
height: 72px;
position: relative;
border-bottom: 6px solid #b3d81d;
}
#logo {
position: absolute;
top: 33px; left: 547px; 
width: 180px; height: 25px;
list-style-type: none; 
background: #3b3f43 url(images/logo.gif) no-repeat;
}
#logo a {
    display: block;
    width: 180px;
    height: 25px;
    text-decoration: none;
    text-indent: -4040px;
    }
	
/*** MAIN MENU ***/

ul#mainmenu {
position: absolute;
top: 29px; left: 0px; 
width: 393px; height: 30px;
list-style-type: none; 
background: #3b3f43 url(images/menu.gif) no-repeat;
}

  ul#mainmenu li {
  display: block; 
  position: absolute;
  top: 0px;
  }

    ul#mainmenu li a { 
    display: block; 
    height: 30px;     
    text-decoration: none; 
    text-indent: -4040px;
    }
    
    ul#mainmenu a.current { cursor: default; }
    
    ul#mainmenu li { width: 90px; }
    ul#mainmenu li a { background: #3b3f43 url(images/menu.gif) no-repeat; }
    
    ul#mainmenu li#nav_home           { width: 52px; left: 0px; }
    ul#mainmenu li#nav_home           { background-position: -0px  -0px; }
    ul#mainmenu li#nav_home a:hover   { background-position: -0px -30px; }
    ul#mainmenu li#nav_home a.current { background-position: -0px -60px; }
    
    ul#mainmenu li#nav_about           { width: 67px; left: 52px; }
    ul#mainmenu li#nav_about a         { background-position: -52px  -0px; }
    ul#mainmenu li#nav_about a:hover   { background-position: -52px -30px; }
    ul#mainmenu li#nav_about a.current { background-position: -52px -60px; }
    
    ul#mainmenu li#nav_portfolio           { width: 96px; left: 119px; }
    ul#mainmenu li#nav_portfolio a         { background-position: -119px  -0px; }
    ul#mainmenu li#nav_portfolio a:hover   { background-position: -119px -30px; }
    ul#mainmenu li#nav_portfolio a.current { background-position: -119px -60px; }
    
    ul#mainmenu li#nav_services           { width: 86px; left: 215px; }
    ul#mainmenu li#nav_services a         { background-position: -215px  -0px; }
    ul#mainmenu li#nav_services a:hover   { background-position: -215px -30px; }
    ul#mainmenu li#nav_services a.current { background-position: -215px -60px; }  
    
    ul#mainmenu li#nav_contact           { width: 92px; left: 301px; }
    ul#mainmenu li#nav_contact a         { background-position: -301px  -0px; }
    ul#mainmenu li#nav_contact a:hover   { background-position: -301px -30px; }
    ul#mainmenu li#nav_contact a.current { background-position: -301px -60px; } 
	
	

/*** HOME PAGE ***/

div.maincontent {

background-color:#FFFFFF;
}

div#mainpromo {
height: 310px;
background-color:#FFFFFF;
margin: 0;
padding: 0;
}    

  div#mainpromo p {
  text-indent: -4040px;
	margin: 0; padding: 0;
	display: none;
	background: #FFFFFF url(images/home/court.jpg) no-repeat;
	background-position:top;
  }
  
  div#mainpromo p.moreinfo {
  text-indent: 0px;
  display: block;
  }
  
  div#mainpromo p.moreinfo a {
  display: block;
  height: 310px;
  text-indent: -4040px;
  text-decoration: none;
	margin: 0; padding: 0;  
  }
  


/*** SUBMENU ***/

div.submenu {
height: 80px;
border-bottom: 4px solid #7b7b7b;
}


  div.aboutmenu    { background: transparent url(images/pagetrim/04.jpg) no-repeat; }
  div.portfoliomenu { background: transparent url(images/pagetrim/03.jpg) no-repeat; }
  div.contactmenu     { background: transparent url(images/pagetrim/02.jpg) no-repeat; }
  div.servicesmenu  { background: transparent url(images/pagetrim/01.jpg) no-repeat; }
      

  div.submenu ul {
  font-size: 1.4em;
  background: transparent url(images/mesh.gif);  
  list-style-type: none;
  padding: 6px 6px;
  text-align: left;
  }
  
    div.submenu ul li {
    display: inline;
    margin-left: 10px;
    }
    
    div.submenu ul li a:link,
    div.submenu ul li a:visited,
    div.submenu ul li a:active {
    color: #ffffff;
    }
    
    div.submenu ul li a:hover {
    color: #bfe10e;
    }
    
    div.submenu ul li a.current {
    color: #bfe10e;
    text-decoration: none;
    cursor: text;
    }    
    
/*** BODY TEXT ***/

div#bodytext {
background-color: #ffffff;
color: #444;
padding: 0 0 20px 0;
}

    div#bodytext a:link,
    div#bodytext a:visited,
    div#bodytext a:active {
    text-decoration: none;
    color: #689000;
    }
      
    div#bodytext a:hover {
    
    }

  div#bodytext strong {
  color: #555;
  }
  
    div#bodytext strong.highlight {
    font-weight: normal;
    background-color: #ffffbb;
    color: #444;
    }  
    
    div#bodytext strong.subtle {
    font-weight: normal;
    color: #111;
    }

  div#bodytext h2 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/home_title.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
  div#bodytext h2 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
    }
  
  div#part two h3 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/about_title.gif) no-repeat;
  margin: 20px 0 20px 40px;
  font-size:5px;
  }
  
   div#bodytext h3 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/keyservices_title.gif) no-repeat;
  margin: 20px 0 20px 40px;
  font-size:5px;
  }
  
  div#bodytext h3 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
	 
    }
  
  div#bodytext h4 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_title.gif) no-repeat;
  margin: 20px 0 20px 40px;
  font-size:5px;
  }
  
  div#bodytext h4 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
	 
    }
  
 div#bodytext h5 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/about_title.gif) no-repeat;
   margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
  div#bodytext h5 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
    }
	div#bodytext h6 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/services_title.gif) no-repeat;
   margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
  div#bodytext h6 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
    }
	div#bodytext_services h3 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/keyservices_title.gif) no-repeat;
  margin: 20px 0 20px 40px;
  font-size:5px;
  }
  
  div#bodytext_services h3 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
	 
    }
	
	div#bodytext_services h4 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/strategies_title.gif) no-repeat;
  margin: 20px 0 20px 40px;
  font-size:5px;
  }
  
  div#bodytext_services h4 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
	 
    }
	
	div#bodytext_services h6 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/services_title.gif) no-repeat;
   margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
  div#bodytext_services h6 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
    }
	
	div#bodytext_services h5 {
 font-size: 1.40em;
  margin: 0px 20px 0px 20px;
  padding: 0em 0em 1em 0em;
  line-height:1.7em;
  }
  
 
	
	div#bodytext_services {
background-color: #ffffff;
color: #444;
padding: 0 0 20px 0;
}
	div#bodytext_services p {
  font-size: 1.40em;
  margin: 0px 20px 0px 20px;
  padding: 0em 0em 1em 0em;
  line-height:1.5em;
  
   }
   
   div#bodytext_contact {
background-color: #ffffff;
color: #444;
padding: 0 0 20px 0;
}
   
   div#bodytext_contact p {
  font-size: 1.40em;
  margin: 0px 20px 0px 20px;
  padding: 0em 0em 1em 0em;
  line-height:1.5em;
   }

 
  div#bodytext p {
  font-size: 1.40em;
  margin: 0px 20px 0px 20px;
  padding: 0em 0em 1em 0em;
  line-height:1.5em;
   }
   
    div#bodytext_services ul {
  margin: 0px 40px 0px 60px;
  padding: 0 0 1em 0;
  font-size: 1.5em;
  }
  
    div#bodytext_services ul li {
    padding: 0px 0px 3px 15px;
    }
	
	 div#bodytext_contact h1 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/contact_title.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
  div#bodytext_contact h1 a {
    display: block;
    width: 272px;
    height: 21px;
    text-decoration: none;
    text-indent: -4040px;
	font-size:5px;
    }
	
	div#portfolio1 {
background-color: #ffffff;
color: #444;
padding: 0 0 20px 0;
}
	div#portfolio1 p {
  font-size: 1.40em;
  margin: 0px 20px 0px 20px;
  padding: 0em 0em 1em 0em;
  line-height:1.5em;
  
   }
   
  div#portfolio1 h1 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_whites.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
   div#portfolio1 h2 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_power.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
  div#portfolio1 h3 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_sandbanks.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
  div#portfolio1 h4 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_bmthlib.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
   div#portfolio1 h5 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_millers.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
   div#portfolio1 h6 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_courtvisual.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
  div#portfolio2 {
background-color: #ffffff;
color: #444;
padding: 0 0 20px 0;
}
	div#portfolio2 p {
  font-size: 1.40em;
  margin: 0px 20px 0px 20px;
  padding: 0em 0em 1em 0em;
  line-height:1.5em;
  
   }
   
  div#portfolio2 h1 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_courtvisual.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
  
   div#portfolio2 h3 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_youth.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
   div#portfolio2 h4 {
  width: 272px;
  height: 21px;
  background: #ffffff url(images/portfolio_countyconcept1.gif) no-repeat;
 margin: 20px 0 20px 20px;
  font-size:5px;
  }
   
    /* Hides from IE-mac \*/
    * html div.double {height: 1%;}
    div.double {display: block;}
    /* End hide from IE-mac */
    
    div.double div.part {
    width: 340px;
    }      
    
      div.double div.one {
      float: left;
      }
    
      div.double div.two {
      float: right;
      }
	  
	  

      /*** PORTFOLIO ***/

#bodytext ul.thumbs {
margin: 0 0 0 20px;
padding: 0 0 0 0;
list-style-type: none;
display: inline-table;
width: 636px;
margin: 0 auto;
}

#bodytext ul.thumbs:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/*** OTHER BOXEN ***/

    
p.promo {
padding: 6px 20px 6px 20px;
background-color: #517000;
color: #d7eaa3;
margin: 0 0 0 0;
font-size: 1.3em;
clear: both;
}

  p.promo a:link,
  p.promo a:visited,
  p.promo a:active {
  text-decoration: none;
  padding: 6px 5px 4px 20px;
  color: #d7eaa3;
  }
    
  p.promo a:hover {
  color: #ffffff;
  background: transparent;
  }
  

/*** FORM ***/

div#bodytext_contact form {
font-size: 1.4em;
margin: 0px 20px 0px 20px;
padding: 0em 0em 1em 0em;
}

  div#bodytext_contact form label span {
  display: block;
  margin-top: 1em;
  }
  
  div#bodytext_contact form label input,
  div#bodytext_contact form label textarea {
  font-size: 1.1em;
  padding: 3px;
  width: 400px;
  }
  
  div#bodytext_contact form.contact label textarea {
  font-family: "Trebuchet MS", Arial;
  font-size: 1.0em;
  height: 200px;
  }
  
  div#bodytext_contact form div.submit input {
  margin-top: 0;
  font-size: 1.1em;
  padding: 3px;
  }

/*** FOOTER ***/

div#footer {
border-top: 6px solid #b3d81d;
font-size: 1.2em;
color: #8a8a8a;
padding: 6px 0px 4px 20px;
}

  div#footer a:link,
  div#footer a:active,
  div#footer a:visited {
  color: #8a8a8a;
  }
  
  div#footer a:hover {
  color: #ffffff;
  }
  


/* Hides from IE-mac \*/
* html #bodytext ul.thumbs {height: 1%;}
#bodytext ul.thumbs {display: block;}
/* End hide from IE-mac */

  #bodytext ul.thumbs li {
  padding: 0 0 0 0;
  margin: 0px 0px 0px 0px;
  width: 210px;
  height: 150px;
  background-color: #689000;  
  float: left;
  border: 1px solid black  
  }
  
    #bodytext ul.thumbs li a {
    display: block;
    height: 150px;
    width: 210px;
    text-indent: -4040px;
    background-repeat: no-repeat;
    background-color: transparent;
    text-decoration: none;
    border: none;
    }
    
    #bodytext ul.thumbs li a:link,
		#bodytext ul.thumbs li a:visited,
		#bodytext ul.thumbs li a:active,
		#bodytext ul.thumbs li a:hover {
		text-decoration: none;
		border: none;
		}    
    
    #bodytext ul.thumbs li a:hover {
    background-position: 0px -150px;
    }
    
    #bodytext ul.thumbs li.fsparchitects a   { background-image: url(images/portfolio/01.jpg); } 
	#bodytext ul.thumbs li.whiteswarehouse a   { background-image: url(images/portfolio/02.jpg); } 
    #bodytext ul.thumbs li.sandbanks a   { background-image: url(images/portfolio/03.jpg); } 
	 #bodytext ul.thumbs li.bournemouthlib a   { background-image: url(images/portfolio/04.jpg); }
	 #bodytext ul.thumbs li.millers a   { background-image: url(images/portfolio/05.jpg); }  
	  #bodytext ul.thumbs li.multicourt a   { background-image: url(images/portfolio/06.jpg); }  
	   #bodytext ul.thumbs li.court a   { background-image: url(images/portfolio/07.jpg); }  
	     #bodytext ul.thumbs li.court2 a   { background-image: url(images/portfolio/08.jpg); }  
		 #bodytext ul.thumbs li.shelter a   { background-image: url(images/portfolio/09.jpg); } 
		 #bodytext ul.thumbs li.countyspig a   { background-image: url(images/portfolio/10.jpg); }
		 #bodytext ul.thumbs li.countysbear a   { background-image: url(images/portfolio/11.jpg); }     
		 #bodytext ul.thumbs li.countysdipper a   { background-image: url(images/portfolio/12.jpg); } 
		 #bodytext ul.thumbs li.cocoa a   { background-image: url(images/portfolio/13.jpg); }   
		  #bodytext ul.thumbs li.atrium a   { background-image: url(images/portfolio/14.jpg); } 
		   #bodytext ul.thumbs li.truss a   { background-image: url(images/portfolio/15.jpg); }     


div#bodytext p.portfolio_image {
text-align: left;
}    
    
div#bodytext p.portfolio_image img {
border: 1px solid black;
}