﻿ 
*{padding:0px; margin:0px;}
html, body, ul, ol, li,  form, fieldset, a, div, img, hr{
 text-align:left;
	font-family :Arial, Helvetica, Sans-serif;
}

body{background-color:#ffffff;font:normal 73.5%  Helvetica, sans-serif;color:#5A5B5D}
.padb{margin-left:1em;}
a {color:#00aba2; text-decoration:none; }
.headerimage{margin:42px 0px 80px 0px;  }
#logo{width:146px; height:135px; border-bottom:dotted #7f8082 1pt; }
.bb{border-bottom:dotted #7f8082 1pt;}
.bl{border-left:dotted #7f8082 1pt;}
.bt{border-top:dotted #7f8082 1pt;}
.ball{border:dotted #7f8082 1pt;}
#dotContL{float:left;height:550px;top:0px;left:0px; margin: 45px 0px 45px 0px;width:1px;}
#ContR{float:right;position:relative; right:0px; width:682px;}
#ContProdR{float:right;position:relative; right:0px; width:710px;}

.content p{ text-align:justify;width:420px;}
.content { text-align:justify;width:420px;}
.fr{float:right;}
.orange{color:#fcaf5f;}
.red{color:#d21243;}
.green{color:#00aba2;}
.blue{color:#00a3e4;}
.grey{color:#7f8082;}
.supersmall{font-size:.7em;}
.small{font-size:1em;}
H1{font-size:1.5em; color:#7f8082;margin:0px;padding-bottom:1em; text-transform:uppercase;}
P{padding:0px 0px 5px 0px; }
.nobord{border:0px;}
.bblue{color:#00a3e4;font-weight:bold;}
.p1l{padding-left:.8em;}
.hand{ cursor:pointer}
a.grey{color:#7f8082;text-decoration:none}
a.grey:link {font-weight:bold;color:#7f8082;text-decoration:none}
a.grey:visited {color:#7f8082;text-decoration:none}
a.grey:hover, a:focus {text-decoration:underline;color:#7f8082}
a.grey:active {color:#7f8082;text-decoration:none}
.link{color:#7f8082;}
.ar{float:right}
#botNav{float:right; text-align:right; color:#7f8082; }
#botNav a{color:#666666 }

#sitemap{ list-style:none;}
.acro{border-bottom:dashed 1pt #660000; cursor:help;}
.acro:hover{border-bottom:dashed 1pt #660000; background-color:#bbbbbb;}
#outerwrapper{
	width:100%;
margin:40px auto;
	/*why padding instead of margin? coz of a javascript rollover div on the contact page messes wih it*/
	 
}

.hide{display:none;}
.preload{ height:1px; width:1px; overflow:hidden; background:#ffffff url(../media/   ) top left no-repeat;}