@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('font/OpenSans-Light.eot');
    src: url('font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Light.woff2') format('woff2'),
         url('font/OpenSans-Light.woff') format('woff'),
         url('font/OpenSans-Light.ttf') format('truetype'),
         url('font/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('font/opensans-semibold-webfont.eot');
    src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-semibold-webfont.woff2') format('woff2'),
         url('font/opensans-semibold-webfont.woff') format('woff'),
         url('font/opensans-semibold-webfont.ttf') format('truetype'),
         url('font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothicboldtwo';
    src: url('font/tradeg1b-webfont.woff2') format('woff2'),
         url('font/tradeg1b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothiccondeighteenobl';
    src: url('font/tradeg1i-webfont.woff2') format('woff2'),
         url('font/tradeg1i-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothicbold';
    src: url('font/tradeg1r-webfont.woff2') format('woff2'),
         url('font/tradeg1r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothicboldtwooblique';
    src: url('font/tradeg1z-webfont.woff2') format('woff2'),
         url('font/tradeg1z-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'trade_gothic_lhboldextended';
    src: url('font/tradeg2b-webfont.woff2') format('woff2'),
         url('font/tradeg2b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothiclightoblique';
    src: url('font/tradeg2i-webfont.woff2') format('woff2'),
         url('font/tradeg2i-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothiccondeighteen';
    src: url('font/tradeg2r-webfont.woff2') format('woff2'),
         url('font/tradeg2r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothicoblique';
    src: url('font/tradeg3i-webfont.woff2') format('woff2'),
         url('font/tradeg3i-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'trade_gothic_lhextended';
    src: url('font/tradeg3r-webfont.woff2') format('woff2'),
         url('font/tradeg3r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothiclight';
    src: url('font/tradeg4r-webfont.woff2') format('woff2'),
         url('font/tradeg4r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothicboldcondtwenty';
    src: url('font/tradegob-webfont.woff2') format('woff2'),
         url('font/tradegob-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tradegothicboldoblique';
    src: url('font/tradegoi-webfont.woff2') format('woff2'),
         url('font/tradegoi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quilline_script_thinregular';
    src: url('font/quil_s_t-webfont.woff2') format('woff2'),
         url('font/quil_s_t-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.headerimg {background: center top no-repeat; width:100%; height:1080px; position:absolute}
.headerimg2 {background: center top no-repeat; width:100%; height:663px; position:absolute}
#header {height:1080px; position:relative; filter:alpha(opacity=90); opacity:0.90}
#header2 {height:663px; position:relative; filter:alpha(opacity=90); opacity:0.90}

#search{
	position: absolute;
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	z-index:9999}

#search2{
	position: absolute;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	z-index:9999}

.bcg{background-position:top center; background-repeat:repeat-y}
.bcg2{background-position: center; background-repeat:no-repeat; background-size:cover}
.bcg3{background-position:top center; background-repeat:no-repeat; background-size:cover}

#footer{font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px}
.footer{font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px}

.hidetext{display:none; visibility:hidden}
.registertext {font-family:Arial, Helvetica, sans-serif; width:368px; height:38px; overflow:auto; font-size: 14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}
.registertext2 {font-family:Arial, Helvetica, sans-serif; width:240px; height:40px; overflow:auto; font-size: 14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}
.registertext3 {font-family:Arial, Helvetica, sans-serif; width:60px; height:36px; overflow:auto; font-size: 14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}
.registertext4 {font-family:Arial, Helvetica, sans-serif; width:298px; height:38px; overflow:auto; font-size: 14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}

.searchtext {font-family:open_sansregular, Arial, Helvetica, sans-serif; width:350px; height:46px; overflow:auto; font-size: 14px; color:#333333; background-color:#ffffff; border:none}
.searchtext2 {font-family:open_sansregular, Arial, Helvetica, sans-serif; width:250px; height:46px; overflow:auto; font-size: 14px; color:#333333; background-color:#ffffff; border:none}
.quantitytext {font-family:Arial, Helvetica, sans-serif; width:55px; height:26px; overflow:auto; font-size: 14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}
.quantitytext2 {font-family:Arial, Helvetica, sans-serif; width:80px; height:78px; overflow:auto; font-size: 14px; text-align:center; color:#FFFFFF; background-color:#999999; border:none}
.quantitytext3 {font-family:Arial, Helvetica, sans-serif; width:60px; height:58px; overflow:auto; font-size: 24px; text-align:center; color:#FFFFFF; background-color:#999999; border:none}
.message{text-transform:none; width:368px; height:153px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}
.message2{text-transform:none; width:500px; height:100px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}
.message3{text-transform:none; width:490px; height:155px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}
.message4{text-transform:none; width:298px; height:153px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}
.message5{text-transform:none; width:240px; height:80px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#959595}

.p {font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height:28px}
.p2 {font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; line-height:38px}
.p3 {font-family:trade_gothic_lhextended, Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; line-height:48px}
.p4 {font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; line-height:40px}
.p5 {font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height:28px; text-decoration:none}
a:hover.p5 {text-decoration:underline}
.p6 {font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; line-height:26px}
.p7 {font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height:28px; text-decoration:none}
.phone {font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 23px; color: #ffffff; line-height:38px; padding: 5px 20px 5px 5px;}


.title { font-family:trade_gothic_lhextended, Arial, Helvetica, sans-serif; font-size: 30px; color: #ffffff; line-height:50px}
.title2 { font-family:trade_gothic_lhboldextended, Arial, Helvetica, sans-serif; font-size: 30px; color: #ffffff; line-height:50px}
.title2_mobile { font-family:trade_gothic_lhboldextended, Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; line-height:38px}
.title3 { font-family:OpenSans-Light, Arial, Helvetica, sans-serif; font-size: 48px; color: #ffffff; line-height:68px; text-shadow: 0px 0px 10px #000000}
.title3_mobile { font-family:OpenSans-Light, Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; line-height:40px; text-shadow: 0px 0px 10px #000000}
.title4 { font-family:OpenSans-Light, Arial, Helvetica, sans-serif; font-size: 24px; color: #ffffff; line-height:44px}
.title5 { font-family:OpenSans-Light, Arial, Helvetica, sans-serif; font-size: 36px; color: #ffffff; line-height:66px}
.title6 { font-family:OpenSans-Light, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; line-height:44px}
.title7 { font-family:OpenSans-Light, Arial, Helvetica, sans-serif; font-size: 36px; color: #000000; line-height:66px}
.title8 { font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; line-height:44px}
.title9 { font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 24px; color: #999999; line-height:44px}
.title10 { font-family:OpenSans-Light, Arial, Helvetica, sans-serif; font-size: 30px; color: #ffffff; line-height:50px}
.title11 { font-family:quilline_script_thinregular; font-size: 48px; color: #ffffff; line-height:50px}

a:link.footer {color: #999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a:active.footer {color: #999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a:visited.footer {color: #999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:hover.footer {color: #999999; text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px}

a:link.p {color: #ffffff; text-decoration:underline; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 16px}
a:active.p {color: #ffffff; text-decoration:underline; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 16px}
a:visited.p {color: #ffffff; text-decoration:underline; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 16px}
a:hover.p {color: #ffffff; text-decoration:none; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 16px}

a:link.phone {color: #ffffff; text-decoration:none; font-family:tradegothicbold, Arial, Helvetica, sans-serif; font-size: 22px}
a:active.phone {color: #ffffff; text-decoration:none; font-family:tradegothicbold, Arial, Helvetica, sans-serif; font-size: 22px}
a:visited.phone {color: #ffffff; text-decoration:none; font-family:tradegothicbold, Arial, Helvetica, sans-serif; font-size: 22px}
a:hover.phone {color: #ffffff; text-decoration:none; font-family:tradegothicbold, Arial, Helvetica, sans-serif; font-size: 22px}

a:link.menu {color: #ffffff; text-decoration:none; font-family:trade_gothic_lhextended, Arial, Helvetica, sans-serif; font-size: 18px; padding-left:10px; padding-right:10px;}
a:active.menu {color: #ffffff; text-decoration:none; font-family:trade_gothic_lhextended,Arial, Helvetica, sans-serif; font-size: 18px; padding-left:10px; padding-right:10px;}
a:visited.menu {color: #ffffff; text-decoration:none; font-family:trade_gothic_lhextended,Arial, Helvetica, sans-serif; font-size: 18px; padding-left:10px; padding-right:10px;}
a:hover.menu {color: #cccccc; text-decoration:none; font-family:trade_gothic_lhextended,Arial, Helvetica, sans-serif; font-weight:bold; font-size: 18px; padding-left:10px; padding-right:10px;}

.menu3 {font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff}
a:link.menu3 {color: #ffffff; text-decoration:none; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 18px}
a:active.menu3 {color: #ffffff; text-decoration:none; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 18px}
a:visited.menu3 {color: #ffffff; text-decoration:none; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 18px}
a:hover.menu3 {color: #ffffff; text-decoration:underline; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 18px}


.menu4 {font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff}
a:link.menu4 {color: #ffffff; text-decoration:none; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 14px}
a:active.menu4 {color: #ffffff; text-decoration:none; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 14px}
a:visited.menu4 {color: #ffffff; text-decoration:none; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 14px}
a:hover.menu4 {color: #cccccc; text-decoration:none; font-family:open_sansregular,Arial, Helvetica, sans-serif; font-size: 14px}

.button{border:none; background-color:#4C4C4C; width:50px; height:48px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; cursor:pointer}
.button2{border:none; background-color:#000000; width:110px; height:30px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button3{border:none; background-color:#000000; width:130px; height:80px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button4{border:none; background-color:#000000; width:100px; height:60px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button5{border:none; background-color:#CCCCCC; width:60px; height:60px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF; cursor:pointer}
.button7{border:none; background-color:#666666; width:230px; height:60px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; cursor:pointer}
.button8{border:none; background-color:#000000; width:160px; height:60px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; cursor:pointer}
.button9{border:none; background-color:#000000; width:230px; height:60px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; cursor:pointer}
.button10{border:none; background-color:#363636; width:100px; height:60px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; cursor:pointer}
.button11{border:none; background:url(images/btn_send.gif); width:116px; height:49px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; cursor:pointer}
.button12{border:none; background:url(images/btn_update.gif); width:95px; height:59px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button13{border:none; background:url(images/btn_login.gif); width:160px; height:61px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button14{border:none; background:url(images/btn_delete.gif); width:60px; height:59px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button15{border:none; background:url(images/btn_create.gif); width:218px; height:61px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button16{border:none; background:url(images/btn_continue.gif); width:229px; height:61px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button17{border:none; background:url(images/btn_checkout.gif); width:160px; height:61px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button18{border:none; background:url(images/btn_add_to_quote2.gif); width:107px; height:28px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}
.button19{border:none; background:url(images/btn_add_to_quote.gif); width:130px; height:81px; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; cursor:pointer}

.btn {
  font-family: open_sansregular, Arial;
  color: #000000;
  font-size: 14px;
  background: #e0e0e0;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  border:none;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.btn:hover {
  background: #000000;
  text-decoration: none;
  color: #ffffff;
  border:none;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}


.btn2 {
  font-family: open_sansregular, Arial;
  color: #ffffff;
  font-size: 14px;
  background: #000000;
  padding: 15px 35px 15px 35px;
  text-decoration: none;
  border:none;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.btn:hover2 {
  background: #e0e0e0;
  text-decoration: none;
  color: #000000;
  border:none;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}




.btn3 {
  font-family: open_sansregular, Arial;
  color: #ffffff;
  font-size: 14px;
  background: #000000;
  padding: 15px 35px 15px 35px;
  text-decoration: none;
  border: solid #ffffff 1px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.btn3:hover {
  background: #666666;
  text-decoration: none;
  color: #ffffff;
  border: solid #ffffff 1px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}




.btn4 {
  font-family: open_sansregular, Arial;
  color: #ffffff;
  font-size: 14px;
  background: #363636;
  padding: 15px 25px 15px 25px;
  text-decoration: none;
  border:none;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.btn4:hover {
  background: #e0e0e0;
  text-decoration: none;
  color: #000000;
  border:none;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}



.btn5 {
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #333333;
  padding: 15px 35px 15px 35px;
  text-decoration: none;
  border:0px; 
  cursor:pointer;
}

.btn5:hover {
  background: #666666;
  text-decoration: none;
  border:0px;
  cursor:pointer;
}



.dark_button{
   background: #4c4c4c;
   padding: 0px 25px;
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   
}

.dark_button:hover {
   background: #000000;
   color: #ccc;
   text-decoration:none;
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.dark_button_text {
   font-family:tradegothicbold, Arial, Helvetica, sans-serif;
   color: #ffffff !important;
   font-size: 14px;
   text-align:center;
   text-decoration: none;
   vertical-align: middle;
}

.dark_button2:active {
   background: #000000;
}

.dark_button2{
   background: #4c4c4c;
   padding: 0px 0px;
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
   
}

.dark_button2:hover {
   background: #000000;
   color: #ccc;
   text-decoration:none;
   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.dark_button2:active {
   background: #000000;
}


.dark_button_text2 {
   font-family:tradegothicbold, Arial, Helvetica, sans-serif;
   color: #ffffff !important;
   font-size: 12px;
   text-align:center;
   text-decoration: none;
   vertical-align: middle;
}

.width{
    width: 116px;
}



.tint {
		 opacity: 1;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	}
.tint:hover{
		 opacity: 0.7;}




.tint2 {
		 opacity: 1;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	}
.tint2:hover{
		 opacity: 0.3;
		 }








/* Dropdown CSS */

.dropmenudiv1
{
	position: absolute;
	visibility: hidden;
	width: 260px;
	margin: 25px 0 0 0px;
	padding: 0px;
	border: 0px;
	border-color: #000000;
	z-index:9999}

.dropmenudiv1 a
	{	position: relative;
		display: block;
		margin: 0px;
		padding: 20px 20px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background-color: #000000;
		color: #ffffff}
		
.dropmenudiv1 a:hover
	{	background-color: #333333;
		color: #ffffff}


.dropmenudiv2
{
	position: absolute;
	visibility: hidden;
	width: 260px;
	margin: 25px 0 0 0px;
	padding: 0px;
	border: 0px;
	border-color: #000000;
	z-index:9999}

.dropmenudiv2 a
	{	position: relative;
		display: block;
		margin: 0px;
		padding: 20px 20px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background-color: #000000;
		color: #ffffff}
		
.dropmenudiv2 a:hover
	{	background-color: #333333;
		color: #ffffff}







/* Sticky Footer CSS */

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -74px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 74px;
}
.site-footer {
	background-repeat:repeat-x;
	background-position:center top;
	background:url(images/bcg_05.png);
}










/* Sticky Header */

#nav{z-index:0;}
#footer{display:none;}
/* Reset body padding and margins */
body { margin:0; padding:0; }

/* Make Header Sticky */
#header_container {border:0px; height:160px; left:0; position:fixed; width:100%; top:0; z-index:9999;}
#header_content{ line-height:0px; margin:0 auto; width:100%; text-align:center; z-index:9999;}









/* Resize Button */

ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
text-align: center;
}


.demo li {
			position: relative;
            display: block;
            margin: 0px;
            background-color: #fff;
            overflow: hidden;
			padding:0px;
        }
.demo li label {
            position: absolute;
            top: 0px;
            left: 0px;
            background-color: #000;
            color: #FFF;
            font-size: 16px;
            line-height: 20px;
            padding: 0px;
        }
		
		
		
		
		

/*
	Background Stretcher jQuery Plugin
	?2011 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; height:100% }
.bgstretcher-page { height:100% }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	background: white;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}










		
/* Highslide CSS */

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
	border: 0px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(../graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											    */
/* Remove these if you are not using Highslide HTML						  */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html-content {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							*/
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 1em;
	position: absolute;
	left: 0;
	right: 1em;
	top: 0;
	width: auto;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	z-index: 2;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(../graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(../graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(../graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}





/* Default CSS  */

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}






/* Component CSS */

/* General styles for all menus */
.cbp-spmenu {
	background:#000000;
	position: fixed;
}

.cbp-spmenu h3 {
	color: #ffffff;
	font-size: 1.5em;
	padding: 0px;
	margin: 0;
	font-weight: 300;
	background:#9e724b;
}

.cbp-spmenu a {
	display: block;
	color: #ffffff;
	font-size: 1.0em;
	font-weight: 300;
	text-align: left;
}

.cbp-spmenu a:hover {
	background: #ff0000;
}

.cbp-spmenu a:active {
	background: #ff0000;
	color: #ffffff;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 200px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #333333;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 200px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #ffffff;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -200px;
}

.cbp-spmenu-right {
	right: -200px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -270px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 200px;
}

.cbp-spmenu-push-toleft {
	left: -200px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}






/* Mobile Top Button */

#elevator_item {
width: 63px;
height: 63px;
position: fixed;
right: 0px;
bottom: 0px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 63px;
height: 63px;
background: url(img/icon_top.png) center center no-repeat;
background-color: #000000;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}