/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom css and css overrides in this file and  */ 
/* rename it local.css.  By restricting your css changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.               */

/* Steps to activate local.css:                       */
/* 1. Add your custom css to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Uncomment (remove leading semicolon from ) the  */ 
/*    following line in your theme's .info file:      */
/*    ;stylesheets[all][] = local.css                 */
/* 4. Clear cached data at admin/settings/performance */
/*
@font-face {
font-family: "calibri";
src: url(fonts/calibri.ttf) format("truetype");
*/
/*
.sizer {
  width:960px;
  max-width: none;
}
.page {
  padding: 0px;
  margin: 0px;
}
.expander0 {
  margin: 0px;
  min-width: none;
  width: 960px;
}

.cs_bg {
  background: white;
}

*/

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

#page {
    max-width:100%;
    #max-width: 960px;
}

#header {

}

#header-wrapper {
}

body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin: 0px auto;
    #background:green;
    background: url("images/gen_background.png");
    marginwidth: 0px;
    marginheight: 0px
    max-width:100%;
    width: 100%;
    
    padding: 0px 0px 0px 0px;
    align: center;
 border: 0px solid blue;
}

html {
   #background:#ffffff;
   #max-width:100%;
   background: url("images/gen_background.png");

}


#hometop {
width:100%;
}

#banner_id {
  padding: 0px 0px 0px 0px;
  margin 0;
}

#menu_banner_id {
  padding: 0px 0px 0px 0px;
  margin 0;
}

#main_content {
  width: 440px;
}

#ch_main_content {
  align: center;
  width: 960px;
}
#sample_bar_id {
  align: center;
  width: 960px;
}


/* carousel width control */
.li_reset {
  margin: 0px;
  align: center;
  width: 179px;
}

#gborder {

}
#hr_line {
  height: 2px;
  background-color: #cdcdcd;
  color: #cdcdcd;
}
hr {
  height: 1px;
  background-color: #cdcdcd;
  color: #cdcdcd;
}

.rs_content {
  margin: 0 0 0px 0;
  padding: 2px;
  border-bottom: 1px dashed #cdcdcd;
}

.content1 {
  font-family: calibri, arial, helvetica, verdana;
  font-size: 11px;
  color: #ffffff;
}

.content2 {
  font-family: calibri, arial, helvetica, verdana;
  font-size: 13px;
  color: #ffffff;
  line-height:1.3;
}

.content3 {
  font-family: calibri, arial, helvetica, verdana;
  font-size: 13px;
  color: #ffffff;
}

.content5 {
  font-family: calibri, arial, helvetica, verdana;
  font-size: 13px;
  color: #ffffff;
  line-height: 1.2;
}


a.wlink:link {color: #ffffff; font-weight: normal; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.wlink:active {color: #ffffff; font-weight: normal; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.wlink:visited {color: #ffffff; font-weight: normal; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.wlink:hover {color: #ffffff; font-weight: normal; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}                                                                                                                                                                                                                                             
a.wlink2:link {color: #005b7f; font-weight: normal; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.wlink2:active {color: gray; font-weight: normal; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.wlink2:visited {color: #005b7f; font-weight: normal; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.wlink2:hover {color: gray; font-weight: normal; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}                                                                                                                                                                                                                                             

.copyright {
  color: white;
  font-size: 10px;
}

a.link2:link {color: #336699; font-weight: normal; font-size: 10px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.link2:active {color: #336699; font-weight: normal; font-size: 10px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.link2:visited {color: #336699; font-weight: normal; font-size: 10px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.link2:hover {color: #336699; font-weight: normal; font-size: 10px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}                                                                                                                                                                                                                                             
/*
a.about_link:link {width: 86; height: 40px; background: url("images/about.png") 0 0 no-repeat;text-decoration: none;}
a.about_link:active {width: 86; height: 40px; background: url("images/about_hover.png") 0 0 no-repeat; text-decoration: none;}
a.about_link:visited {width: 86; height: 40px; background: url("images/about.png") 0 0 no-repeat;text-decoration: none;}
a.about_link:hover {width: 86; height: 40px; background: url("images/about_hover.png") 0 0 no-repeat; background-position: -30px; text-decoration: none;}
*/
/*
a#aboutus:link {width: 86; height: 40px; background: url("images/about.png") 0 0 no-repeat;text-decoration: none;}
a#aboutus:active {width: 86; height: 40px; background: url("images/about_hover.png") 0 0 no-repeat; text-decoration: none;}
a#aboutus:visited {width: 86; height: 40px; background: url("images/about.png") 0 0 no-repeat;text-decoration: none;}
a#aboutus:hover {width: 86; height: 40px; background: url("images/about_hover.png") 0 0 no-repeat; text-decoration: none; z-index: 2;}
*/
/*
a#aboutus:link {width: 186; height: 140px; background: url("images/about.png") 0 0 no-repeat;text-decoration: none;}
a#aboutus:active {width: 186; height: 140px; background: url("images/about_hover.png") 0 0 no-repeat; text-decoration: none;}
a#aboutus:visited {width: 186; height: 140px; background: url("images/about.png") 0 0 no-repeat;text-decoration: none;}
a#aboutus:hover {width: 186; height: 140px; background: url("images/about_hover.png") 0 0 no-repeat; text-decoration: none; z-index: 2;}
*/
#main_content {
  align: left;
  valign:top;
}

#button { 
  width: 86px;
  height: 40px;
}

/*
.about_us {
  background-image: url(images/about.png);
  background-repeat: no-repeat;
  width: 86px;
  height: 40px;
  display: block;
}
 */
.about_us a {
  background-image: url(images/about.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 86px;
  display: block;
  border: 0px solid red;
}
 
.about_us a:hover {
  background-image: url(images/about_hover.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 86px;
  display: block;
}
.about_us a:active {
  background-image: url(images/about_hover.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 86px;
  display: block;
}
.about_us_normal  {
  background-image: url(images/about.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 86px;
  display: block;
}
.about_us_active {
  background-image: url(images/about_hover.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 86px;
  display: block;
  border: 1px solid blue;
}



.services a {
  background-image: url(images/services.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 120px;
  display: block;
}
 
.services a:hover {
  background-image: url(images/services_hover.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 120px;
  display: block;
}
.services a:active {
  background-image: url(images/services_hover.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 120px;
  display: block;
}
.services a:link {
  background-image: url(images/services_hover.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 120px;
  display: block;
}
.services_normal {
  background-image: url(images/services.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 120px;
  display: block;
}
.services_active {
  background-image: url(images/services_hover.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 120px;
  display: block;
}


.team a {
  background-image: url(images/team.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 73px;
  display: block;
}
 
.team a:hover {
  background-image: url(images/team_hover.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 73px;
  display: block;
}

.menu ul {
  list-style: none;
}

.menu li
 {
 float: left;
 margin: 0 0.15em;
 }

.left_arrow a {
  background-image: url(images/left_arrow_1.png);
  background-repeat: no-repeat;
  /*height: 144px;*/
  height: 110px;
  width: 32px;
  display: block;
}
 
.left_arrow a:hover {
  background-image: url(images/left_arrow_hover_1.png);
  background-repeat: no-repeat;
  /*height: 144px;*/
  height: 110px;
  width: 32px;
  display: block;
}

.right_arrow a {
  background-image: url(images/right_arrow_1.png);
  background-repeat: no-repeat;
  height: 110px;
  width: 32px;
  display: block;
}
 
.right_arrow a:hover {
  background-image: url(images/right_arrow_hover_1.png);
  background-repeat: no-repeat;
  height: 110px;
  width: 32px;
  display: block;
}

#preview1{
  position: absolute;
  /*margin-top: -300px;*/
  margin: -300px 0px 0px -10px;
  border:1px solid #ccc;
  background:#333;
  padding:5px;
  display:none;
  color:#fff;
  z-index: 10;
  }

.hfont {
  font-size: 20px;
  font-weight: normal; 
  font-family: calibri, arial, helvetica, verdana;
  line-height: 22px;
}

.content4 {
  font-size: 16px;
  font-weight: normal; 
  font-family: calibri, arial, helvetica, verdana;
}

.sul {
  font-family: calibri, arial, helvetica, verdana;
  font-size: 14px;
  list-style-type: disc;
  color: white;
}
.pborder {
  border-right: 1px solid #d3d3d3;
}
/* CSS Document */
/* GENERAL */
/*
ul{
  padding:0;
  margin:0;
  list-style-type:none;
  line-height:0;
  font-size:0;
}
*/
.tab_ul ul{
  padding:0;
  margin:0;
  list-style-type:none;
  line-height:0;
  font-size:0;
}

a{
  text-decoration:none;
  outline:none;
  font-size: 11px;
  font-weight: bold;
  color: gray;
}

.tab_a a{
  text-decoration:none;
  outline:none;
  font-size: 11px;
}
.spacer{
  clear:both;
  line-height:0;
  font-size:0;
}



/* GENERAL */

div#main1{
  width:430px;
  background:url(images/border.gif) no-repeat 182px 0;
#  padding:20px 0 0 18px;
}
div#main1 ul{
  float:left;
  width:139px;
  border-top:1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
div#main1 ul li{
  text-align:right;
  border-top: 1px solid #d3d3d3;
}
div#main1 ul li a{
  padding:7px 6px 7px 0;
  font:normal 11px/14px Futura Bk, Tahoma, Arial, Helvetica, sans-serif;
  color:#585858;
  background-color:inherit;
  width:133px;
  text-align:right;
  display:block;
}
div#main1 ul li a span{
  color:#c4c4c4;
  font-family: calibri, arial, helvetica, verdana;
  font-size: 11px;
  font-weight: bold;
}
div#main1 ul li a:hover, a:active, div#main1 ul li a.active{
  color: #585858;
  background-color: #acacac;
  text-decoration: none;
}
div#main1 ul li a span:hover, a:active, div#main1 ul li a span.active{
  color: #585858;
  font-weight: bold;
  background-color:#acacac;
  text-decoration: none;
}
#main1 div#inner{
padding-left: 25px;
width: 260px;
float:right;
height:300px;
align: top;
}
#main1 div#inner img{
  width:62px;
  height:62px;
  display:block;
  float:left;
  margin:0 22px 20px 0;
}
#main1 div#inner h2{
  font:normal 12px/14px Futura Bk, Tahoma, Arial, Helvetica, sans-serif;
  color:#999999;
  background-color:inherit;
  float:left;
}
#main1 div#inner h2 span{
  color:#0099FF;
  background-color:inherit;
  font:bold 14px/16px Futura Bk, Arial, Helvetica, sans-serif;
}
#main1 div#inner p{
  width:260px;
  float:left;
  font:normal 11px/16px Futura Bk, Arial, Helvetica, sans-serif;
  color:#666666;
  background-color:inherit;
  margin:0 0 0 0;
}
.hiddenTab {
  display:none;
}
#wrapper {
  width: 500px;
  margin-left: 300px;
  margin-top: 100px;
}
.pborder {
  border-right: 1px solid #d3d3d3;
}
.pborder_r li a:hover, a:active {
  border-right: 0px solid #d3d3d3;
}

.ptitle {
  font-size: 16px;
  font-family: calibri, arial, helvetica, verdana;
  font-weight: bold;
  color: #525252;
}

.white_t {
  color: white;
}

.plink_li {
  color: #585858;
}

.pshead {
  font-family: calibri, arial, helvetica, verdana;
  font-size: 14px;
  font-weight: bold;
  color: white;
}

#poop {
  border-bottom: 0px solid red;
}

.about_us_but  {
    position: absolute;
    width: 86px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/about_sp2.png) no-repeat 0 0;
}

.about_us_but:hover {
    background-position: -86px 0;
}

.about_us_but:active {
    background-position: -86px 0;
}

.about_us_but_set {
  background-position: -86px 0;
}
.about_us_but_reset {
  background-position: 0px 0;
}
.about_us_but_reset  {
    position: absolute;
    width: 86px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/about_sp2.png) no-repeat 0 0;
}
/*
.about_us_but_reset:hover {
    background-position: -86px 0;
}

.about_us_but_reset:active {
    background-position: -86px 0;
}
*/
.services_but  {
    position: absolute;
    width: 102px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/services_sp2.png) no-repeat 0 0;
}

.services_but:hover {
    background-position: -102px 0;
}

.services_but:active {
    background-position: -102px 0;
}
.services_but_set {
    background-position: -102px 0;
}
.services_but_reset {
    background-position: 0px 0;
}
.services_but_reset  {
    position: absolute;
    width: 102px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/services_sp2.png) no-repeat 0 0;
}

.services_but_reset:hover {
    background-position: -102px 0;
}

.services_but_reset:active {
    background-position: -102px 0;
}

.team_but  {
    position: absolute;
    width: 73px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/team_sp2.png) no-repeat 0 0;
}

.team_but:hover {
    background-position: -73px 0;
}

.team_but:active {
    background-position: -73px 0;
}
.team_but_set {
    background-position: -73px 0;
}
.team_but_reset {
    background-position: 0px 0;
}
.team_but_reset  {
    position: absolute;
    width: 73px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/team_sp2.png) no-repeat 0 0;
}

.team_but_reset:hover {
    background-position: -73px 0;
}

.team_but_reset:active {
    background-position: -73px 0;
}


#mitem {
  width: 86px;
  height: 40px;
}

.cs_text {
  font-family: calibri, arial, helvetica, verdana;
  font-size: 12px;
  color: black;
}

.cs_table {
  width: 600px;
  cellpadding: 5;
  cellspacing: 0;
  border: 1;
}

#cal_font1 {
  color# white;
  font-family: calibri, arial, helvetica, verdana;
  font-size: 12px;
}

.examples_title {
  font-family: calibri, arial, helvetica, verdana;
  font-size: 16px;
  font-weight: normal;
  color: white;
}


.table_content {
  width: 960px;
  align:center;

}

.table_main {
  width: 100%;
  align: center;
}

.ex_item {
  width: 160px;
  height: 83.2px; 
  border: 0px solid black;
  background: black;
  margin: 0px;
  padding: 2px;
  border-left: 5px solid gray;
  border-right: 8px solid gray;
  border-top: 5px solid gray;
  border-bottom: 5px solid gray;

}

a.ex_link:link {color: #ffffff ; font-weight: bold; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.ex_link:active {color: white; font-weight: bold; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.ex_link:visited {color: white; font-weight: bold; font-size: 12px; font-family: calibri, arial, helvetica, verdana; text-decoration: none;}
a.ex_link:hover {color: white; font-weight: bold; font-size: 12px; font-family: calibiri, arial, helvetica, verdana; text-decoration: none;}                                                                                                                                                                                                                                             

#main_chweb_content {
   width: 960px;
   height: 372px;
   #position:relative;
   text-align:center;
   #display: block;
}

#banner {
   width: 960px;
   height: 123px;
   /*border: 1px solid blue;*/
   float: relative;
   display: block;
}
.left_margin {
   width: 150px;
}

#about_ifid {
  position: relative; 
  z-index: 5;
  top: 30;
  left: 300;
  border: 2px solid red;
}
#preview2{
  position: relative;
  /*margin-top: -300px;*/
  margin: 0px 0px 0px 0px;
  display:none;
  z-index: 2;
  }

#glow{
  position: relative;
  /*margin-top: -300px;*/
  margin: 0px 0px 0px 0px;
  display:none;
  z-index: 1;
  background: url("images/bg_glow.png") 0 0 no-repeat;
  border: px solid red;
  0
  }