*{ margin:0; padding:0;}

h2{
 font-family:tahoma, arial, 	"Helvetica Neue","Trebuchet MS",sans-serif;
 font-size:	28px;
 font-weight:	normal;
 font-style:normal;
 color:	#7F0D0A;
 padding:2px;
 letter-spacing:-1px;
 padding:0;
 margin:0 0 20px 0;
}

h2 span{font-size:.8em;}

h3{
 font-size:1.2em;
 padding:20px 0 0 0;
}

h4{padding-top:10px; font-size:1em;}

p{ padding:10px 0 0 0;}

#content p, #content ul, #right-column p, table{
 font-size:1.2em;
 color:#717171;
 line-height:1.8em;
}

#right-column p{padding:0 10px;}

a{
 color:#7F0D0A;
 border-bottom:1px dotted;
 text-decoration:none;
}

a:hover{color:#FD1914;}

a img{border:0;}

h1 a, h1 a:hover{border:0;}

ul{ padding:20px 0 0 30px;}

ul li{ margin-bottom:10px;}

ul.service{width:141px;float:left;}

body{
 margin:0;
 padding:0;
 background:#3b3b3b url('../img/main-bg.jpg') repeat-x top center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 62%;
 color:#000;
}


#mastheadwrapper{
 width:100%;
 height:146px;
 background:#3b3b3b;
}


#masthead{
 position:absolute;
 width:804px;
 left:50%;
 margin:0 auto;
 margin-left:-402px;
 padding:0;
 height:146px;
}

#masthead h1{
 float:left;
}

p#skiplinks{
 width:255px;
 height:21px;
 background:url('../img/skiplinks-bg.gif') no-repeat ;
 padding:9px 0;
 margin:0 0 15px 0;
 float:right;
 font-size:1.1em;
 text-align:center;
 color:#7d7d7d;
}

p#skiplinks a{
 color:#7d7d7d;
 text-decoration:none;
} 

p#skiplinks a:hover{
 color:#000;
 border-bottom:1px dotted;
}

#masthead #strapline{ float:right;}

#masthead #phone-number{
 float:left;
 clear:left;
 margin:9px 0 0 10px;
}

#mainwrapper{
 background:#fff url('../img/main-bg.gif') repeat top center;
 width:100%;

}

#contentwrapper{
 position:relative;
 width:804px;
 left:50%;
 margin:0 auto;
 margin-left:-402px;
 padding:0;
}


#content{
 width:516px;
 float:left;
 padding:20px 30px 10px 20px
}

#right-column{
 width:234px;
 float:left;
 padding: 25px 0 0 0;
}

#navigation h3{
 width:195px;
 height:20px;
 padding:8px 0 0 10px ;
 margin:0;
 background:url('../img/h3-bg.gif') no-repeat;
 font-size:1.1em;
 font-weight:bold;
 color:#fff;
}

#bottom{
 clear:left;
 width:764px;
 padding:0 20px;
}

#footerwrapper{
 width:100%;
 height:175px;
 border-top:1px solid #7c7774;
}

#footer{
 position:relative;
 width:754px;
 left:50%;
 margin:0 auto;
 margin-left:-402px;
 height:145px;
 padding:30px 0 0 20px;
 font-size:1em;
 line-height:1.6em;
 color:#6E6E6E;
}

#footer a{
 color:#aaa;
 border-bottom:1px dotted;
}

#footer a:hover{color:#fff;}

#footer #constrata{
 float:left;
 padding-top:31px;
 background:url('../img/footer-logo.gif') no-repeat top left;
}

#footer #vitalnerve{
 padding-top:28px;
 background:url('../img/vital-nerve.gif') no-repeat top right;
 float:right;
 text-align:right;
}


/****** Navigation *********/

#navigation ul{
 margin:0 0 30px 0;
 padding:0;
 list-style:none;
 font-family:tahoma;
 border-top:1px solid #d3d1d1;
 width:205px;
}

#navigation ul li{margin:0;}

#navigation ul li a {
 display: block;
 padding: 9px 0px 5px 15px;
 margin:0;
 font-size:1.1em;
 line-height:20px;
 color: #717171;
 border-bottom:1px solid #d3d1d1;
 text-decoration: none;
 width:190px ;
 height:23px;
}

#navigation ul li a.homea{ background:url('../img/arrow1.gif') no-repeat top center;}

#navigation ul li a:hover { 
 background:#7E7E7E;
 color:#fff;
}

#navigation ul li a.homea:hover { background:#7E7E7E url('../img/arrow2.gif') no-repeat top center;} 

#home .homea, #about .abouta, #flooring .flooringa, #manufacturing .manufacturinga, #products .productsa, 
#refurbishment .refurbishmenta, #services .servicesa, #casestudies .casestudiesa, #projects .projectsa, 
#environmental .environmentala, #contact .contacta, #obsolete-systems .obsoletea{
 background:#7E7E7E;
 color:#fff;
}

#home #navigation ul li a.homea{background:#7E7E7E url('../img/arrow2.gif') no-repeat top center;}

/*******   Misc Styles   ********/

.clear{
 width:100%;
 height:1px;
 line-height:1px;
 font-size:1px;
 clear:both;
}

.clearleft{
 width:100%;
 height:1px;
 line-height:1px;
 font-size:1px;
 clear:left;
}

.floatright{
 float:right;
 margin:0 0 10px 10px;
}

.floatright2{
 float:right;
 margin:0 0 10px 10px;
 border:1px solid #000;
}

.floatleft2{
 float:left;
 margin:0 10px 10px 0;
 border:1px solid #000;
}

.center{ text-align:center;}



#companies div{
 width:108px;
 padding:0 10px;
 float:left;
 text-align:center;
}

#companies div div{
 height:100px;
 padding:0;
 vertical-align:center;
}

#companies div div img{ margin: auto 0;}

#companies div.clear{width:500px;float:none;margin:20px 0;}


#products #content{ padding-right:10px; width:536px}

#tile-display{
 width:218px;
 height:601px;
 background:url('../img/tiles/tiles.jpg');
 float:right;
 
}

#tile-thumbs{ padding-bottom:10px;}

#tile-thumbs div{
 float:left;
 margin: 10px 22px 0 0;
 text-align:center;
}

#tile-thumbs div.clearleft{ width:100px;}

#tile-thumbs p{
 padding:0;
 font-size:.9em;
}

#tile{
 width:218px;
 height:213px;
 background:url('../img/tiles/loading.gif') no-repeat 92px 90px;
}

#rangechooser fieldset{border:0;}

select#range{
 width:200px;
 font-size:1.1em;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 margin:10px 0 0;
 border: 1px solid #717171;

}

select#range option,select#range optgroup{
padding:2px;
}

table{ font-size:.9em;}

td.rowname{
 text-align:right;
 padding:0 5px;
 font-weight:bold;
}

#spec{
 clear:left;
 background:#eaffe7;
 border:2px solid #a2dc9a;
 width:285px;

}

#spec h3{
 padding:5px;
}

#spec ul{ padding-top:0;}

#quick-quote{ margin: 0 0 20px;}

#quick-quote p{ font-size:1em; margin:0 0 10px 0;}

#quick-quote fieldset{ border:0;}

#quick-quote label{
 width:106px;
 float:left;
 font-size:1em;
 text-align:right;
 color:#7e7e7e;
 padding: 4px 4px 0 0;
}

#quick-quote label.email-address{ text-align:left;}

#quick-quote select{
 width:98px;
 float:left;
 margin:0 0 5px 0;
 border:1px solid #bebebe;
 padding:2px;
}

#quick-quote input{
 width:205px;
 margin:0 0 10px; 
}

#quick-quote input.button{ width:auto;} 

.extra-deets fieldset{  border:0;}

.extra-deets input{  margin:0 0 10px 0;}

.obsolete-systems{padding:20px 0;list-style:none;}

.obsolete-systems li{
  display:block;
  float:left;
  font-size:10px;
  font-weight:bold;
  padding-right:0;
  width:120px;	
	margin-bottom:5px;
	font-style:italic;
}

.obsolete-systems li.thirdcol{width:130px;padding-right:5px;}
.obsolete-systems li.clearli{width:100%;height:1px; font-size:1px;line-height:1px; clear:left;padding:0; margin:0 0 0;float:none;}

.noborder{border:0 !important;}
.center{display:block;margin:0 auto;}
.clearli{clear:left;}