// reset css
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html {
  font: 13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
  text-align: justify;
}

p {
  margin-bottom: 15px;
}

hr {
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 15px 0px 15px 0px;
}

a {
  color: #77aa11;
  text-decoration: none;
}

a:hover {
  color: #00b1e6;
  text-decoration: underline;
}

.topicbox {
  margin-bottom: 25px;
}

.topicbox p {
  margin: 0px;
}

.topicbox h3 {
  margin: 0px 0 5px 0;
  font-weight: bold;
}

.topicbox img {
  margin-bottom: 5px;
}

.bulletbox {
  padding-left: 60px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#bullet-1.bulletbox {
  background: url("img/bullet-1.png") no-repeat scroll left center transparent;
}

#bullet-2.bulletbox {
  background: url("img/bullet-2.png") no-repeat scroll left center transparent;
}

#bullet-3.bulletbox {
  background: url("img/bullet-3.png") no-repeat scroll left center transparent;
}

a.img-link {
  text-decoration: none;
}

#header #logo {
  margin-top: 15px;
}

#header #logo a {
  background:url("img/logo.png") no-repeat scroll 0 0 transparent;
  display:block;
  height:45px;
  text-indent:-9999px;
  width:160px;
}

#subheader #nav > ul {
  padding-left: 15px;
}

#subheader #nav > ul > li {
  display: block;
  float: left;
  margin: 0px;
  padding: 0 10px 0px 10px;
  border-right: 1px solid #eeeeee;
  height: 32px;
  line-height: 32px;
}

#subheader {
  height: 402px;
  margin-top: 15px;
}

#subheader #nav {
  height: 32px;
  background:url("img/nav-bg.png") no-repeat scroll 0 0 transparent;
}

#subheader #nav > ul > li > a {
  display: block;
  font-weight: bold;
  text-shadow: 1px 1px 1px #666666;
  color: #ffffff;
}

#subheader #nav a:hover {
  text-decoration: none;
}

#subheader #nav > ul > li.current {
  background:url("img/nav-bg-hover.png") repeat-x scroll 0 0 transparent;
}

#subheader #nav > ul > li:hover {
  background:url("img/nav-bg-hover.png") repeat-x scroll 0 0 transparent;
}

#keyvisual {
  height: 370px;
  background:url("img/key-home.jpg") no-repeat scroll 0 0 transparent;
}

#keyvisual #teaser {
  padding: 10px 10px 10px 30px;
  position: relative;
  top: 50px;
  color: #ffffff;
  width: 500px;
  font-weight: bold;
  text-align: left;
  background: url("img/teaser-bg.png") repeat scroll 0pt 0pt transparent;
}

#keyvisual #teaser h2 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
}

#footer {
  background:url("img/footer.jpg") no-repeat scroll center top #aaaaaa;
  color: #ffffff;
  font-size: 10px;
  margin-top: 20px;
}

#footer a {
  color: #ffffff;
}

#footer a:hover {
  text-decoration: underline;
}

#footer .info {
  padding: 10px 0px 0px 15px;
  width: 700px;
  float: left;
}

#footer .scm {
  padding: 10px 15px 0px 0px;
  float: right;
}

#content {
  margin-top: 25px;
}

#content #main {
  
}

#content #main .howitworks-icons {
  text-align: center;
  float: left;
  margin: 15px;
}

#content #main .integration-icons {
  text-align: center;
  float: left;
  margin: 0px;
}

#content #sidebar {
  background:url("img/sidebar-header.jpg") no-repeat scroll center top #c5c5c5;
  color: #ffffff;
  margin-bottom: 25px;
  text-align: left;
}

#content #sidebar #info {
  padding: 10px 15px 0px 15px; 
}

#content #sidebar a {
  color: #ffffff;
  text-decoration: underline;
}

#content #sidebar a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#content #sidebar #info h3 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  color: #ffffff;
}

#content #sidebar #info h4 {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  color: #ffffff;
}

#content #sidebar #footer {
  background:url("img/sidebar-bottom.jpg") no-repeat scroll center bottom #c5c5c5;
  height: 15px;
}

.newsitem
{
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  padding-top: 5px;
}

#vlightbox {
  width: 270px;
}

#vlightbox .vlightbox {
  margin: 0px 0px 10px 0px;
  opacity: 1;
  font-size: 12px;
}

input[type="text"], textarea {
  border: solid 2px #99cc33;
  color: #666666;
  margin-bottom: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
  width: 446px;
}

input[type="submit"] {
    background:url("img/nav-bg-1px.png");
    border: none;
    height: 32px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    width: 460px;
    
}

#sidebar input[type="text"], #sidebar textarea {
  width: 256px;
}

#sidebar input[type="submit"] {
  width: 270px;
}

input[type="submit"]:hover {
    background:url("img/nav-bg-hover.png");
    cursor: pointer;
}

h3 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  color: #77aa11;
}

h4 {
  font-weight: bold;
  margin-bottom: 5px;
  color: #77aa11;
}

li {
  list-style-image:url("img/bullet.png");
  padding-left:10px;
  margin-left:10px;
  list-style-position: inside;
  padding-bottom:4px;
  font-weight: normal;
  color: #000;
  
}

.faq li {
  list-style-type: square;
  padding-left:10px;
  margin-left:10px;
  list-style-position: inside;
  padding-bottom:4px;
  font-weight: normal;
  color: #00b1e6;
  list-style-image: none;
  
}

ul {
  font-weight: bold;
  margin-bottom: 10px;
  color: #77aa11;
}

th {
  font-weight: bold;
}