@import url("../css/font.css");

html {}
body {background:#f5f5f5 url('../img/background.png') repeat-x;color: #6b6b6b;font: normal 14px Arial,sans-serif;padding-top: 131px}
p {font-size: 1.0em;line-height: 1.8em;margin-bottom: 5px}
address {font-style: normal;padding-bottom: 15px}
ul {
  list-style:circle;
  padding-left:11px;
}
/* LINKS */
a, a:link, a:focus {color: #849900;outline: 0; font-weight:bold;}
a:visited {color: #849900}
a:hover {color: #849900;text-decoration: none; font-weight:bold;}
a.more {padding-right: 12px;background: url('../img/more.gif') no-repeat 100% 50%}

/* TITLES */
h1, h2, h3, h4, h5 {margin: 0 0 10px 0}
h1 {font-size: 4.0em;color: #a0b41f;font-family: "MyriadPro-BoldCond";}
h2 {font-size: 1.2em;border-bottom: 1px solid #e8e7e7;padding-bottom: 10px;color: #6b6b6b;text-transform: uppercase}
h3 {font-size: 1.2em;color: #6b6b6b;margin-bottom: 20px;text-transform: uppercase}
h4 {font-size: 1.2em;color: #6b6b6b;}
h5 {font-size: 1.1em}


/* HEADER */
.header {position: absolute;top: 0;left: 0;height: 111px;width: 100%;}
.header .logo {background: url('../img/logo.png') no-repeat;display: block;height: 50px;left: 0;z-index: 10;text-indent: -9999px;position: absolute;top: 25px;width: 200px;color: #000}
/* navigation */
.header .navigation {position: absolute;right: 0;top: 65px;}
.header .navigation a {display: inline-block;;margin-left: 5px;font-size: 14px;color: #7a7a7a;text-decoration: none;}
.header .navigation a span {display: inline-block;height: 33px;line-height: 33px;padding: 0 10px;}
.header .navigation a.active {color: #fff;font-weight: bold;background: #000 url('../img/nav-active-left.png') no-repeat}
.header .navigation a.active span {background: url('../img/nav-active-right.png') no-repeat 100% 0}
.header .navigation a:hover {color: #fff;}

/* INTRO */
.intro {min-height: 200px;;margin-bottom: 30px;}

/* SLIDER */
#jCarousel {padding: 0 0 0;min-height: 330px;}
#jCarousel li h1,
#jCarousel li h2 {border: 0;padding: 0;margin-bottom: 5px;text-transform: none;font-family: "MyriadPro-BoldCond";color: #7e9100;font-size: 4.0em}
#jCarousel li {text-shadow: 1px 1px 1px #d6e570;position: relative;background: #a6b82d url('../img/header.png') repeat-x;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#jCarousel a.image {display: block;background: url('../img/monitor.png') no-repeat;width: 382px;height: 286px;text-align: center;position: absolute;left: 33px;top: 29px;}
#jCarousel a.image2 {display: block;background: url('../img/monitor2.png') no-repeat;width: 382px;height: 286px;text-align: center;position: absolute;left: 33px;top: 29px;}
#jCarousel a.image3 {display: block;background: url('../img/monitor3.png') no-repeat;width: 382px;height: 286px;text-align: center;position: absolute;left: 33px;top: 29px;}
#jCarousel a.image4 {display: block;background: url('../img/monitor4.png') no-repeat;width: 382px;height: 286px;text-align: center;position: absolute;left: 33px;top: 29px;}
#jCarousel a.image5 {display: block;background: url('../img/monitor5.png') no-repeat;width: 382px;height: 286px;text-align: center;position: absolute;left: 33px;top: 29px;}
#jCarousel a.image img {position: relative;top: 17px}
#jCarousel .content {width: 470px;float: right;color: #5c6a00;font-weight: bold;font-size: 1.2em;padding: 30px 0}
#jCarousel li a {color: #5c6a00}
#jCarousel li a.more {font-weight: bold;display: inline-block;padding:5px 38px 5px 0;background: url('../img/more.png') no-repeat 100% 50%}

/* CONTENT */
.homepage .container {background:#fff;}
.container {padding:0px 0 40px 0; margin:0 auto 0px auto; background:#fff;}
.container .first {width:180px;  float:left; padding:5px; margin-right:5px;}
.container .first a {color:#849900; font-weight:bold;}
.container .first a:hover {text-decoration:none; font-weight:bold;}
.container .center {width:520px;  float:left; padding:5px; margin:0 5px 0 5px;}
.container .right {width:700px;padding:5px; margin-right:5px;}
.container .last { width:180px;  float:left;padding:5px;  margin-left:5px;}
.container p {text-align:justify;}

 /* INNER */
.inner {padding: 0px 0px; margin: 0px 0 50px 0px;}
.inner ol {list-style-position:inside; list-style-type:decimal;}
.inner ol li {padding-bottom:5px; text-align:justify;}
.inner ul li {margin-bottom:20px; text-align:justify;}
.inner ul li h4 {margin-bottom:0px;}

/* TIPS */
.tips {padding: 0px 0px; margin: 0px 0 50px 0px;}
.tips ul li { position:relative; top:1px; float:left; padding: 4px 10px; margin: 0px 1px 1px 1px; list-style:none; cursor:pointer; background:#000000; color:#ffffff; font-weight:bold;}
.tips .tabs a {text-decoration:none; color:#ffffff;}
.tips table { background:#030; width:520px;}
.tips table thead td {background: #a6b82d; color:#000000; font:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; font-size:14px; font-style:italic; height:20px; padding:0px 5px 0px 5px; }
.tips table tbody td {background:#f5f5f5; height:20px; color:#000000;}

/* FOOTER */
.footer {background: #f5f5f5;height: 160px; text-align:center}
.footer p {color: #8e8e8e;font-size: 11px;padding-top: 25px}
.footer p a {color: #8e8e8e;}

/* OTHER STYLES */
.high {font-weight: bold;color: #2d7bac;}
.middle {margin: 0 auto;position: relative;}
.iframe {width:530px; height:2500px; border:none;}
.w940 {width: 940px}
.w560 {width: 560px}
.w220 {width: 250px}
.banner {text-align:center; width:100%; padding-top:20px; background:#f5f5f5; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.right_text {text-align:right;}
a.thumb img {border: 1px solid #e4e4e4;}
.clear {clear:both;}