/* Layout Stylesheet */ 

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

#outer {
 text-align:left;
 width:800px;
 margin:auto;
 }

#header {
 height: 150px;
 background: #000000;
 color: #ffffff;
 }

#graphicbanner {
 height:40px;
 background: #111111;
 color: #666666;
 }
 
#contactbanner {
 height: 20px;
 background: #aaaaaa;
 color: #ffffff;
 padding-right: 10px;
 }
 
/*- Menu Tabs --------------------------- */
#tabstrip {
	padding-top: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height:22px;
   /* float:left;*/
    width:100%;
    background:#000;
    font-size:76%;
    line-height:normal;
    }
      
 #tabstrip ul {
	margin:0;
	padding:0px 0px 0 2px;
	list-style:none;
    }
      
 #tabstrip li {
    display:inline;
    margin:0;
    padding:0;
    }
    
 #tabstrip a {
    float:left;
    background:url("img/tableftH.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    }
    
 #tabstrip a span {
    float:left;
    display:block;
    background:url("img/tabrightH.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#CCCCCC;
    }
      
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 #tabstrip a span {float:none;}
 /* End IE5-Mac hack */
 
 #tabstrip a:hover span {
    color:#FFFFFF;
    }
    
 #tabstrip a:hover {
    background-position:0% -42px;
    }
      
 #tabstrip a:hover span {
    background-position:100% -42px;
    }
    
 #tabstrip a:hover span, #tabstrip a#activetab span {
    background-position:100% -42px;color: #FFF;
    }

 #tabstrip a:link#activetab, #tabstrip a:visited#activetab, #tabstrip a:hover {
    background-position: 0% -42px;    
    }
/*- End Menu Tabs --------------------------- */
 
#bodyblock {
 position:relative;
 background:#fdfdfd;
 color: #666666;
 width:800px;
 padding:0;
 min-height: 420px;
 }

#pagecontent1column {
 width:720px;
 color: #666666;
 text-align:left;
 padding-left: 40px;
 padding-bottom: 20px;
 padding-top: 20px;
 padding-right: 40px;
 background: url("http://www.first-in.co.uk/img/page-curl.jpg");
 background-position: top right;
 background-repeat: no-repeat;
 }
 
#leftcolumn {
 width:150px;
 float:left;
 }
 
 #leftcolumn ul {
    color: #666666;
    border-bottom: 1px solid #ccc;
    padding-left: 1px;
    border-right: 1px solid #ccc;
    margin: 0px;
    font-size: .9em;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
 #leftcolumn li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
 #leftcolumn li a:link, #leftcolumn li a:visited {
	color: #888;
	display: block;
	background: url(img/leftmenu.gif);
	padding: 8px 0 0 30px;
	}
	
 #leftcolumn li a:hover, #leftcolumn li a:active {
	color: #283A50;
	background: url(img/leftmenu.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
	
 #leftcolumn a:hover span, #leftcolumn a#activeitem span {
    color: #283A50; 
    background-position:100% -32px;color: #FFF;
    }

 #leftcolumn a:link#activeitem, #leftcolumn a:visited#activeitem, #leftcolumn a:hover {
	color: #283A50;	 
    background-position: 0% -32px;    
    }

/* -- Left side menu end -- */

#pagecontent2column {
 margin: 0px;
 width:605px;
 color: #666666;
 text-align:left;
 padding-left: 10px;
 padding-bottom: 20px;
 padding-top: 20px;
 padding-right: 30px;
 background: url("img/page-curl.jpg");
 background-position: top right;
 background-repeat: no-repeat;
 }

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

#footer a{
color: #fefefe;
}

#footer a:hover{
}


/*- 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 */