/* CSS Document */

body {
  background:#2f3034 url(images/back.jpg) repeat-x;
  margin:0;
  padding:0;
  /* background-image : url(images/back.jpg);
     background-repeat : repeat-x;
     padding:0px; */
  text-align: center;
  min-width: 917px;
}

/* {
   padding: 0;

} */

html, body {
  height: 100%;
}


p,td,tr {
  color:#333333;
  font:12px Verdana, Arial, Helvetica, sans-serif;
  line-height:20px;
}

p  a:link {color: #6782A0}
p  a:visited {color:#6782A0}
p  a:hover {color:#2cb636;}
p  a:active {color: #6782A0}

h1 {
  font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
  padding:0px;
  color:#1a1a1a;
  font-size: 15px;
}


h3 {
  padding:0px;
  color:#6782a0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  margin-top: 5px;
}

h4 {
  padding:0px;
  color:#6782a0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;

}
h4 a:link {color: #6782a0;text-decoration: none;}
h4 a:visited {color:#6782a0;text-decoration: none;}
h4 a:hover {color: #446386;text-decoration: none;}
h4 a:active {color: #6782a0;text-decoration: none;}


h2 {
  font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
  font-weight: 600;
  padding:0px;
  color:#6782A0;
  margin-bottom:10px;
  font-size: 14px;
}




h2 a:link {color:#446386;}
h2 a:visited {color:#446386;}
h2 a:hover {color:#446386;}
h2 a:active {color:#446386;}

li {
  color:#666666;
  line-height:22px;
  list-style-image: url(images/arrow1.jpg);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

li a:link {
  color:#666666;
  text-decoration: none;
}
li a:visited {color:#666666;text-decoration: none;}
li a:hover {color:#353535;text-decoration: none;}
li a:active {color:#666666;text-decoration: none;}

#navlist { list-style-image: url('images/arrow1.jpg');}

#container {
  min-height: 100%;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
  width: 917px;
  text-align: left;
  margin: 0 auto;
}
* html #container {
  height: 100%;
}


#back {
  background-image : url(images/sideback.jpg);
  background-repeat : repeat-x;
  padding:0px;
  width: 250px;
}

#back2 {
  background-image : url(images/sideback.jpg);
  background-repeat : repeat-x;
  padding:0px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

#main {
  margin-right: 30px;
  margin-left: 36px;
  margin-top: 30px;
  line-height: 12px;
  min-height: 500px;
}
#main ul li{
  color:#444444;
  line-height:20px;
  list-style-image: url(images/arrow1.jpg);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

#main2 {
  margin-right: 60px;
  margin-left: 60px;
  line-height: 12px;
  vertical-align: top;
}
#main2 ul li{
  color:#444444;
  line-height:20px;
  list-style-image: url(images/arrow1.jpg);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
}


.style1 {
  font-size: 11px;
  line-height: 8px;
}
.style1 a:link {color:#333333;}
.style1 a:visited {color:#333333;}
.style1 a:hover {color:#333333;}
.style1 a:active {color:#333333;}



#side1 {
  border-bottom: 1px dotted #CCC;
  margin-left: 32px;
  padding-bottom: 25px;

}

#side2 {
  margin-left: 32px;
  border-bottom: 1px dotted #CCC;
  padding-right: 20px;

}

#sideaudio {
  line-height: 9px;
  padding-left: 3px;
}

.footer, .footer td {line-height: 2em;font-size:9px;color:#898989;font-weight:400;margin-left: 30px;}
.footer a {color: #898989;font-weight:400;color:#767676;font-size:9px;}


.footer2, .footer2 td {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 80px;
  margin-left: 36px;
  line-height: 2em;
  font-size:9px;
  color:#898989;
  font-weight:400;
  vertical-align: bottom;
}
.footer2 a {color: #898989;font-weight:400;color:#767676;font-size:9px;}

.small_blue {
  color: #6782A0;
  font-size: 11px;
  line-height: 11px;
}
.side_link {
  color: #6782A0;
  font-size: 10px;
  font-weight: bold;
}
.side_link a:link {color:#6782A0;text-decoration: none;}
.side_link a:visited {color:#446386;text-decoration: none;}
.side_link a:hover {color:#446386;text-decoration: none;}
.side_link a:active {color:#6782A0;text-decoration: none;}

.audio_side_main {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 16px;
}
.breadcrumbs {
  background-image : url(images/tab.jpg);
  background-repeat : repeat-x;
  padding:0px;
  background-color: #1e1e1e;
  height: 22px;
  padding-top: 3px;
  padding-left: 36px;
  color:#93928d;
  font-size: 10px;
  vertical-align: middle;
}
.breadcrumbs a:link {color:#93928d;text-decoration: none;}
.breadcrumbs a:visited {color:#93928d;text-decoration: none;}
.breadcrumbs a:hover {color:#93928d;text-decoration: none;}
.breadcrumbs a:active {color:#93928d;text-decoration: none;}


.arrow {
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
}
.black {
  background-color: #000000;
  height: 22px;
}

.style2 {
  color: #6782A0;
  font-style: italic;
}
/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #e4e4e4; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
                                padding:0; overflow:hidden; text-decoration:none;
                                height:100%; width:100%; }
html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
                   z-index:999; padding:0; background:none;
                   cursor:default; height:auto; width:auto;
                   overflow:visible; border:1px solid #e4e4e4;
                   margin:-1px 0 0 -1px; }
html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
                       border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
                   direction:ltr; font:10pt verdana,sans-serif;
                   margin-top:-3px; background:#369; color:#fff;
                   text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */

#main.call_to_action {
  min-height: 250px;
}
.call_to_action p {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}

#demo_video {
  margin: 30px 198px 30px 198px;
  text-align:center;
}


/* Support for the carousel */

#carousel_menu {
  margin: 15px 30px 15px 30px;
}


.menu {
  display:table;           
  padding:0;
  margin:0 auto;
  font-family: arial, helvetica, sans-serif;
  white-space:nowrap;
  list-style-type:none;
  }
* html .menu {
  display:inline-block;
  width:1px;
  padding:0 2px;
  }  
.menu li {
  display:table-cell;
  }
* html .menu li {
  display:inline;
  }
.menu a {
  display:block;
  padding:0.2em 0.5em; 
  /* background:#fc6;  */
  color:#000; 
  text-decoration:none;
  border:1px solid #000;
  }
* html .menu a {
  display:inline-block;
  margin:0 -2px; 
  }
.menu a:hover {
  color:#fff; 
  background:#666;
  }



a.current {
  background:#111;
  cursor:default;
  }

.stepcarousel{
  position: relative; /*leave this value alone*/
  margin: 10px 30px 10px 30px;
  overflow: scroll; /*leave this value alone*/
  width: 857px; /*Width of Carousel Viewer itself*/
  height: 940px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}

.stepcarousel .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 10px; /*margin around each panel*/
  width: 837px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



.stepcarousel .panel .next a {
background-image:url(images/next_button.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:50px;
margin-top: 10px;
margin-left:352px;
overflow:hidden;
text-indent:-9999px;
width:100px;
}

.stepcarousel .panel .next a:hover {
background-position:0 -50px;
}