/* CSS Document */
html { margin:0; padding:0; background:#c0c0c0;}
body { margin:0 auto; padding:0; width:1000px; background:#fff;}
* { margin:0; padding:0;}
/* selected hack */
* a:active{ outline:none;}
:-moz-any-link:focus {outline: none;}


form { margin:0; padding:0;}
.clear_L { clear:left;}
.clear_R { clear:right;}
.clear_B { clear:both;}
.fl { float:left;}
.fr { float:right;}


/* header */
#header { margin:0; padding:0; clear:left; float:left; display:inline;}
#header img{ margin:0; padding:0;}

/* top link */
.top_link { margin:0; padding:0; background:url(../images/top-link-bg.gif) repeat-x; font:bold 16px/61px Arial, Helvetica, sans-serif; color:#fff; display:inline-block; width:1000px; font-style:italic; clear:both; position:relative;}
.top_link a { color:#fff; padding:0 22px; text-decoration:none; float:left; display:inline;}
.top_link a:hover { color:#f77d8b; padding:0 22px; text-decoration:none; float:left; display:inline;}
.top_link img{ float:left; display:inline; margin:0; padding:0; border:0;}

/* left */
#left { margin:0; padding:10px; width:263px; float:left; display:inline; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#000; border-right:1px solid #f1f1f1;}
#left h2 { margin:0; padding:10px 0 5px 0; font:bold 20px/20px Arial, Helvetica, sans-serif; color:#727272; display:block; background:url(../images/logo-sml.gif) no-repeat 0;}
#left h2 a{ text-decoration:none; color:#727272; padding:0 0 0 45px;}
#left h2 a:hover{ text-decoration:none; color:#727272; padding:0 0 0 45px;}

/* mid */
#mid { margin:10px 0 0 20px; padding:0; width:670px; float:left; display:inline; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#000;}
#mid h1 { margin:0; padding:10px 0 5px 45px; font:bold 20px/20px Arial, Helvetica, sans-serif; color:#727272; display:block; background:url(../images/logo-sml.gif) no-repeat 0;}
#mid h1 a{ text-decoration:none; color:#727272; padding:0 0 0 45px;}
#mid h1 a:hover{ text-decoration:none; color:#727272; padding:0 0 0 45px;}

/* mid text inside pages */
#text { margin:10px 20px 0 20px; padding:0 0 30px 0; float:left; display:inline; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#000;}
#text h1 { margin:0; padding:10px 0 5px 45px; font:bold 20px/20px Arial, Helvetica, sans-serif; color:#727272; display:block; background:url(../images/logo-sml.gif) no-repeat 0;}
#text h1 a{ text-decoration:none; color:#727272; padding:0 0 0 45px;}
#text h1 a:hover{ text-decoration:none; color:#727272; padding:0 0 0 45px;}
#text strong{ margin:0; padding:0; display:block; font:bold 13px/18px Arial, Helvetica, sans-serif; color:#000;}
#product { padding:0; margin:0; text-align:center;}
#product strong{ padding:0; margin:0 0 25px 25px; float:left; display:inline; text-align:center; width:300px;}
#product strong a{ padding:0; margin:0; float:left; display:inline; font:bold 13px/25px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#product strong a:hover{ padding:0; margin:0; float:left; display:inline; font:bold 13px/25px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#product strong img{ padding:0; margin:0; border:0; text-align:center; float:left;}
#product strong .quote{ margin:0; padding:0; border-left:55px solid #fff;}
#product b{ padding:0; margin:0 0 25px 25px; float:left; display:inline; text-align:center; width:400px;}
#product b a{ padding:0; margin:0; float:left; display:inline; font:bold 13px/25px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#product b a:hover{ padding:0; margin:0; float:left; display:inline; font:bold 13px/25px Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#product b img{ padding:0; margin:0; border:0; text-align:center; float:left;}
#product b .quote{ margin:0; padding:0; border-left:90px solid #fff;}
.text { margin:10px 20px 0 20px; padding:0; float:left; display:inline; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#000;}
.text h1 { margin:0; padding:10px 0 5px 45px; font:bold 20px/20px Arial, Helvetica, sans-serif; color:#727272; display:block; background:url(../images/logo-sml.gif) no-repeat 0;}

/* contact */
.contact {font:normal 11px/14px Georgia; color:#fff; margin:15px 0 15px 250px; padding:0 10px 0 0; width:600px; float:left; display:inline;}
.contact strong { width:160px; background:#808080; float:left; display:inline; font:bold 12px/30px Arial; color:#fff; border-right:1px solid #808080; border-bottom:1px solid #727272; padding:0 0 0 10px;}
.contact b { width:350px; background:#727272; float:left; display:inline; font:normal 12px/30px Arial; color:#fff; border-bottom:1px solid #808080; padding:0 0 0 10px;}
.contact b a{ color:#fff; text-decoration:underline;}
.contact b a:hover{ color:#fff; text-decoration:none;}


/* query */
.query {font:normal 11px/14px Georgia; color:#fff; margin:15px 0 15px 260px; padding:0 10px 0 0; width:510px;}
.query strong { width:140px; background:#808080; float:left; font:bold 12px/30px Arial; color:#fff; border-right:1px solid #808080; border-bottom:1px solid #727272; padding:0 0 0 10px; height:32px;}
.query b { width:300px; background:#727272; float:left; font:normal 12px/30px Arial; color:#fff; border-bottom:1px solid #808080; padding:0 0 0 15px; height:32px; display:block;}
.query b a{ color:#fff; text-decoration:underline;}
.query b a:hover{ color:#fff; text-decoration:none;}
.query b input{ width:250px; height:20px; font:normal 11px Arial; color:#000; padding:0 0 0 5px; margin:7px 0 0 0; border:1px solid #6a6e6f;}
.query b select{ width:250px; height:20px; font:normal 11px Arial; color:#000; padding:0 0 0 5px; margin:7px 0 0 0; border:1px solid #808080;}
.query span{ width:466px; line-height:25px; background:#808080; font:bold 12px Arial; color:#fff; padding:5px 0 5px 0; margin:0; text-align:center; display:block; border-bottom:1px solid #808080;}
.query i{ width:466px; line-height:25px; background:#727272; font:bold 12px Arial; color:#fff; padding:5px 0 5px 0; margin:0; text-align:center; display:block; border-bottom:1px solid #808080;}
*html .query span{ width:466px; line-height:25px; background:#808080; font:bold 12px Arial; color:#fff; padding:5px 0 5px 0; margin:0; text-align:center; display:block; border-bottom:1px solid #808080;}
.query h3{ font:bold 18px arial; color:#f7d8c4; margin:0; padding:0;}


/* footer */
#footer { margin:0; padding:0; float:left; display:inline; background:#808080; height:94px; width:1000px;}
#footer strong{ margin:0; padding:35px 0 0 0; width:284px; height:59px; background:#727272; font:normal 13px/21px Arial, Helvetica, sans-serif; color:#fff; text-align:center; display:block;}
#footer b{ margin:0; padding:0; width:713px; height:94px; font:normal 13px/94px Arial, Helvetica, sans-serif; color:#fff; float:right; display:inline;}
#footer b a{ text-decoration:none; color:#fff; padding:0 0 0 28px;}
#footer b a:hover{ text-decoration:underline; color:#fff;}


/* CSS Menu */
#cssmenu { width:1000px;}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #ffffff;
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #333333;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li.active a {
  background: #646464 url(grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  filter: none;
}
#cssmenu > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  filter: none;
}
#cssmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #8a8a8a;
  -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
  -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
  background: #4a4a4a url(grad_dark.png) repeat-x left top;
  background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
  background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  border-bottom: 1px solid #5d5d5d;
  border-top: 1px solid #5d5d5d;
  border-right: 1px solid #5d5d5d;
  line-height: 70px;
  padding: 0 31px;
  filter: none;
}
#cssmenu > ul > li a:hover {
  background: #8a8a8a url(grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);

  filter: none;
}
#cssmenu .has-sub:hover ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 72px;
  left: -1px;
  min-width: 130px;
  text-align: left;
  /* IE7 */

  *width: 100%;
}
#cssmenu .has-sub ul li {
  text-align: left;
}
#cssmenu .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #5d5d5d;
  display: block;
  line-height: 25px;
  padding: 0 5px;
  text-align: left;
}

/* End */