body {
  margin: 0;
  padding: 0;
  xfont-family: Arial, Helvetica, sans-serif;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height:1.2;
}

.top {
	width:100%;
	background:url(../images/sprites.png);
  height: 204px;      /*specify height here or IE messes up on CtrlWheel expanding image*/
}
.main {
  clear:both;
	position: relative;
	margin:auto;
	background:#FFFFFF;
  height:100%;
	width: 760px;
  color:#00c2d3;
}

.header {
	position: absolute;
  top:0px;
  left:0px;
  height:206px;
  width:760px;
  color:#fff;
	font-size:11px;
  line-height:12px;
}
#b1 {
  	background:url(../images/ban1.jpg);
}
#b2 {
  	background:url(../images/ban2.jpg);
}
#b3 {
  	background:url(../images/ban3.jpg);
}

.logo {
	position:absolute;
	background:url(../images/innatelogo.gif);
  height:76px;
  width:210px;
  top:50px;
  left:6px;
}
#logotxt {
	position: absolute;
  top:103px;
  left:92px;
}

#whitearrow1 {
	position: absolute;
  top:104px;
  left:358px;
  margin:0;
	background:url(../images/innatelogo.gif);
  background-repeat:no-repeat;
  background-position:-36px 0px;
  width:13px;
  height:13px;
}
#whitearrow2 {
  top:49px;
  left:460px;
	position: absolute;
  margin:0;
	background:url(../images/innatelogo.gif);
  background-repeat:no-repeat;
  background-position:-66px -51px;
  width:17px;
  height:17px;
}
#whitearrow3 {
	position: absolute;
  top:144px;
  left:580px;
  margin:0;
	background:url(../images/innatelogo.gif);
  background-repeat:no-repeat;
  background-position:0 -15px;
  width:34px;
  height:34px;
}

#point1 {
	position: absolute;
  top:104px;
  left:374px;
  width:140px;
}
#point2 {
	position: absolute;
	top:52px;
	left:482px;
	width:180px;
}
#point3 {
	position: absolute;
  top:147px;
  left:620px;
  width:140px;
}
.topmenu {
  overflow:hidden;      /*otherwise IE6 increases height*/
	margin:0;
  width:100%;
	background:url(../images/sprites.png);
  background-position:0 -206px;
  height: 38px;        /*specify height here or IE messes up on CtrlWheel expanding image*/
}

.menubar {
  overflow:hidden;      /*otherwise IE6 increases height*/
  height: 38px;
  width: 760px;
  background:url(../images/menubk.png);
}
.menubar a {
	float:left;
	display:block;
	width: 89px;
	height: 28px;
	margin: 0 1px 0 0px;           /*these margins avoid writing over the divider*/
	padding: 10px 0px 0px 5px;
	font-size:15px;
}
.menubar a:link, .menubar a:visited {
color: #fff;
text-decoration: none;
}

.menubar a:hover, #current
{
color: #fff;
background:#000;
text-decoration: none;
}

.undermenu {
	width:100%;
	margin:0;
	padding:0px;
	background:url(../images/sprites.png);
  background-position:0 -244px;
  background-repeat:repeat-x;
  height:44px;
}

.breadcrm {
	top:12px;
  position: relative;
	margin:auto;
	background:#FFFFFF;
  height:100%;
	width: 760px;
  padding: 0 0 0 6px;
  color:#008496;
	font-size:14px;
}

.breadcrm a {
  color:#008496;
  text-decoration:none;
}

.home_colmain {
	background:url(../images/sprites.png);
  background-position:0 -286px;
  background-repeat:no-repeat;
  float: left;
  width: 754px;
  padding: 0 10px 0 6px;
  margin:0;
/* border:1px gray solid;  debug*/
}

.home_box {
  float:right;
  width:252px;
}

.home_left {
  float:left;
  width:490px;
  padding: 0 10px 0 0px;
}


.colmain {
  float: left;
  width: 363px;
  padding: 0 140px 0 2px;
  margin:0;
	font-size:12px;
  color:#006f70;
}
.colmain ul {
  margin:0 0 10px 16px;
  padding:0 0 0 1px;
}
.colmain a {
  color:#006f70;
}

.colprods {
  float: left;
  width: 610px;
  padding: 0px 10px 30px 10px;
  margin:0;
	font-size:14px;
  color:#006f70;
}
.colprods ul {
  margin:0 0 10px 16px;
  padding:0 0 0 1px;
}
.colprods a {
  color:#006f70;
}

.colprods h1 {
  font-size:20px;
  color:#006f70;
}


.colprods h2 {
  font-size:16px;
	background:url(../images/arrows.gif);
  background-repeat:no-repeat;
  background-position:-300px 0;
  padding:4px 0 0 32px;
  height:24px;
}

.sitemap ul {
  margin:0 0 10px 16px;
  padding:0 0 0 30px;
}

.intro1 {
font-size:18px;
color:#006f70;
}


ul {
list-style:none;
}

li {
background-image:url(../images/arrows.gif);
background-repeat:no-repeat;
background-position:-315px -27px;
margin:0 0 0 -14px;
padding:0 0 14px 30px;
}


.smallmenu {
  line-height:18px;
	color:#008496;
	font-size:11px;
  padding:0 0 0 3px;
}

.smallmenu ul {
margin:0;
padding:0 0 0 1px;
list-style:none;
}

.smallmenu li {
background-image:url(../images/listsep.png);
background-repeat:no-repeat;
background-position:0 5px;
margin:0;
padding:0 0 0 6px;
}

.smallmenu a:link, .smallmenu a:visited {
	color:#008496;
  text-decoration: underline;
}
.smallmenu a:hover {
	color:#00557E;
}
.quote {
  padding-top:10px;
  line-height:1.2;
	color:#f00;
	font-size:11px;
}
.quote2 {
  padding-top:10px;
  line-height:1.2;
	color:#f00;
	font-size:14px;
}
.quote3 {
  padding-top:10px;
  line-height:1.2;
	color:#00000;
	font-size:14px;
}
.attrib {
  line-height:1.2;
	color:#000;
	font-size:11px;
}

.colfourth {
  float: left;
  width: 189px;
  line-height:18px;
	font-size:14px;
}

.colfourth h2 {
  font-size:19px;
  font-weight:normal;
  display:inline;
  color:#fff;
}
.colfourth h3 {
  font-size:15px;
  font-weight:normal;
}

.colsixth {
  float: left;
  width: 126px;
}

.colsixthr {
  float: right;
  width: 126px;
  margin:0 0 20px 4px;
}

.newsflash {
  background:#f0f0f0;
  float: right;
  width: 230px;
  margin:10px 0 20px 4px;
  padding:6px 6px 6px 6px;
}


.colfourthhdr  {
  padding: 4px 6px 4px 6px;
  display:block;
  line-height:28px;
  height:28px;
}

.homecolfourthhdr h2 {
  font-size:15px;
  font-weight:normal;
  display:inline;
  color:#fff;
}
.homecolfourthhdr  {
  padding: 4px 6px 4px 4px;
  display:block;
  line-height:14px;
  height:28px;
}

.homecolfourthhdr a {
  text-decoration:none;
}



.colbody {
	background:url(../images/sprites.png);
  background-position:0 -290px;
  background-repeat:no-repeat;
  margin:0 4px 0 0;
  padding: 0 0px 0 2px;
  height:260px;
}

.homecolbody {
	background:url(../images/sprites.png);
  background-position:0 -290px;
  background-repeat:no-repeat;
  margin:0 4px 0 0;
  padding: 0 0px 0 2px;
  height:185px;
}

.textbody {
  padding: 0 0px 0 6px;
}




.colbodyr {   /*same but right aligned, margin on left*/
	background:url(../images/sprites.png);
  background-position:0 -290px;
  background-repeat:no-repeat;
  margin:0 0 0 4px;
  padding: 0 0px 0 2px;
  height:260px;
}

.colsixthhdr  {
  padding: 4px 6px 4px 4px;
  display:block;
  line-height:14px;
  height:28px;
}

.colsixth h2 {
  font-size:15px;
  font-weight:normal;
  display:inline;
  color:#fff;
}


.colhdr {
  margin: 20px 0px 20px 6px;
	background:url(../images/arrows.gif);
  background-repeat:no-repeat;
  width:43px;
  height:42px;
}

.arrowmid {
  margin: 2px 0px 2px 2px;
	background:url(../images/arrows.gif);
  background-repeat:no-repeat;
  width:28px;
  height:27px;
  background-position:-300px 0;
}


.prodphoto {
  margin:0;
  background-image:url('../images/photos.jpg');
  width:120px;
  height:83px;
}

#photo1 {background-position:0 0;}
#photo2 {background-position:-126px 0;}
#photo3 {background-position:-252px 0;}
#photo4 {background-position:-378px 0;}
#photo5 {background-position:-504px 0;}
#photo6 {background-position:-630px 0;}

#home_wecanhelp {background:#008496;}
#home_clients {background:#00cde3;}

#arrow1 {background-position:0 0;}
#arrow2 {background-position:-50px 0;}
#arrow3 {background-position:-100px 0;}
#arrow4 {background-position:-150px 0;}
#arrow5 {background-position:-200px 0;}
#arrow6 {background-position:-250px 0;}

#prod1 {background:#008496;}
#prod2 {background:#1eb9c8;}
#prod3 {background:#00548a;}
#prod4 {background:#00385c;}
#prod5 {background:#359c9d;}
#prod6 {background:#006f70;}

#servhdr1 {background:#008496;}
#servhdr2 {background:#1eb9c8;}
#servhdr3 {background:#00548a;}
#servhdr4 {background:#00385c;}

.servbody {
  padding:0 0 0 3px;
}

#servbody1 {color:#008496;}
#servbody2 {color:#1eb9c8;}
#servbody3 {color:#00548a;}
#servbody4 {color:#00385c;}

h1 {
margin:0;
font-size:18px;
font-weight:normal;
display:inline;
color:#00c2d3;
}

.intro {
font-size:18px;
color:#00c2d3;
}
.intro2 {
font-size:18px;
color:#00557e;
}
.intro3 {
font-size:18px;
color:#007d8e;
}
.mid {
font-size:15px;
color:#007d8e;
}

.compare {
width:100%;
margin:0;
padding:4px;
border-collapse:collapse;
}

.compare td, .compare th {
border:1px solid #00c2d3;
}

.partnerlogos {
	background:url(../images/logos.gif);
  background-repeat:no-repeat;
  height:51px;
  width:346px;
}

.space {
  clear:both;
  height:60px;
	width:100%;
}

.foot {
	margin-top:10px;
  clear:both;
	width:100%;
	padding:0px;
	background:url(../images/sprites.png);
  height:45px;
}
.footer {
	margin:0;
  padding-left:0px;
  padding-top: 7px;
	font-size:10px;
	color:#fff;
	background:url(../images/ban1.jpg);
  background-repeat:no-repeat;
  background-position:0 -100px;

  height:38px;
}
.footer a:link, .footer a:visited {
	color:#fff;
  text-decoration: none;
}
.footer a:hover {
	color:#fff;
  text-decoration: underline;
}
