/*Contron - Website Cascade Style Sheet*/
/*standard Modifiers*/

/*DIV Box Definitions */
/*Main box*/
#divContainer{
overflow:hidden;
position: relative; 
width:1000px;
height:750px;
}

/*Navigation Bar*/
#divNav{
overflow:hidden;
background-image: url(images/NavBar.png);
position: absolute; 
top: 0px; 
left: 0px; 
width: 114px;
height: 750px;
text-align: center;
vertical-align: top;
font-family: Arial Narrow;
font-size: 20px;
color: rgb(255, 255, 255);
font-weight:bold;
text-decoration: underline;
padding-top: 20px;
padding-left:0px;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
/* for Mozilla */
-moz-opacity:0.8;
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*Title bar*/
#divTitle{
overflow:hidden;
background-image: url(images/TitleBox.png);
position: absolute; 
top: 0px; 
left: 124px; 
width: 439px;
height: 120px;
text-align: left;
vertical-align: middle;
font-family: Arial;
font-size: 30px;
color: rgb(255, 255, 255);
font-weight:bold;
text-decoration: underline;
padding-top:0px;
padding-left:0px;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
/* for Mozilla */
-moz-opacity:0.8;
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*Contron Logo*/
#divLogo{
overflow:hidden;
background-image: url(images/logo3.png);
position: absolute; 
top: 0px; 
left: 760px; 
width: 240px;
height: 110px;
text-align: left;
vertical-align: bottom;
font-family: Arial;
font-size: 30px;
color: rgb(255, 255, 255);
font-weight:bold;
text-decoration: underline;
padding:0px, 0px;
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*Center box*/
#divPage{
overflow:hidden;
background-color: rgb(215, 215, 215)  ;
position: absolute; 
top: 126px; 
left: 124px; 
width: 864px; /*864*/
height: 494px; /*494*/
text-align: justify;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
Margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
border-style: solid solid solid solid;
border-color: rgb(127, 127, 127) ;
border-width: 1px;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
/* for Mozilla */
-moz-opacity:0.8
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*footer bar at page bottom*/
#divFooter{
overflow:hidden;
background-image: url(images/FooterBox.png);
position: absolute; 
top: 630px; 
left: 124px; 
width: 876px;
height: 120px;
text-align: right;
vertical-align: bottom;
font-family: Arial Narrow;
font-size: 18px;
color: rgb(255, 255, 255);
font-weight:bold;
padding-top:12px;
padding-left:0px;
padding-bottom:0px;
padding-right: 30px;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
/* for Mozilla */
-moz-opacity:0.8
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

#divAddr{
overflow:hidden;
position: absolute; 
top: 640px; 
left: 134px; 
width: 836px;
height: 100px;
text-align: right;
vertical-align: bottom;
font-family: Arial Narrow;
font-size: 18px;
color: rgb(255, 255, 255);
font-weight:bold;
}

#map{
overflow:hidden;
position: absolute;
top:158px;
left:155px;
text-align: center;
vertical-align: middle;
font-family: Arial;
font-size: 17px;
color: rgb(0, 0, 0);
border-style: solid solid solid solid;
border-color: rgb(127, 127, 127) ;
border-width: 1px;
}

.spanColumn{
overflow:hidden;
position: relative;
width: 380px;
height: 180px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

.spanColumn2{
overflow:hidden;
position: relative; 
width: 380px;
height: 120px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

.spanColumn3{
overflow:hidden;
position: relative; 
width: 380px;
height: 120px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

.spanColumn4{
overflow:hidden;
position: relative; 
top:202px;
left:20px;
width: 814px;
height: 90px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

/*Servics & Expertise page*/
.cList1{
overflow:hidden;
position: absolute; 
top:100px;
left:0px;
width: 410px;
height: 364px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

.cList2{
overflow:hidden;
position: absolute; 
top:100px;
left:420px;
width: 410px;
height: 364px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

.cList3{
overflow:hidden;
position: absolute; 
top:140px;
left:140px;
width: 400px;
height: 364px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

.cList4{
overflow:hidden;
position: absolute; 
top:140px;
left:500px;
width: 400px;
height: 364px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

/*Image Styles*/
/*IMC Bird image*/
#cImgSym1{
position: absolute; 
top: 650px; 
left: 150px;
height: 72px; 
width: 72px; 
border: 1px solid ; 
margin: 0px 0px;
color: rgb(50, 50, 50);
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*ISO-9001 certified image*/
#cImgSym2{
position: absolute; 
top: 650px; 
left: 230px;
height: 72px; 
width: 96px; 
border: 1px solid; 
margin: 0px 0px;
color: rgb(50, 50, 50);
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*ISO-14001 certified image*/
#cImgSym3{
position: absolute; 
top: 650px; 
left: 334px;
height: 72px; 
width: 96px; 
border: 1px solid ; 
margin: 0px 0px;
color: rgb(50, 50, 50);
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*Images on Quality page*/
#cImgCompass{
position: absolute; 
top: 320px; 
left: 740px; 
width: 100px;
height: 162px;
/* for IE */
filter:alpha(opacity=50);
/* CSS3 standard */
opacity:0.5;
/* for Mozilla */
-moz-opacity:0.5
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*Images on Quality page*/
#cImgMag{
position: absolute; 
top: 20px; 
left: 740px; 
width: 90px;
height: 73px;
/* for IE */
filter:alpha(opacity=50);
/* CSS3 standard */
opacity:0.5;
/* for Mozilla */
-moz-opacity:0.5
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*Images on Quality page*/
#cImgTree{
position: absolute; 
top: 180px; 
left: 20px; 
width: 90px;
height: 88px;
/* for IE */
filter:alpha(opacity=50);
/* CSS3 standard */
opacity:0.5;
/* for Mozilla */
-moz-opacity:0.5;
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

/*Navigation Icons*/
#cNavSym1{
position: absolute; 
top: 60px; 
left: 15px;
border-style: none none none none;
}

#cNavSym2{
position: absolute; 
top: 152px; 
left: 15px;
border-style: none none none none;
}

#cNavSym3{
position: absolute; 
top: 244px; 
left: 15px;
border-style: none none none none;
}

#cNavSym4{
position: absolute; 
top: 336px; 
left: 15px;
border-style: none none none none;
}

#cNavSym5{
position: absolute; 
top: 428px; 
left: 15px;
border-style: none none none none;
}

#cNavSym6{
position: absolute; 
top: 520px; 
left: 15px;
border-style: none none none none;
}

#cNavSym7{
position: absolute; 
top: 612px; 
left: 15px;
border-style: none none none none;
}

/* Standard In line Text Classes */
.cFloatRight{
float: right;
 }

.quote {
	font-family: Arial;
	font-size: 18px;
	font-style: italic;
	color: #FF9900;
	text-decoration: none;
} 

.contron{
	color: #0000FF;
	font-size: 20px;
	font-weight: bold;
}

.email{
	font-family: Arial Narrow;
	font-size: 18px;
	font-style: normal;
	color: Blue;
	text-decoration: underline
}
.href{
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	color: Blue;
	text-decoration: underline
} 

.cImgLink  {
 height: 70px; 
 width: 70px;
 margin:4px 4px;
 }

.cCpny  {
position:relative;
vertical-align: top;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:10px;
}
 


.cMainTxt{
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
}

.cText{
position:absolute;
top:0px;
left:30px;
Height:20px;
width:300px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
}

 
 .cFloatLeft{
height:60px; 
width:60px;
border: 1px solid;
margin: 0px 10px 0px 10px;
color: rgb(127, 127, 127);
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

.cUkContact{
overflow:hidden;
position: absolute;
top:102px;
left:20px;
width: 380px;
height: 280px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}

.cUsContact{
overflow:hidden;
position: absolute;
top:102px;
left:470px;
width: 380px;
height: 280px;
text-align: left;
vertical-align: top;
font-family: Arial;
font-size: 20px;
color: rgb(0, 0, 0);
-moz-box-sizing:border-box;
}
 
.cQuality{
position: absolute; 
top: 10px; 
left: 10px; 
width: 844px; /*864*/
height: 150px; /*494*/
-moz-box-sizing:border-box;
}

.cPhilosophy{
position: absolute; 
top: 20px; 
left: 20px; 
width: 824px; /*864*/
height: 454px; /*494*/
-moz-box-sizing:border-box;
}  

.cAssociates{
position: absolute; 
top: 20px; 
left: 20px; 
width: 824px; /*864*/
height: 150px; /*494*/
-moz-box-sizing:border-box;
}  

.cIndex{
position: absolute; 
top: 25px; 
left: 10px; 
width: 844px; /*864*/
height: 474px; /*494*/
-moz-box-sizing:border-box;
}  

.cTitle{
position: absolute; 
top: 35px; 
left: 20px; 
width: 844px; /*864*/
height: 474px; /*494*/
-moz-box-sizing:border-box;
}

.cServices{
position: absolute; 
top: 40px; 
left: 20px; 
width: 824px; /*864*/
height: 250px; /*494*/
-moz-box-sizing:border-box;
}  

.cImgukflag{
position: absolute; 
top: 230px; 
left: 135px; 
width: 390px; /*864*/
height: 250px; /*494*/
/* for IE */
filter:alpha(opacity=30);
/* CSS3 standard */
opacity:0.3;
/* for Mozilla */
-moz-opacity:0.3;
-moz-box-sizing:border-box;
}

.cImgusflag{
position: absolute; 
top: 230px; 
left: 586px; 
width: 390px; /*864*/
height: 250px; /*494*/
/* for IE */
filter:alpha(opacity=30);
/* CSS3 standard */
opacity:0.3;
/* for Mozilla */
-moz-opacity:0.3;
-moz-box-sizing:border-box;
}

.cPostal{
position: absolute; 
top: 100px; 
left: 402px; 
width: 60px; /*864*/
height: 60px; /*494*/
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
/* for Mozilla */
-moz-opacity:0.7;
-moz-box-sizing:border-box;
}

.cTelecomms{
position: absolute; 
top: 220px; 
left: 402px; 
width: 60px; /*864*/
height: 60px; /*494*/
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
/* for Mozilla */
-moz-opacity:0.7;
-moz-box-sizing:border-box;
}

.cEmail{
position: absolute; 
top: 300px; 
left: 402px; 
width: 60px; /*864*/
height: 60px; /*494*/
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:7.0;
/* for Mozilla */
-moz-opacity:7.0;
-moz-box-sizing:border-box;
}

.cEmlContacts{
position: absolute; 
top: 400px; 
left: 20px; 
width: 60px; /*864*/
height: 60px; /*494*/
}

.cLegal{
position: absolute;
top:440px;
left:10px;
text-align: left;
vertical-align: bottom;
font-family: Arial;
font-size: 18px;
color: rgb(0, 0, 0);
}

.cSpan1{
position: absolute; 
top: 20px; 
left: 20px; 
width: 700px; /*864*/
height: 100px; /*494*/
-moz-box-sizing:border-box;
}

.cSpan2{
position: absolute; 
top: 180px; 
left: 130px; 
width: 700px; /*864*/
height: 100px; /*494*/
-moz-box-sizing:border-box;
} 

.cSpan3{
position: absolute; 
top: 320px; 
left: 20px; 
width: 700px; /*864*/
height: 100px; /*494*/
-moz-box-sizing:border-box;
}
 
.cImgOmron{
overflow:hidden;
position:absolute;
top:440px;
left:10px;
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
} 

.cImgSchndr{
overflow:hidden;
position:absolute;
top:440px;
left:263px;
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
} 

.cImgSick{
overflow:hidden;
position:absolute;
top:440px;
left:516px;
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}

.cImgwago{
overflow:hidden;
position:absolute;
top:440px;
left:770px;
/*force mozilla to measure objects border to border (as IE does) this solves padding and margin problems*/
-moz-box-sizing:border-box;
}  
 
/*Navigation Links*/
a:link {
border: 1px none ; 
border-color: rgb(127, 127, 127) ;
color: rgb(255, 255, 255);
}
 
a:visited {
border: none none ; 
border-color: rgb(0, 0, 0) ;
color: rgb(255, 255, 255);
}

a:hover img{
background-color:#69c; 
color:#fff;
margin: 0px 0px;
height: 80px; 
width:  80px;
}