html {
width: 100%;
font-size: 0.9em;
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
 margin: 0;
padding: 0;
overflow-x: hidden; 
}
img {
	border:0;
}
#wrapper {
	/*border: 1px solid #999999;*/
	width: 100%;
	width: 960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin: auto;
}
#maincontent {
text-align: left;
margin: auto;
}
#maincontent p {	
}
#maincontent li {
	color: #666;

/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
#header {
  text-align: center;
  width: 100%;
  height: 100px;
  /*border-bottom: 1px solid #6699CC;*/
  background: #0A4F7C;
  margin-bottom: 10px;
  background-image: url(../images/header_bar.jpg);
  background-repeat:no-repeat;
}
#logo {
float:left;
width: 192px;
height: 63px;
margin-top: 25px;
margin-left: 30px;
background-image: url(../images/lizard_logo.jpg);
}

/* ####################### 
            TOP            */

#topnav {
	float: right;
	margin: 0;
	padding: 79px 40px 0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	/*text-shadow: #0A4F7C 0 0 0;*/
	letter-spacing: 1.6px;
	/*text-transform: lowercase;*/

	}

#topnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	font-size: 0.9em;
font-weight: 600;
	}
	
#topnav a:link, #topnav a:visited {
	float: left;
	line-height: 14px;
	margin: 0 10px 4px 10px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #FFFF00;
	border-bottom: 5px solid #668292;
	}

#topnav a.active:link, #topnav a.active:visited, #topnav a:hover {
	padding-bottom: 2px;
	color: #FFFF00;
	border-bottom: 5px solid #A4C500;
	}

/*PORTFOLIO*/
#gallery {
	width: 470px;
}
.portfolio {
width: 100px;
height: 100px;
	background: #666;
/*margin: 10 15px 0px 0;*/
padding: 1px;
float:left;
/*border:1px solid #000;*/
margin:5px;
} 
.portfolio img {
border: 1px solid #000;
}
.portfolio a:visited, .portfolio a 
{text-decoration:none; 
color:#d00; 
font-weight:bold;
}
.portfolio a:visited img, .portfolio a img
{filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
}

.portfolio a:hover {background-color:transparent; color:#06a;}
.portfolio a:hover img { filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40)
 ;

 
 -moz-opacity: 0.40; 
 opacity:0.4;
 }




.floatright
{
float: right;
width: 200px;
margin: 0px;
padding: 0px;
}

 /* PRODUCTS */ 
 .productBdr {
float: left;
width: 179px;
margin: 0;
padding: 5px;
background: #D5D5DF;
border-right: 1px solid #FFF;
height: 185px;
} 
.productNoBdr {
float: left;
width: 180px;
margin: 0;
padding: 5px;
background: #D5D5DF;
height: 185px;
} 
.productNoBdr h1, .productBdr h1 {
	padding: 10px 0px 5px 10px;
}
.productNoBdr a, .productBdr a {
	text-decoration: none;
	color: #0A4E7B;
	font-size: 0.7em;
	
}

.productNoBdr p, .productBdr p{
	font-size: .7em;
	color: #0A4E7B;
	margin-top: 5px;
	line-height:16px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}

p.readmore{
font-size: 1em;
padding-left: 9px;
color: #666666;
margin-top: 5px;
text-align:right;
margin-top: 30px;
font-weight:600;
}
.clearboth { 
clear: both; 
height: 1px;

}

#leftcol {
  float: left;
  padding: 0px 10px 0px 0px;
  width: 190px;

}
#leftcol  ul { 
margin: 0;
margin-top: 6px;
padding-left: 0;
list-style-type: none;
font-size: 0.8em;
}
#leftcol ul li { 
padding-top: 10px;
padding-right: 1px;
font-size: 0.8em;
color: #666;
letter-spacing: 0.9px;
padding: .2em;
padding-left: .5em;
text-decoration: none; 
color: #666;
}
#leftcol ul li a {
color: #666;	
}
#SpcOffer {
	padding-bottom: 20px;
	text-align:center;
}
#WrkExamp {
	
}
#WrkExamp p {
	font-size: 0.8em;
}
#WrkExamp h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size:1em;
	color: #666;	
	border-bottom: 1px solid #ccc;
}
#CustLnks h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size:1em;
	color: #666;	
	border-bottom: 1px solid #ccc;
}

#icons {
padding-bottom: 5px
}


#middle {
  top: 10px;
  margin-left: 190px;
  padding-left: 5px;
  margin-right: 0px;
}
#PromoImg {
	float: right;	
}
#middle ul {
	list-style-type: none;	
	margin-left: 1em;
}
#middle li {
	padding: 5px;
}
#middle li a{
	font-size: 1.2em;
	text-decoration: none;	
	padding: 3px 12px 3px 8px;
}
#middle li a:hover {
	text-decoration:underline;	
}
#rightfloat { 
float:right;
padding: 5px;
}
#leftfloat { 
float:left;
padding: 5px;
}
#rightcol {
  float: right;
  padding: 0px 10px 0px 10px;
  width: 175px;
}
#footer {
  background: #E5E5E5;
  padding-top: 5px;
  text-align: center;
  clear: both;
  color: #000000;
  font-size: 0.8em;
}
#footer a {
text-decoration:none;	
}
#footerleft {
float:left;	
font-size: 0.8em;
padding-left: 20px;
}

#footer img {
padding-left: 25px;	
}
/* STANDARD CSS */
table {
	border-collapse: collapse;	
}
h1 {
font-size: 1.1em;
color: #000000;
padding: 0;
padding-bottom: 10px;
margin: 0;
}
h2 {
font-size: 1em;
color: #000000;
padding: 0;
margin: 0;
}
p {
color: #666;
}
/*DIAGNOSTIC */
/*div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}*

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}

a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}

/* Contact Us Form */

#title {
	width: 330px;
	height: 26px;
	color: #5A698B;
	font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

form {
	width: 335px;
}

.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	padding-top: 5px;
	clear: both;
} 

.text-input {
	background-color: #FFFFFF;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}
#message							{ width:180px;margin:60px 0 0 100px; }
#message h2						{ font-size:150%;color: #000; }
#message p						{ color: #000;;font-weight:bold;margin:6px 0px; }
#checkmark						{ position:relative;top:-46px;left:-60px; }

/* Hosting Table */


	
	/**********************/
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#678197;
	font-weight:bold;
    text-decoration:none;
}
a.tt#free {
    position:relative;
    z-index:24;
	color: #FF0000;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

a.tt.visited {
	color:#678197;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover { 
z-index:25; 
color: #678197; 
/*background:;*/
}
a.tt#free:hover { 
z-index:25; 
color: #FF0000; 
background:;
}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 10px 0px 0px 25px;
	width:200px;
	color: #993300;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt#free:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 10px 0px 0px 25px;
	width:200px;
	color: #993300;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}
/* Server status */
#announce_iframe {
	border: none;	
}
/*SEO PAGES */
.seo {
	border: 1px dashed #999;
}
.seo h1 a{
	font-size: 0.8em;	
}
.info_box {
padding:1em;
  margin-bottom:.5em;
  border:1px solid #ccc;
  -moz-border-radius:5px;
  background:#eee;
  -moz-box-shadow:0 2px 2px #ccc;
}
/* WEB SITE FOR £199 */

#SOSticker {
	width: 132px;
	float: left;
}
#intro {
	margin-left: 150px;	
}
.red {
	color: #F00;
	font-size:1.4em;
}
.offerTbl {border:1px solid #ccc; text-align:left;}
.offerTbl th {background:#efefef; border:1px solid #ccc; text-align:left; padding:5px}
.offerTbl td { padding:5px; border: 1px dotted #ccc; text-align:left;}
.redBold {color:#FF0000; font-weight:bold}



.quote {
	padding-left: 150px;
	padding-top: 30px;
	padding-bottom: 60px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color:#036;
	
}
/*Customer Login Form */

form#CustLogin { 
	margin-top: 20px;
	 border-collapse: collapse;
	 width: 170px;
	 background-color: #E4E2CE;  
	 color: #000000;  
	 font-size: 1em;  
	 text-align: left;  
	 padding: 10px 10px 10px 10px;
}
#CustLogin .buttons {  
 font-size: 10px;  
 background-color: #333333;  
 color: #FFFFFF;  
 margin-right: 6px;  
}
#CustLogin #CustLoginHdr{
	font-size: 0.8em;
	padding-bottom: 5px;
	border-bottom: 1px solid #C90;
	margin-bottom: 10px;
}
#CustLogin .CustLoginField{
	font-size: 0.7em;
	padding: 10px 10px 0px 10px;
background: #D5D2AF;
}
#CustLogin .CustLoginBttn{
	padding: 10px 10px 10px 10px;
background: #D5D2AF;
}
#CustLogin .CustLoginRmbrme{
	font-size: 0.8em;
	padding: 10px 10px 10px 10px;
background: #CAC696;
}
#CustLogin .textBox {
width: 60px;
}
/* HOME PAGE SLIDESHOW */
#slideshow {
    position:relative;
    height:320px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:10;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* BoltOn */
table.BltOn{
		font-size: 1em;
		border-collapse:collapse;
}
table.BltOn td {
	border::none;
	text-align:left;
	padding-bottom: 40px;
}
table.BltOn mainHdr {
	font-size: 1.2em;
	color: #036;;
	padding: 0px;
	margin: 0px;
	display: inline;
	font-weight: normal;
	text-align:left;
}
table.BltOn SubHdr {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	display: inline;
	text-align:left;
	color: #F00;
	}
	
table.BltOn p {
	padding: 0px;
	margin: 0px;
	text-align:left;
	}
	
	
/* ################ SIGN UP FORM ###################### */
form#SgnUp {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}
form#SgnUp fieldset {
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}
form#SgnUp fieldset legend {
  font-size: 1.4em;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}
form#SgnUp div {
  clear: left;
  display: block;
  width: 354px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form#SgnUp fieldset div.notes {
  float: right;
  width: 167px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 0.8em;
}

form#SgnUp fieldset div.notes h4 {
  padding: 3px 0 3px 5px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
}

form#SgnUp fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form#SgnUp fieldset div.notes p.last {
  margin: 0em;
}

form#SgnUp div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form#SgnUp div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form#SgnUp div.required fieldset legend {
  font-weight: bold;
}

form#SgnUp div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form#SgnUp div.optional label, label.optional {
  font-weight: normal;
}

form#SgnUp div.required label, label.required {
  font-weight: bold;
}

form#SgnUp div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form#SgnUp div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form#SgnUp div img {
  float: left;
  border: 1px solid #000000;
  margin: 0 0 5px 0;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form#SgnUp div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form#SgnUp div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form#SgnUp div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form#SgnUp div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form#SgnUp .submit {
	height: 29px;
	width: 60px;
	background: #666;
	color: #FFF;
	padding-top: 5px;
	margin-left: 250px;
	clear: both;
	font-weight: 600;
} 

form#SgnUp div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}
#ClientsMap_info {
	margin-top: 400px;	
}
#ClientsMap {
	width: 760px;
}
.GgleImg {
	width: 100px;
	border: 1px solid #333;	
}