P { color: #595959; font-size: 10pt; font-family: Verdana; font-weight: 100; background-color: transparent; line-height: 4.40mm; }
h1 { color: #FF8C00; font-size: 14pt; font-family: Arial; font-weight: 100; background-color: transparent; line-height: 4.75mm; margin-top: 0.4cm; }
h2 { color: #FF8C00; font-family: Arial; font-size: 12pt; font-weight: 100; }
h4 { color: #000000; font-size: 8pt; font-family: Verdana; font-weight: 100; background-color: transparent; line-height: 4.75mm; }
ul { color: #595959; font-size: 10pt; font-family: Verdana; font-weight: 100; background-color: transparent; line-height: 4.40mm; }
ol { color: #595959; font-size: 10pt; font-family: Verdana; font-weight: 100; background-color: transparent; line-height: 4.40mm; }

A:visited  {font-family: Verdana; font-size: 10pt; color: #FF8C00; text-decoration: underline;}
A:link  {font-family: Verdana; font-size: 10pt; color: #FF8C00; text-decoration: underline;}
A:active  {font-family: Verdana; font-size: 10pt; color: #FF8C00; text-decoration: underline;}
A:hover   {font-family: Verdana; font-size: 10pt; color: #FF8C00; text-decoration: underline;}

 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#EEF3E2; 
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color: #FFFFFF; 
} 
 
#header{
 position:relative; 
 height:150px; 
 width:100%;
} 
 
#leftcol{
 width:19%; 
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:81%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:26%; 
 float:right; 
 position:relative; 
 vertical-align: top;
 text-align: left;
 padding-top: 5px;
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:70%; 
 padding-left: 10px;
 }
 
#footer{
 height:50px; 
text-align: center;
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

ul#menu { width: 100%; height: 43px; background: #FFF url("images/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 7px -5px 43px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 10px 15px 0; }
ul#menu li a:hover { color: #FF8C00; }


a img { border: 0; }

.buttonscontainer {
width: 160px; 
background-color: #ADA8A8;
}

.buttons a {
text-decoration: none;
color: #FFFFFF;
background-color: #ADA8A8;
padding: 4px;
padding-left: 7px;
display: block;
font: 11px Verdana, sans-serif;
font-weight: none;
text-align: left;
margin-top: 0px;
}

.buttons a:hover {
text-decoration: underline;
color: #FFFFFF;
background-color: #ADA8A8;
padding: 4px;
padding-left: 7px;
display: block;
font: 11px Verdana, sans-serif;
font-weight: none;
text-align: left;
margin-top: 0px;
}

.buttons a:visited {
color: #FFFFFF;
background-color: #ADA8A8;
padding: 4px;
padding-left: 7px;
display: block;
font: 11px Verdana, sans-serif;
font-weight: none;
text-align: left;
margin-top: 0px;
text-decoration: none;
}

.doublelinks {
width: 160px; 
background-color: #ADA8A8;
height: 125px;
}
.leftlinks {

width: 50%;
text-align: left;
position: absolute;
left: 0;
}

.rightlinks {
position: absolute;
width: 50%;
right: 0;
text-align: left;
} 

.doublelinks a {
text-decoration: none;
color: #FFFFFF;
background-color: #ADA8A8;
padding: 3px;
padding-left: 7px;
padding-right: 6px;
display: inline;
font: 11px Verdana, sans-serif;
font-weight: none;
text-align: left;
margin-top: 0px;
line-height: 5mm;
}

.doublelinks a:hover {
text-decoration: underline;
color: #FFFFFF;
background-color: #ADA8A8;
padding: 3px;
padding-left: 7px;
padding-right: 6px;
display: inline;
font: 11px Verdana, sans-serif;
font-weight: none;
text-align: left;
margin-top: 0px;
line-height: 5mm;
}

.doublelinks a:visited {
text-decoration: none;
color: #FFFFFF;
background-color: #ADA8A8;
padding: 3px;
padding-left: 7px;
padding-right: 6px;
display: inline;
font: 11px Verdana, sans-serif;
font-weight: none;
text-align: left;
margin-top: 0px;
line-height: 5mm;
}

.js-kit-comments {
font: 11px Verdana, sans-serif;
background-color: #F4F3F3;
}

.counter {
display: none;
}

.header-container {
   position: relative;
   height: 100px;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position: absolute;
   right: 0;
   height: 100px;
   width: 50%;
   text-align: right; /* depends on element width */
   padding-right: 10px;
   padding-top: 5px;
   background-image: url('http://www.signcompatibility.co.uk/images/header-right.png')
   }