/* Integrated Solutions Main CSS Layout */
/* Copyright 2006 Integrated Solutions.  All rights reserved. */


/* Common */

body
{
	background:#fff;
	margin:0;
	padding:0;
	color:#000;
	background:url("../images/background.gif") repeat-x left top;
	text-align:center;
}

p
{
  font:normal 11px/17px 'Lucida Grande', Verdana, Arial, sans-serif;
  margin:0;
  padding:7px 0;
  color:#666;
  background-color:transparent;
}

a, a:link, a:visited
{
  color:#5a93aa;
  text-decoration: none;
  padding:1px 2px;
  background-color:transparent;
}

a:hover
{
  color:#5a93aa;
  background-color:#e1f0f1;
  padding: 1px 2px;
}

img
{
  border: none;
}

.imgframe
{
  border: 1px solid #ccc;
  padding: 4px;
}


/* Container */

#container
{
  width:740px;
  margin:0px auto;
  padding:0px;
  position:relative;
  text-align:left;
  top:0;
  left:0;
}

/* Header */

#header
{
  height:77px;
  padding-top:0px;
  position:relative;
  top:0;
  left:0;
}

#header #logo
{
  position:absolute;
  top:0;
  left:0;
}

#header #handheld
{
  position:absolute;
  top:0;
  right:0;
}



/* Tabs */

#tabs
{
  height:22px;
  margin:1px 0 0 0;
  padding:2px 0 0 0;
  position:absolute;
  background:none;
  font:normal 10px/20px 'Lucida Grande', Verdana, Arial, sans-serif;
  top:77px;
  left:0;
}

#tabs ul
{
  height:20px;
  margin:0;
  padding:0;
  list-style:none;
  background:none;
  color:#666;
  background-color:transparent;
}

#tabs li
{
  float:left;
  background:url("../images/tab_left.gif") no-repeat left top;
  height:20px;
  margin:0;
  padding:0 0 0 6px;
}

#tabs a
{
  float:left;
  display:block;
  background:url("../images/tab_right.gif") no-repeat right top;
  padding:3px 25px 3px 17px;
  height:17px;
  text-decoration:none;
  font-weight:bold;
  color:#666;
  background-color:transparent;
  width:.1em;
  margin:0;
}

#tabs > ul a
{
width:auto;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */

#tabs a:hover
{
  color:#333;
  background-color:transparent;
}

#tabs #current
{
  background:url("../images/tab_left_on.gif") no-repeat left top;
  border-width:0;
}

#tabs #current a
{
  background:url("../images/tab_right_on.gif") no-repeat right top;
  color:#666;
  background-color:transparent;
  padding-bottom:0px;
}


/* Content */

#content
{
  width:365px;
  padding:45px 0 0 0;
}

#content ul
{
  float:left;
  width:49%;
  margin:0;
  padding:2px 0;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  list-style-image:url("../images/bullet.gif");
  color:#666;
  background-color:transparent;
}

#content li
{
  margin:5px 20px 0 20px;
  padding:0;
}


/* Bottom */

#bottom
{
  background:url("../images/horz_dot.gif") repeat-x left top;
  position:relative;
  top:0;
  left:0;
}

#news
{
  float:left;
  width:238px;
  margin:13px 0 0 0;
  position:relative;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  top:0;
  left:0;
}

#news img
{
  float:left;
}

#news ul
{
  float:left;
  width:100%;
  list-style:none;
  margin:0px;
  padding:10px 0;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  color:#666;
  background-color:transparent;
}

#news li
{
  margin:0;
  padding:1px;
}

#news li.even
{
  background-color:#f1f8ff;
  border-bottom:1px solid #c1d6db;
  border-top:1px solid #c1d6db;
}

#news li.bot
{
  border-bottom:1px solid #c1d6db;
}

#news a
{
  display:block;
  padding:3px;
}

#morenews
{
  float:left;
  position:relative;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  color:#666;
  background-color:transparent;
  top:8px;
  left:4px;
}

#morenews a
{
  display:inline;
  padding:1px 2px;
}

#twitter
{
  float:right;
  position:relative;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  color:#666;
  background-color:transparent;
  top:8px;
  left:4px;
}

#twitter a
{
  display:inline;
  padding:1px 2px;
}

#feature
{
  float:right;
  width:478px;
  margin:13px 0 0 0;
  padding:0 0 0 12px;
  position:relative;
  background:url("../images/vert_dot.gif") repeat-y left top;
  top:0;
  right:0;
}

a.featurelink
{
  background-color: #fff;
}

.imgframe:hover
{
  background-color: #D9ECFF;
}

#featuresum
{
  float:left;
  width:265px;
  position:relative;
  top:0;
  left:0;
}

#featuresum h3
{
  margin:8px 0 3px 0;
  padding:0;
  font:normal 12px/15px georgia, serif;
  color:#916b4f;
  background-color:transparent;
}

#featuresum p
{
  margin:0;
  padding:0 0 5px 0;
  font:normal 10px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  color:#666;
  background-color:transparent;
}

#featuredetails
{
  float:right;
  width:190px;
  position:relative;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  color:#666;
  background-color:transparent;
  top:8px;
  right:0;
}


/* Footer */

#footer
{
  background: url("../images/footer.gif") repeat-x left top;
  height:76px;
  width:100%;
  padding:30px 0 0 0;
  text-align:center;
  position:relative;
  top:0;
  left:0;
}

#footerline
{
  width:740px;
  text-align:left;
  margin:0 auto;
}

#footerline p
{
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  color: #999;
  background-color:transparent;
  padding: 0;
  margin: 0;
}


/* Vertical Menu */

#contentover
{
   margin-top:25px;
}

#vertmenu
{
  float:left;
  width:105px;
  margin:10px 0 0 0;
  padding:15px 0 0 0;
  background:url("../images/vert_dot.gif") repeat-y right top;
}

#vertmenu ul
{
  margin:0 0 0 0;
  margin-left:18px;
  padding:5px 0 15px 0;
  font:normal 12px/16px 'Lucida Grande', Verdana, Arial, sans-serif;
  list-style-type:none;
  color:#666;
  background-color:transparent;
}

#vertmenu ul li
{
  list-style-image:none;
  margin-bottom:6px;
  height:23px;
}

#vertmenu li a,#vertmenu li a:link
{
  margin:0px;
  height:23px;
  color:#999;
  display:block;
  padding:0;
}

#vertmenu li a:active
{
  color:#036;
  background-color:transparent;
}

#vertmenu li a:visited
{
  color:#999;
  background-color:transparent;
}

#vertmenu li a:hover
{
  color:#3f7e86;
  background-color:transparent;
  background:url("../images/menuline.gif") repeat-x left bottom;
}

#vertmenu #currvert
{
  background:url("../images/menuline.gif") repeat-x left bottom;
  border-width:0;
}

#vertmenu #currvert a
{
  color:#666;
  background-color:transparent;
  padding-bottom:0px;
}

#vertmenu li.main
{
  list-style-image:url("../images/vertbull.gif");
}

/* IE List Hack - Ist item is always screwed up so add a dummy. */
#vertmenu li.dummy
{
  display:none;
}

#vertmenu a:hover
{
  color:#333;
  background-color:transparent;
}

#centercontent
{
  width:300px;
  position:relative;
  padding:0;
  margin-left:105px;
  left:40px;
  top:25px;
} 

a.imglink
{
  background-color: #fff;
}

#centercontent ul
{
  margin:0 0 0 0;
  margin-left:18px;
  padding:0px 0 0px 0;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  list-style-type:none;
  color:#666;
  background-color:transparent;
}

#centercontent ul li
{
  list-style-image:url("../images/listbull.gif");
  margin-bottom:6px;
}

/* Flush Menu */

#flushmenu
{
  float:left;
  width:145px;
  margin:10px 0 0 0;
  padding:15px 0 0 0;
  background:url("../images/vert_dot.gif") repeat-y right top;
}

#flushmenu ul
{
  margin:0 0 0 0;
  margin-left:3px;
  padding:5px 0 15px 0;
  font:normal 12px/16px 'Lucida Grande', Verdana, Arial, sans-serif;
  list-style-type:none;
  color:#666;
  background-color:transparent;
}

#flushmenu ul li
{
  list-style-image:none;
  margin-bottom:6px;
  height:23px;
}

#flushmenu li a,#flushmenu li a:link
{
  margin:0px;
  height:23px;
  color:#999;
  display:block;
  padding:0;
}

#flushmenu li a:active
{
  color:#036;
  background-color:transparent;
}

#flushmenu li a:visited
{
  color:#999;
  background-color:transparent;
}

#flushmenu li a:hover
{
  color:#3f7e86;
  background-color:transparent;
  background:url("../images/menuline.gif") repeat-x left bottom;
}

#flushmenu #currvert
{
  background:url("../images/menuline.gif") repeat-x left bottom;
  border-width:0;
}

#flushmenu #currvert a
{
  color:#666;
  background-color:transparent;
  padding-bottom:0px;
}

#flushmenu li.main
{
  list-style-image:url("../images/vertbull.gif");
}

/* IE List Hack - Ist item is always screwed up so add a dummy. */
#flushmenu li.dummy
{
  display:none;
}

#flushmenu a:hover
{
  color:#333;
  background-color:transparent;
}

#flushcontent
{
  width:575px;
  position:relative;
  padding:0;
  margin-left:142px;
  left:40px;
  top:25px;
} 

a.imglink
{
  background-color: #fff;
}

#flushcontent ul
{
  margin:0 0 0 0;
  margin-left:18px;
  padding:0px 0 0px 0;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  list-style-type:none;
  color:#666;
  background-color:transparent;
}

#flushcontent ul li
{
  list-style-image:url("../images/listbull.gif");
  margin-bottom:6px;
}

.imgmatte
{
  border: 1px solid #ccc;
  padding: 4px;
}

/* Support Form */

#scontent
{
  width:365px;
  padding:45px 0 0 35px;
}

#label
{
  display: block;
  font:normal 10px/16px 'Lucida Grande', Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0px 0;
  color: #666;
}

.textfield
{
  font:normal 11px/13px 'Lucida Grande', Verdana, Arial, sans-serif;
  padding:2px;
  margin: 0;
  border: 1px solid #ccc;
  background-color: #eee;
  width: 100%;
  color: #666;
}

#support td
{
  padding:5px;
}

#support table
{
  width: 100%;
}

#buttons
{
  height:22px;
  margin:1px 0 0 0;
  padding:2px 0 0 0;
  position:relative;
  background:none;
  font:normal 10px/20px 'Lucida Grande', Verdana, Arial, sans-serif;
  top:0px;
  left:120px;
}

#buttons ul
{
  height:20px;
  margin:0;
  padding:0;
  list-style:none;
  background:none;
  color:#666;
  background-color:transparent;
}

#buttons li
{
  float:left;
  background:url("../images/but_left.gif") no-repeat left bottom;
  height:22px;
  margin:0;
  padding:0 0 0 6px;
}

#buttons a
{
  float:left;
  display:block;
  background:url("../images/but_right.gif") no-repeat right bottom;
  padding:0px 25px 3px 17px;
  height:19px;
  text-decoration:none;
  font-weight:bold;
  color:#666;
  background-color:transparent;
  width:.1em;
  margin:0;
}

#buttons > ul a
{
width:auto;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#buttons a {float:none;}
/* End IE5-Mac hack */

#buttons a:hover
{
  color:#333;
  background-color:transparent;
}


/* Contact Page */

#contactus
{
  width:365px;
  padding:45px 0 0 0;
}

#contactus p
{
  font:normal 15px/20px 'Lucida Grande', Verdana, Arial, sans-serif;
}

#contactus a
{
  font:normal 15px/20px 'Lucida Grande', Verdana, Arial, sans-serif;
}

a.contactlink
{
  background-color: #fff;
}

/* Legal */

#legalcontent
{
  width:740px;
  padding:45px 0 0 0;
}

/* Sitemap */

#smcontent
{
  font:normal 13px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  width:420px;
  padding:45px 0 0 0;
}

#sitemap 
{
  padding:1em 1.5em;
  line-height:20px;
}

#sitemap li 
{
  background:url("../images/linemark.gif") no-repeat 0% 0%;
  padding:0 0 0 24px;
  margin:0;
  list-style-type:none;
}

#sitemap li.first 
{
  background:url("../images/linemark_top.gif") no-repeat 0% 0%;
}

#sitemap li.last 
{
  background:url("../images/curve.gif") no-repeat 0% 0%;
}

#sitemap a.file 
{
  background:url("../images/file.gif") no-repeat 0% 0%;
  padding:0 0 0 17px;
}

#sitemap a.file:hover 
{
  background:url("../images/file_on.gif") no-repeat 0% 0%;
  padding:0 0 0 17px;
}

#sitemap a.folder 
{
  background:url("../images/folder.gif") no-repeat 0% 0%;
  padding:0 0 0 23px;
}

#sitemap a.folder:hover 
{
  background:url("../images/folder_on.gif") no-repeat 0% 0%;
  padding:0 0 0 23px;
}

#sitemap ul 
{
  background:url("../images/mapline.gif") repeat-y 0% 0%;
  padding:0 0 0 24px;
  margin:0 0 0 -24px;
  list-style-type:none;
}

#sitemap ul.last 
{
  background-image:none;
}

/* About Bottom */

#advantage
{
  float:left;
  width:430px;
  margin:13px 0 0 0;
  position:relative;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  background:url("../images/vert_dot.gif") repeat-y right top;
  top:0;
  left:0;
}

#advantage img
{
  float:left;
}

#advantage ul
{
  float:left;
  width:410px;
  list-style:none;
  margin:0px;
  padding:13px 16px 0 17px;
  font:normal 11px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
  color:#666;
  background-color:transparent;
}

#advantage ul li
{
  list-style-image:url("../images/listbull.gif");
  margin-bottom:6px;
}

#advantage a
{
  display:block;
  padding:3px;
}

#contact
{
  float:left;
  width:270px;
  margin:13px 0 0 0;
  padding:0 0 0 16px;
  position:relative;
  top:0;
  right:0;
}

#contact p
{
  font:normal 12px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
}

#contact a
{
  font:normal 12px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
}

a.contactlink
{
  background-color: #fff;
}