/* BODYS! */ 
		 
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #555555;

}

html{
height:100.01%;
overflow-y:scroll;
overflow: -moz-scrollbars-vertical;
} 

body {margin:0; padding:0; border:0; height:100%; background: #f5f8fa;}








/* MAINS */ 

p, h2, pre, h1 {
margin: 0px; 
padding: 8px 0px 12px 0px; 
}

h1 {
font-size:160%;
color:#19b3e5;
margin: 0px; 
padding: 0px 0px 10px 0px; 
font-weight:normal;
}

h2 {
font-size:120%;
}

h3 {
font-size:110%;
}

#bottom h2 {padding:4px 0px 10px 30px; border-bottom: 1px solid #d4d4d9; margin: 10px 20px;}

a {
	color: #5e96a8;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #19b3e5;
}
a:active {
	text-decoration: none;
	color: #8d8d8d;
}

a.other {color:#BEBDBD;}
a.other:hover {color:#FBBB3F}

.linker {
color:#0000FF;
text-decoration:underline
}

a.linker {
color:#0000FF;
text-decoration:underline
}

a.linker:hover {
	color:#CCCCCC;
	text-decoration:none;
	}

 
     ul {}
	 
 	ul {
	margin: 0px;
	padding: 0px;

}

ul li {
	padding-left: 0px;

}

.list1 {	
list-style: none;
	 text-align:left;
	padding-left: 15px;
		padding-top: 0px;
		line-height: 150%;
		display: block;
		font-size:11px;
	color:#BEBDBD;
}

.list1 li {
	padding-left: 15px;
	background: url(../images/dot.png) no-repeat left center;

}



.list1 li.on {
	padding-left: 0px;
	background: url(../images/tire.png) no-repeat left center;
}



.content {
font-size:11px;
color:#BEBDBD;
}

.titles {
font-size:11px;
color:#77A9A7;
}















/* LAYOUTS */ 

#wrapper {
padding: 20px 0px 0px 0px; width:900px; height: auto; margin: auto;
}






#header1 {
width:900px;
height: 140px;
z-index:-1;
background:none;
margin:0px auto 0px auto;
}

#top {
width:900px;
height: 55px;
z-index:-1;
border-top: 1px solid #d4d4d9;
border-left: 1px solid #d4d4d9;
border-right: 1px solid #d4d4d9;
border-bottom: 5px solid #333333;
background-color:#FFFFFF;
margin:0px auto;
}

#bottom {
width:900px;
height:auto;
z-index:-1;
border: 1px solid #d4d4d9;
background-color:#FFFFFF;
margin:0px auto;
padding: 0px 0px 10px 0px;
clear:both;

}

#content2 {padding:10px 30px; font-size: 12pt; line-height:180%;}

#images {
width:900px; background-color:#00FF66; height:auto;
}

.box0 {float:left; height:180px; width:205px; margin: 20px 10px 0px 10px; display:inline; text-align:center; }

.box1 {float:left; height:205px; width:205px; margin: 0px 10px; display:inline; text-align:center; }

.box2 {float:left; height:auto; width:28%; margin: 0px 2%; display:inline; text-align:center;}  

#logo {
float:left; width: 500px; height:95px; margin-top:32px;
}

#scroller {border-top: 1px solid #ccc; border-right: 6px solid #000; border-bottom: 1px solid #ccc; border-left: 6px solid #000; padding: 12px; background-color:#FFF; font-size:16px;}

#scroller a {color: #555;}

#scroller a:hover {color: #19b3e5;}

.mhead {color: #fa6e00; font-weight:bold;}


#vans {width:331px; height: 88px; float:right; margin:40px 0px 0px 0px;}

.gallery h3 {color: #fa6e00;}



#content {
 width:900px; margin:0px; padding:0px; background-color:#006666;
}

#contentwrapper {
width: 540px;
float:right;
}

#footer {
width: 900px; 
height: 100px; 
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 0px;
background:none;
border-top: 5px solid #333333;
clear:both;
}

#bottomspace {
width: 100%;
height: 80px;
clear:both;
}

#onimage {
height: 40px;
width: auto;
margin-left: 60px;
}

#onimage img {
padding: 0px 4px 0px 4px;
}
 
 
 #date {
width:280px;
z-index:-1;
background-color:none;
margin:20px auto 0px auto;
text-align:right;
font-size:12px;
float:left;
}

 #bookmarks {
 float:left;
 color:#ccc;
 font-size:12px;
   width: 280px;
  margin-left:10px;
    margin-top:20px;
	text-align:right;
 }

  
  #bottomtabs {
  margin: 20px;
float:left;
 color:#555;
 font-size:12px;
   width: 400px;
	text-align:center;
	width:280px;
 }
 #bottomtabs p {padding: 0px; margin: 0px}
 
 .bottomtabs {font-size:10px;}
 
   #copyright {
  margin-right: 20px;
   margin-top: 80px;
float:right;
 color:#555;
 font-size:10px;
   width: 400px;
	text-align:right;
 }
  
    #contactdetails {
  width: 670px;
  height: auto;
  text-align:left;
  margin: 0px 0px 0px 0px;
  text-align:center;
  font-size:11px;
  }

  
    #rightbox {
  width: 290px;
  height: auto;
  float:right;
    text-align:left;
  padding: 0px 20px 0px 0px;
  margin-right:0px;
  }
  
      .disclaimer {
    margin: 14px 0px 15px 22px;
	float:left;
	width: 620px;
  }
  
  .disclaimer p {
  margin:0px 0px 8px 0px;
  padding:0px;
  }
  
  
  #clear {
  clear:both;
  }
  
  
  
  
  
  
  
  
  
  
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font-family:Arial, Helvetica, sans-serif;
width: 100%;
overflow: hidden;
margin-bottom: 0em;
border-width: 1px 0;
background:none;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #333333;
padding: 18px 15px;
text-decoration: none;
text-transform:uppercase;
font-size:140%;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;
}

.solidblockmenu li a:visited{
color: #333333;
}

.solidblockmenu li a:hover {
color: #ffffff;
background-color:#333333;
}

.solidblockmenu li a.current{
color: #19b3e5;
}





  
  
  
  
  
  
  
  
  /* FORMS */ 
  
    .textbox {
  width: 338px;
  height: 65px;
  background-color:#191919;
  border: 1px solid #666;
  margin: 0px 0px 3px 0px;
  color:#999;
    font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
    padding: 0px;
  }
  
      .contentbox {
  width: 338px;
  height: 15px;
  background-color:#191919;
  border: 1px solid #666;
  margin: 0px 0px 3px 0px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
    padding: 0px;
	  color:#999;
  }
  
        .capchabox {
  width: 100px;
  height: 15px;
  background-color:#191919;
  border: 1px solid #666;
  margin: 0px 0px 3px 0px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
    padding: 0px;
	  color:#999;
	  margin-bottom: 6px;
  }
  
  .submit {
    width: 100px;
  height: 40px;
    color:#FFF;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
    background-color:#000;
  border: 1px solid #666;
  margin-top: 20px;
  padding: 10px;
  }
  
  .submit:hover {
   color:#FBBB3F;
      background-color:#19b3e5;
	  cursor:pointer;
   }
  
  #form1{
  margin: 0px;
  padding: 0px;
}  

  #form1 p{
  margin: 0px;
  padding: 0px;
}  
 








  /* image stuff  */ 

#center{ text-align:center; padding:auto auto auto auto;}
     a.linkopacity:hover img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;
	  border: 2px solid #FBBB3F;}
 
     a.linkopacity img {
     filter:alpha(opacity=80);   
     -moz-opacity: 0.8;   
     opacity: 0.8;
     -khtml-opacity: 0.8; 
	      border: 2px solid #666;
	 }

#center{ text-align:center; padding:auto auto auto auto;}
     a.linkopacity2:hover img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;
	 }
 
     a.linkopacity2 img {
     filter:alpha(opacity=70);   
     -moz-opacity: 0.7;   
     opacity: 0.7;
     -khtml-opacity: 0.7; 
	 }
	 
	 
	 label,a, body 
{
	font-family : Arial, Helvetica, sans-serif;
}
.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	color: red;
}



#services1
{
  display: block;
  width: 205px;
  height: 205px;
  background:url(../images/Radiator.png); 
  background-repeat:no-repeat;

}

#services1:hover
{ 
  background-position: 0 -205px;
}

#services1 span
{
  position: absolute;
  top: -999em;
}





#services2
{
  display: block;
  width: 205px;
  height: 205px;
  background:url(../images/Fire.png); 
  background-repeat:no-repeat;

}

#services2:hover
{ 
  background-position: 0 -205px;
}

#services2 span
{
  position: absolute;
  top: -999em;
}





#services3
{
  display: block;
  width: 205px;
  height: 205px;
  background:url(../images/Cooker.png); 
  background-repeat:no-repeat;

}

#services3:hover
{ 
  background-position: 0 -205px;
}

#services3 span
{
  position: absolute;
  top: -999em;
}


#services4
{
  display: block;
  width: 205px;
  height: 205px;
  background:url(../images/gas-safe.png); 
  background-repeat:no-repeat;

}

#services4:hover
{ 
  background-position: 0 -205px;
}

#services4 span
{
  position: absolute;
  top: -999em;
}



 
 .boxer {border: 1px solid #ccc; background-color:#E8F1FA; padding: 4px; margin: 10px 0px;  width: 335px}
  .boxer-b {border: 1px solid #ccc; background-color:#E8F1FA; padding: 4px; margin: 10px 0px;  width: 300px}
  .order {border: 1px solid #ccc; background-color:#E8F1FA; padding: 4px; margin: 10px 0px;  width: 335px}
  .boxersmall {border: 1px solid #ccc; background-color:#E8F1FA; padding: 4px; margin: 10px 0px;  width: 90px; letter-spacing:3px;}
  .cimage {border: 1px solid #ccc; width: 100px;}
 .form1 {background-color:#fff; width: 300px; text-align:left; padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#496885;}
  .title {background-color:#336699; height: 25px; padding: 10px 0px 0px 10px; width: 310px; border: 1px solid #fff; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
  .formwrap {width: 322px; height: 360px; border: 1px solid #ccc; margin:20px 30px 20px 0px; float:left;}
    .formwrap2 {width: 322px; height: 360px; border: 1px solid #ccc; margin:20px 0px; float:left;}
	
	
	#contact1 {float:right; width: 300px; }
	
	#contact2 {float:left; width: 500px; }
	
	
	#spaces h3 {margin-bottom:22px;}
	
	
.services p {margin: 5px 0px; padding: 0px;}

.gallery img {margin: 11px; border-top: 1px solid #000;  border-right: 1px solid #000;  border-bottom: 5px solid #000;  border-left: 1px solid #000;}

.gallery img:hover {border-top: 1px solid #19b3e5;  border-right: 1px solid #19b3e5;  border-bottom: 5px solid #19b3e5;  border-left: 1px solid #19b3e5; cursor:pointer;}


.contact p { margin: 0px; padding:0px;}