html,body,table,tr,td,img,div{border:0;margin:0;padding:0}
body,td,tr,table,img,div{font-family:Verdana,arial,Helvetica,sans-serif;font-size:9pt}

table.layout{border-collapse: collapse;width:800px;background:#fff}
td.layout{background:#fff; border-collapse: collapse}
/*
tr.layout{border-collapse: collapse}
*/

td.contenttd {vertical-align: top}
a{text-decoration: none; }
a:link { color: #CC3300; }
a:visited { color: #CC3300; }
h1 {color:#555;font-size:12pt;font-weight:bolder}
.header{margin-left:5px}
h2{color:#333;font-size:10pt;font-weight:bolder}

.spacerow {background: #fff; height:5px}
.navbar { width: 800px; background: #fff; height:30px; color:#000}
.content {background: #fffeff ; width:99%; border:0 ; margin-left:0px ; padding:0 }

.prefooter {float:left;background-image:url('images/leftbar.gif');height:30px; width:20px;  margin-left:5px; margin-top:15px;}
.footer {float:left;background-image:url('images/bar.gif');width:750px;background-repeat: repeat-x;height:30px; text-align:center; line-height:25px;   margin-top:15px;}
.postfooter {float:left; background-image:url('images/rightbar.gif');;height:30px; width:20px; line-height:25px;  margin-top:15px;}

.navbar ul{list-style: none; padding: 0; margin: 0;}
.navbar li{ float: left; margin:0px ; padding: 0; height:30px  }
.navbar li a {height:30px;line-height:25px;float:left;width:80px;display:block;border:0;color:#000; text-align:center}
.navbar li a:visited {color:#000}
.innernavbar {height:20px;}
.innernavbar ul{;background-repeat: repeat-x;list-style: none; padding: 0; margin: 0;}
.innernavbar li{ float: left; margin:0px ; padding: 0; height:20px  }
.innernavbar li a {background-image:url('images/middleinnernavbar.gif');background-repeat: repeat-x;height:20px;line-height:20px;float:left;width:212px;display:block;border:0;color:#fff; text-align:center}
.innernavbar li a:visited {color:#fff; }
.innerfirst {background-image:url('images/leftinnernavbar.gif');width:5px;}
.innerlast {background-image:url('images/rightinnernavbar.gif');width:5px;}

.para1 {width:200px;float:left}
.para2 {width:200px;float:left}
.para3 {width:200px;float:left}

.homediv{border:0px dashed red}
.homebarleft{float:left;margin-top:5px;background-image:url('images/leftslogan.gif');background-repeat:no-repeat;width:20px;height:30px;margin-left:70px;}
.homebarcent{float:left;margin-top:5px;background:#dfdfdf;width:605px;height:30px ;color:#fff;font-size:15px; text-align:center; font-weight:bold; line-height:30px; }
.homebarright{float:left;margin-top:5px;background-image:url('images/rightslogan.gif');background-repeat:no-repeat;width:20px;height:30px}

.homeblack{color:black}

.homepic{margin-left:70px}
.lefthome{float:left;width:300px;height:180px;font-size:12px;font-weight:bold;background:#eee;padding:10px;clear:left;margin-left:70px}
.righthome{float:left;width:320px;height:200px; }
.leftbottom{float:left;width:300px;height:200px; padding:10px;clear:left;margin-left:70px;font-size:12px}
.rightbottom{float:left;width:250px;height:150px; margin-top:30px;margin-left:30px; border-left:1px solid gray;border-right:1px solid gray; padding:5px }


.first {background:#fff;width:5px;}
.second {background-image:url('images/leftbar.gif'); width:20px; }
.third {background-image:url('images/bar.gif');background-repeat: repeat-x;; width:120px; }
.home {width:100px;background-image:url('images/bar.gif');background-repeat: repeat-x;}
.product {  background-image:url("images/bar.gif");background-repeat: repeat-x;}
.support { background-image:url("images/bar.gif");background-repeat: repeat-x}
.about {background-image:url("images/bar.gif");background-repeat: repeat-x;}
.contact { background-image:url("images/bar.gif");background-repeat: repeat-x;}
.prelast {background-image:url('images/bar.gif');background-repeat: repeat-x;; width:230px; }
.last {background-image:url("images/rightbar.gif"); width:20px; height:30px}

.home:hover {background-image:url('images/bkgdpurple.gif');background-repeat: repeat-x;}
.product:hover {  background-image:url("images/bkgdpink.gif");background-repeat: repeat-x;}
.support:hover { background-image:url("images/bkgdblue.gif");background-repeat: repeat-x}
.about:hover {background-image:url("images/bkgdgreen.gif");background-repeat: repeat-x;}
.contact:hover { background-image:url("images/bkgdhay.gif");background-repeat: repeat-x;}

.leftnav {vertical-align: top; background: #fff; width: 140px; margin-left:5px; }
.leftnav div{  width: 120px ; margin-left:10px;}
.leftnav ul{list-style: none; padding: 0px; margin: 0px;}
.leftnav li{  margin:0px ; padding: 0;}

.leftnav li a { height: 30px; line-height: 25px;  width: 120px; display: block; border: 0; color: #000; padding-left:20px; text-align: left; background-image:url('images/leftbutton.gif');background-repeat:no-repeat; }

.leftnav li a:visited { color: #000;  }

.white {color:#000; line-height:20px}
.seperator {color:#CC3300;font-weight:bold}

.contenttop{margin:0px;height:200px;}
.contentleft{margin:5px;padding:10px;float:left;width:287px;border-left: 0px solid gray;border-right:  0px dashed gray}
.contentright{margin:5px;padding:10px;float:left;width:287px;border-left: 0px solid gray;border-right:  0px solid gray}

.contentleftone{margin:5px;padding:10px;}
.contentrightone{margin:5px;padding:10px;}

a:hover {text-decoration: underline}


#mailform { border:0px ;margin-top:50px;font-size:7px; font-style:italic; width:100px;color:#CC3300;padding:0px}
#mailform form input{font-size:7pt;  }
#mailform td div{width:100px;font-size:9px;text-align:center}


/* Commented backslash hack hides rule from IE5-Mac \*/
.navbar li a { float: none }
/* End IE5-Mac hack */

/* IE6 only hack 3px space problem */
* html .header{margin-bottom:-3px}
* html .contenttop{margin-bottom:-3px}
* html .spacerow{margin-bottom:-6px}
* html .prefooter{margin-left:3px;}
* html .innernavbar li a {width:211px;}
* html #mailform td img{margin-bottom:-2px;}
* html #mailform {}