/*<!-- All global  -->  */

body {
  float: none;
  margin: 0 auto 0 auto;
  position: relative;
  background: #000000;
  background-position: center;
  width: 1024px;
}
h1{
  font: 11px Verdana, Arial, sans-serif;
  color: #003366;
  position:absolute;
  margin-left:144px;
  margin-top:32px;
}
h2{
  font: bold 10px Verdana, Arial, sans-serif;
  color: #AAAAAA;
  position: absolute;
  margin-left:144px;
  margin-top:55px;
}
div {
  color: #FFFFFF;
  font: 11px Verdana, Arial, sans-serif;
  line-height:20px;
}
p{
  font: 11px Verdana, Arial, sans-serif;
  color: #003366;
  position: relative;
}

.textindex {
  color: #FFFFFF;
  font: italic 15px Arial, MS Sans Serif, sans-serif;
}
/*<!-- Index bar under flash  -->  */

/* <!-- Home Page Builder -->  */

#header{
  background: transparent url(../images/header.jpg) no-repeat;
  width: 1024px;
  height: 120px;
  position:absolute;
}

#footer{
  font: normal 10px/17px Verdana, Arial, sans-serif;
  color: #CACACA;
  text-align: center;
  position: relative;
  background: #020202;
  width: 1024px;
  height: 50px;
}

/*<!-- PhotoGallery Style  -->  */

/* <!-- Home Page Charter -->  */


#footer2{
  font: normal 10px/17px Verdana, Arial, sans-serif;
  color: #CACACA;
  text-align: center;
  background: #000000;
}

.textindex_charter {
  color: #015F96;
  font: italic 16px Arial, MS Sans Serif, sans-serif;
}
.textcharter_div {
  color: #01395A;
  font: 11px Verdana, Arial, sans-serif;
  line-height:20px;
}

.textcharter_div a{
  color: #01395A;
  text-decoration: none;
}
.textcharter_div a:hover{
  color: #FF6600;
  text-decoration: none;
}
/*<!-- PhotoGallery Style  -->  */

.stepcarousel{
  position: relative; /*leave this value alone*/
  overflow: scroll; /*leave this value alone*/
  width: 559px; /*Width of Carousel Viewer itself*/
  height: 344px; /*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: 15px; /*margin around each panel*/
    width: 559px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*<!-- PhotoGallery Charter --> */
.stepcarousel2{
  overflow: scroll; /*leave this value alone*/
  width: 559px; /*Width of Carousel Viewer itself*/
  height: 344px; /*Height should enough to fit largest content's height*/
}

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

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

/*<!-- Contact Style  -->  */
.textcontact {
  color: #FFFFFF;
  font: normal 12px Arial, MS Sans Serif, sans-serif;
}

.textcolor {
  color: #FF0000;
}

.textemail{
  color: #000000;
  font: normal 12px Tahoma, MS Sans Serif, sans-serif;
}

/*<!-- Photo Style  -->  */

.photogallery{
  font: normal 12px Verdana, Arial, sans-serif;
  color: #E5E5E5;
}

.photogallery img{
  border: 0px solid #212121;
}

.photonavlinks{
  font: normal 12px Arial;
}

.photonavlinks a{
  margin-right: 2px;
  margin-bottom: 3px;
  padding: 1px 5px;
  text-decoration: none;
  background: white;
}

.photonavlinks a.current{
  background: #C0C0C0;
}

/*<!-- Link Style  -->  */

a:active {
  text-decoration: none;
}
a{
  color: #FFFFFF;
  text-decoration: none;
}


a:hover {
  text-decoration: none;
  color: #0BB5FD;
}

a:link img {
  filter:none;
}

a:visited img {
  filter:Alpha(opacity=90);
}

a:hover img {
  filter:Alpha(opacity=100);

}

/* -------------------------------------------------------- */
/* BUTTON													*/
.button{
	color:#FFFFFF;
	clear:none;
	display:inline;
	float:none;
	width:auto;
}
a.button {
    text-decoration:none;
}
.button span {
    background:url(../images/down.gif)  left no-repeat;
    display:block;
    float: left;
    height:6px;
    padding-left:10px;
    padding-right:8px;
    margin-left:25px;
    margin-top:0px;
}
/*============ slide image ============ */

#nav {
  margin:0px;
  padding:0px;
  margin-top:-35px;
  margin-left:10px;
  }
#nav a {
  margin: 5px;
  padding: 3px 10px 5px 6px;

  background: url(../images/bt_circle.gif) no-repeat;
  text-decoration: none;
  color:#660099;
  }
#nav a.activeSlide {
  margin: 5px;
  padding: 3px 10px 5px 6px;
  background: url(../images/bt_circle2.gif) no-repeat;
  color:#fff;
  }
#nav a:focus {
  outline: none;
  }
.pics {
    height:  300px;
    width:   910px;
    padding: 0px;
    margin:  0px;;
}

.pics img {
    padding: 0px;
    width:  910px;
    height: 300px;
    top:  0px;
    left: 0px;
}