body{
margin:0;
padding:0;
font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 90%;
background: url(img/bg-grad.png);
background-repeat: repeat-x;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #000000;
height: 181px; /*Height of top section*/
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#topsection2{
background: #aAaAaA;
height: 20px; /*Height of top section*/
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
color: #ffffff;
border-bottom: 1px solid black;
}

#topsection3{
height: 30px; /*Height of top section*/
}

#topsection4{ /*Image banner*/
height: 119px;
}

#contentwrapper{
float: left;
min-height: 400px; 
/*height: auto !important;  /* IE6 hack */
/*height: 400px;  /* IE6 hack */
width: 100%;
background: #ffffff;

}

#content1column{
margin-left: 30px; /*Set left margin to LeftColumnWidth*/
padding-bottom: 20px;
padding-top: 1px;
padding-right: 30px;
color: #666666;
font-size: 90%;
text-align: justify;
background: url("http://www.first-in.co.uk/img/page-curl.jpg");
background-position: top right;
background-repeat: no-repeat;
}

#left1column{
float: left;
width: 30px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
padding-top: 20px;
padding-left: 5px;
}


#content2column{
margin-left: 400px; /*Set left margin to LeftColumnWidth*/
padding-bottom: 20px;
padding-top: 1px;
padding-right: 30px;
padding-left: 30px;
color: #666666;
background: url(img/page-curl.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#left2column{
float: left;
width: 400px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
padding-top: 20px;
padding-left: 30px;
color: #666666;
}

#footer{
clear: left;
width: 830px;
height: 18px;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left:10px;
color: #fefefe;
font-size: 83%;
background: url(img/footer-bg.png);
background-repeat: repeat-x;
}

#footer a{
color: #fefefe;
}

#footer a:hover{
border-top: 1px solid #ffffff;
/*border-bottom: 1px solid #ffffff;*/
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*- Testimonials CSS  --------------------------- */
.testimony {    
width:550px;
background-image: url(img/quotes2.gif);
background-repeat: no-repeat;
background-position: -180px top;
margin:0 auto;
position:relative;
}  

.testimonial {
width:350px;
padding:30px 100px;
background-image: url(img/quotes2.gif);
background-repeat: no-repeat;
background-position: 450px bottom;
font-size:9pt;
color:#787878;
font-style:italic;
position:relative;
}

.testament {
color: #444444;
font-size: 102%;
padding-left:20px;
} /*style this differently for whoever the quote is attributed to*/

/*- End Testimonials CSS  --------------------------- */


/*- Director Statement CSS  --------------------------- */
.statement {    
width:700px;
background-image: url(img/quotes2.gif);
background-repeat: no-repeat;
background-position: -180px top;
margin:0 auto;
position:relative;
}  

.statement2 {
width:500px;
padding:30px 100px;
background-image: url(img/quotes2.gif);
background-repeat: no-repeat;
background-position: 600px bottom;
font-size:12pt;
color:#787878;
font-style:italic;
position:relative;
}

.signature {
padding-left:400px;
} /*style this differently for whoever the quote is attributed to*/

/*- End Director Statement CSS  --------------------------- */

/*- Contact table without using tables --------------------------- */

.cssform p{
width: 550px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 300px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* End CSSForm */


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

	}
a:active {

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

ul.square {list-style-type: square;}
       

/*- Menu Tabs 6--------------------------- */
img {
border: none;
}
    #tabs6 {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      float:left;
      width:100%;
      background:#ffffff;
      font-size:90%;
      line-height:normal;
          border-bottom:1px solid #666;
      }
    #tabs6 ul {
          margin:0;
          padding:2px 10px 0 1px;
          list-style:none;
      }
    #tabs6 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url("img/tableft6.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url("img/tabright6.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs6 a:hover span {
      color:#FFF;
      }
    #tabs6 a:hover {
      background-position:0% -42px;
      }
    #tabs6 a:hover span {
      background-position:100% -42px;
      }

      #tabs6 #current a {
              background-position:0% -42px;
      }
      #tabs6 #current a span {
              background-position:100% -42px;
      }
      
      #tabs6 a:hover span, #tabs6 a#activetab span {
	          background-position:100% -42px;color: #FFF;
	  }

	  #tabs6 a:link#activetab, #tabs6 a:visited#activetab, #tabs6 a:hover {
		      background-position: 0% -42px;
	  }
      
      %7D%0D%0A%0D%0A%09%20%20%23tabs6%20a%3Alink%23activetab%2C%20%23tabs6%20a%3Avisited%23activetab%2C%20%23tabs6%20a%3Ahover%20%7B%0D%0A%09%09%20%20%20%20%20%20background-position%3A%200%25%20-42px%3B%0D%0A%09%20%20%7D%0D%0A%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20"));
//-->
</script>