/* Automation Tool Company Stylesheet */
body
{
  margin: 0px;
  padding: 0px;
  background: url(../images/bg.gif);
  font-family: Arial, Helvetica, sans-serif;  
}
img { border: 0; }
ul{margin: 0px; padding: 0px;}
li{margin: 0px; padding: 0px;}
.clear { clear: both; }
.lclear { clear: left; }
table { font-size: 12px; }

#container { position: relative; width: 800px; margin: 0px auto; }


/* ----- HEADER / NAV ----- */

#header
{
  position: relative;
  width: 800px;
  height: 68px;
  background: #2d2d2d;
  z-index: 100;
}
#header-bottom
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 800px;
  height: 3px;
  background: #606060;
}
#nav { position: absolute; bottom: 0px; right: 0px; width: 464px; z-index: 100;}
#nav span
{
  display: block;
  width: 116px;
  height: 29px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
#nav span:hover { color: #efd99a; }
#nav a
{
  display: block;
  width: 116px;
  height: 29px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#nav a:hover { color: #efd99a; }
/*
.active
{
  width: 116px;
  height: 29px;
  float: left;
  color: #2d2d2d;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: url(../images/nav_bg2.gif);
}
*/
.dropdown
  {
    display: none;
    position: absolute;
    top: 68px;
    left: 325px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    z-index: 100;
  }
#markets { top: 68px; left: 315px; }
#competencies { top: 68px; left: 432px; }
#company { top: 68px; left: 550px; }
.dropdown a
  {
    display: block;
    width: 152px;
    padding: 8px 0px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-decoration: none;
    background: #2d2d2d;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }
.dropdown a:hover { background-color: #606060; }
.dropdown a.over { background-color: #606060; }
.dropdown img { display: block; margin: 0px; padding: 0px; }

/*
#nav a:hover
{
  background: url(../images/nav_bg2.gif);
  color: #2d2d2d;
}
*/
.nav-pad { padding-top: 5px; }


/* ----- CONTENT AREA ----- */

#content-area-home
{ 
  position: relative;
  width: 800px;
  background: url(../images/content_bg.jpg) no-repeat #ffffff;
}
#flash
{
  position: relative;
  width: 501px;
  height: 75px;
  background: url(../images/flash_bg.jpg);
}
#intro { position: relative; width: 501px; height: 261px; }
#intro2
{
  position: relative;
  width: 501px;
  height: 116px;
  background: url(../images/intro2_bg.jpg);  
}
#intro p, #intro2 p
{ 
  margin: 0px;
  padding: 16px 16px 0px 24px;
  color: #ffffff;
  font-size: 12px;
  line-height: 150%;
}
#intro p.floater { float: left; width: 204px; }
.bigger { font-size: 1.0em; font-weight: bold; }


/* ----- FEATURE ----- */

#feature
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 299px;
  height: 336px;
  background: url(../images/feature_bg.jpg);
}
#solutions
{
  position: absolute;
  top: 28px;
  left: 50px;
  width: 105px;
  height: 13px;
  background: url(../images/solutions.jpg);
}
#numbers
{ 
  position: absolute;
  top: 24px;
  right: 16px;
  font-size: 11px;
  font-weight: bold;
}
#numbers a
{ 
  display: block;
  float: left;
  margin-right: 12px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
#numbers a:hover { color: #000000; }
.case
{
  position: absolute;
  top: 64px;
  left: 0px;
  width: 299px;
  height: 272px;
  color: #3a5880;
  font-size: 11px;
}
.case-title { position: relative; margin-left: 64px; }
.case p { margin: 0px auto; padding: 10px 0px; width: 243px; }
.case a
{
  color: #2d2d2d;
  font-weight: bold;
  text-decoration: none;
}
.case a:hover { text-decoration: underline; }
#case1
{ 
  background: url(../images/case1_image.jpg) bottom right no-repeat;
}
#case2
{ 
  display: none;
  background: url(../images/case2_image.jpg) bottom right no-repeat;
}
#case3
{ 
  display: none;
  background: url(../images/case3_image.jpg) bottom right no-repeat;
}
#case4
{
  display: none;
  background: url(../images/case4_image.jpg) bottom right no-repeat;
}
#case5
{
  display: none;
  background: url(../images/case5_image.jpg) bottom right no-repeat;
}
#case6
{
  display: none;
  background: url(../images/case6_image.jpg) bottom right no-repeat;
}
#case7
{
  display: none;
  background: url(../images/case7_image.jpg) bottom right no-repeat;
}

/* ----- HOME BOTTOM SECTIONS ----- */

.heading { position: relative; height: 23px; background-color: #2d2d2d; }
#capabilities
{
  position: relative;
  float: left;
  width: 210px;
  height: 360px;
  background: url(../images/capabilities_bg.jpg) no-repeat;
  font-size: 11px;
  font-weight: bold;
}
#capabilities-heading
{
  width: 210px;
  background: url(../images/h_competencies.gif) no-repeat #2d2d2d;
}
#capabilities ul { margin: 8px 0px 0px 36px; }
#capabilities li { padding: 4px 0px; }
#capabilities li a { color: #000000; text-decoration: none; }
#capabilities li a:hover { text-decoration: underline; }



/* ----- NEWS ----- */

#news
{
  position: relative;
  float: left;
  width: 410px;
  min-height: 360px;
  height: auto !important;
  height: 360px;
  background: #ffffff;
}
#news-heading
{
  width: 408px;
  margin: 0px auto;
  background: url(../images/h_news.gif) no-repeat #2d2d2d;
}
.news-pad { padding: 4px 8px; }
.news-item { padding: 12px; border-bottom: 1px solid #c9d3de; }
.news-item h1
{
  display: block;
  margin: 3px 0px;
  padding: 0px;
  color: #2d2d2d;
  font-size: 14px;
  font-weight: bold;
}
.news-item a
{
  color: #2d2d2d;
  font-weight: bold;
  text-decoration: none;
}
.news-item a:hover { text-decoration: underline; }
.news-item h2
{
  margin: 3px 0px;
  padding: 0px;
  color: #9d181d;
  font-size: 11px;
  font-weight: bold;
}
.news-item p
{
  margin: 3px 0px;
  padding: 0px;
  color: #3a5880;
  font-size: 11px;
  line-height: 140%;
}


/* ----- CALLOUTS ----- */

#callouts
{
  position: relative;
  float: left;
  width: 180px;
}
#contest-heading
{
  position: relative;
  width: 180px;
  background: url(../images/h_contest.gif) no-repeat #2d2d2d;
}

#links-heading
{
  position: relative;
  width: 180px;
  background: url(../images/h_links.gif) no-repeat #2d2d2d;
}


#quality-heading
{
  position: relative;
  width: 180px;
  background: url(../images/h_quality.gif) no-repeat #2d2d2d;
}
.callout
{ 
  position: relative;
  margin: 10px auto 36px auto;
  width: 154px;
  font-size: 11px;
  color: #2d2d2d;
}
.callout p { margin: 0px; padding: 4px 0px; }


/* ----- INTERIOR ----- */
#subnav
{
  position: relative;
  width: 800px;
  height: 70px;
  background: #f0f0f0;
}
#subnav-pad { margin: 0px auto; padding: 1px 2px 1px 0px; }
#sn-markets { float: left; width: 399px; }
#filler { float: left; border: 1px solid #d7d7d7;}
.subnav-box
{
  position: relative;
  float: right;
  margin-left: 2px;
  padding-bottom: 17px;
  border: 1px solid #d7d7d7;
  background: #c7c7c7;
}
#fill { background: #f0f0f0; }

.subnav-box a
{
  display: block;
  width: 129px;
  height: 49px;
  background: #f0f0f0;
  color: #5e5e5e;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
}
.subnav-box a:hover { background: #efd99a; }
.subnav-linkpad { padding-top: 14px; }
.subnav-box p.one
{
  display: block;
  margin: 0px;
  padding: 0px;
  width: 129px;
  height: 49px;
  background: #f0f0f0;
  color: #5e5e5e;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
}
.subnav-box p.three
{
  display: block;
  margin: 0px;
  padding: 0px;
  width: 395px;
  height: 49px;
  background: #f0f0f0;
  color: #5e5e5e;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
}

#content-area
{ 
  position: relative;
  width: 800px;
  padding-top: 20px;
  background: url(../images/content_bg.jpg) no-repeat #ffffff;
}
#content
{
  position: relative;
  margin: 0px auto 20px auto;
  width: 762px;
  background: url(../images/interior_bg.gif) repeat-y;
}
#content-top
{
  position: relative;
  height: 12px;
  width: 762px;
  background: url(../images/interior_top.gif);
}
#content-bottom
{
  position: relative;
  height: 11px;
  width: 762px;
  background: url(../images/interior_bottom.gif);
}

#main
{
  margin: 0px 0px 0px 18px;
  width: 550px;
  background: #ffffff;
}
#main-pad { padding: 0px 16px 10px 16px; }
#main a { color: #132c4f; text-decoration: none;}
#main a:hover { text-decoration: underline; }
#main h1
{
  margin: 0px;
  padding: 10px 0px;
  color: #132c4f;
  font-size: 20px;
  font-weight: normal;
}
#main p
{
  margin: 8px 0px;
  padding: 0px;
  color: #2d2d2d;
  font-size: 12px;
  line-height: 140%;
}
#main ul
{
  margin-left: 24px;
  color: #7faac9;
  font-size: 12px;
}
#main ul li span { color: #2d2d2d; }
#main ul li ul
{
  margin-left: 18px;
  color: #2d2d2d;
  list-style-type: disc;
}
#main-callout
{
  position: relative;
  float: right;
  margin-left: 6px;
  margin-bottom: 6px; 
  width: 282px;
  background: #d9d7d7;
}
#main-callout-pad
{
  position: relative;
  width: 267px;
  margin-left: 15px;
  margin-bottom: 10px;
  background: #ffffff;
}
#main-callout-top
{
  position: relative;
  height: 6px;
  width: 267px;
  background: url(../images/callout_top.gif);
}
#main-callout-bottom
{
  position: relative;
  height: 6px;
  width: 267px;
  background: url(../images/callout_bottom.gif);
}
.img1 { float: left; margin-right: 6px; border: 1px solid #aaaaaa; }
.imgCol { float: right; margin-left: 6px; width: 224px; }
.imgCol img
{
  display: block;
  margin: 0px auto 10px auto;
  border: 1px solid #aaaaaa;
}
.bigImg { margin: 0px auto; }
.bigImg img { display: block; margin: 0px auto; }
.vidCol { float: right; margin-left: 6px; }
#videoLinks { font-size: 12px; }
#videoLinks img { border: 1px solid #aaaaaa; vertical-align: middle; }
.marketLink
{
  float: left;
  margin-right: 10px;
  width: 156px;
  text-align: center;
}
.marketLink a { font-size: 14px; }
.marketLink img { border: 1px solid #aaaaaa; }


#news-column
{
  position: relative;
  float: right;
  width: 176px;
  min-height: 560px;
  height: auto !important;
  height: 560px;
}
#newser
{
  position: relative;
  margin: 8px 0px 8px 0px;
  width: 42px;
  height: 12px;
  background: url(../images/news.gif);
}
#news-column h3
{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
}
#news-column a
{
  display: block;
  margin: 0px 0px 8px 0px;
  width: 170px;
  font-size: 10px;
  color: #2d2d2d;
  text-decoration: none;
}
#news-column a:hover { text-decoration: underline; }
#testimony-h
{
  position: relative;
  margin: 28px 0px 8px 0px;
  width: 87px;
  height: 13px;
  background: url(../images/testimony.gif);
}
#testimony p
{
  display: block;
  margin: 0px 0px 8px 0px;
  width: 170px;
  font-size: 10px;
  color: #2d2d2d;
}
.news-photo
{
  position: relative;
  float: right;
  width: 200px;
  padding-right: 6px;
  margin-left: 10px;
  font-size: 10px;
}
.news-photo img { display: block; margin-bottom: 4px; }

#testimonial p { font-size: 11px; line-height: 130%; }

/* ----- FOOTER ----- */
#footer
{ 
  position: relative;
  width: 800px; 
  padding: 12px 0px;
  background: #2d2d2d;
  text-align: center;
  color: #dddddd;
  font-size: 11px;
}
#footer a { color: #dddddd; }