.br {border:1px solid red;}

* {margin:0; padding:0; border:0; list-style-type: none; font-family: "Open Sans", "Helvetica Neue", "Arial", sans-serif; line-height:1.5; background-repeat: no-repeat; outline:0;}

html {overflow-y:scroll;}
body {background-color:#595c61;}
header, main, #footercontent {width:895px; margin:0 auto; overflow: auto;}
header {overflow: visible;}
footer {border-top:1px solid #333639; color:#b4bfd2; padding:34px 0 90px 1px; font-size:14px; background-image:url(images/footer-bg.png); background-repeat: repeat-x;}

form section {overflow: auto;}
form label {padding:17px 0 0 0; font-weight: 600;}
form .w49 input, form .w49 textarea {margin:3px 0 10px 0;}
input[type=text], input[type=password], textarea {border:1px solid #CCC; padding:10px 12px; width:90%; margin:10px 0 0 0; font-size:15px;}
input[type=text]:hover, textarea:hover {border:1px solid #aaa;}
input[type=submit] {font-size:16px; font-weight: normal;  padding:5px 17px 7px 17px; background-color:#EB8000; text-decoration: none; color:#fff; margin:0 5px; cursor:pointer;}
input[type=submit]:hover {background-color:#a75e06;}
textarea {min-height:150px;}
div.formfieldhold {overflow: auto;}

#logo {position:absolute; top:0; left:50%; text-indent: -1000px; width:290px; margin:0 0 0 -505px; z-index:99;}
#logo a {height:301px; width:285px; display:block; background-image:url(images/logo.png);}

#cl {text-align:right; height:50px;}
#cl a {color:#908b86; border-bottom: 1px solid #dad4cc; text-decoration:none; font-size:14px; position:relative; top:10px;}
#content {min-height:450px;}

nav {border-bottom:5px solid #7c8187; padding:0 0 20px 0; margin:0 0 30px 0; height:250px; position: relative; z-index:1;}
nav h1 {position:absolute; top:0; left:0;}
nav ul {width:665px; float:right; padding:30px 0 0 0;}
nav li {float:left; position:relative; height:205px; width:205px; margin:0 25px 0 0; background-image:url(images/button-bg.png); background-repeat: repeat-x;}
nav li.last {margin:0;}
nav li a {display:block; padding:167px 0 0 17px; color:#fff; text-decoration: none; font-size:17px; font-weight: 300; text-shadow:0 1px 1px #000;}

nav #about-us {background-color:#02aacb;}
nav #about-us:hover {background-color:#00c4ea;}
nav #is {background-color: #76b957;}
nav #is:hover {background-color: #82d35d;}
nav #cu {background-color:#dd9822;}
nav #cu:hover {background-color:#eea529;}


main {min-height:500px; color:#5a5856; padding:0 0 0 1px; display:table; overflow: visible; width:895px; margin: 0 auto;}
main p {margin:0 0 1rem 0; font-size:18px; font-weight:300;}

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

#hold {background-color: #f3ede6; background-image:url(images/main-bg.png); background-repeat: repeat-x;}
#tagline h2 {font-size:45px; font-weight: 100; line-height:1.2; width:800px; padding:0 0 40px 1px; font-family: "Open Sans", "Helvetica Neue", "Arial", sans-serif;}

#trial-box {background-color:#fff; padding:15px; color:#555; box-shadow: 0 4px 10px #7c8187; margin:0 0 20px 0; overflow: auto;}
#trial-box h2 {font-weight:600; font-size:16px;}
#trial-box input[type=submit] {width:40%;}
#trial-box input.email-text {width:375px;}
#trial-box label {margin:10px 0 0 0 !important; padding:0 !important; position:relative; top:8px;}

#homenews {border:1px solid #b9babc; border-left:0; border-right:0; min-height:100px;}
#homenews li {padding:29px 0;}
#homenews p {font-weight:normal; font-size:14px;}
#shadow {height:155px; background-image: url(images/shadow.png); background-repeat: repeat-x;}
#adminshadow {height:155px; background-image: url(images/shadow.png); background-repeat: repeat-x;}

/* New subpage styles */
#subpage #logo {height:192px; width:200px;}
#subpage #logo a {background-image:url(images/small-logo2.png); background-position:30px 0; height:160px; width:210px;}
#subpage nav {height:90px;}
#subpage nav ul {width:auto;}
#subpage nav ul li {height:auto; width:230px;}
#subpage nav li a {padding: 10px 15px;}

#subpage aside {float:left; width:25%;}
#subpage aside a {color:#908B86; text-decoration: none; display: block; padding:1rem; border-bottom:1px solid #e9e0d8; background-color:#fff7ef; font-size:14px;}
#subpage aside a:hover {color:#5A5856;}
#subpage aside a.active, #subpage aside a.active:hover {color:#5A5856; font-weight:bold;}
#subpage section.page-content {width: 70%; float:right;}
#subpage section.page-content a {color:#5A5856;}
#subpage section.page-content p {margin: 0 0 1rem 0; font-size:14px;}
#subpage section.page-content h3 {margin:10px 0 1rem 0;}
#subpage section.full-width {width:auto !important;}

#subpage aside ul.empty a {background-color:transparent;}

#subpage aside ul.empty a { border:0; padding:0.5rem 1rem;}
#subpage aside ul.empty li {border-bottom:1px solid #e9e0d8; margin:0 0 0.5rem 0;}
#subpage aside ul.empty li:hover {border-bottom:1px solid #d1c8c1;}

#subpage aside ul.green a {border-left:5px solid #55b12b;}
#subpage aside ul.blue a {border-left:5px solid #00b3d6;}
#subpage aside ul.blue a:hover {border-left:5px solid #dd9822; color:#55b12b;}

/* Administration styles */
html #subpage #hold h1.admin-logo {text-indent: 0; height:auto; width:auto;}
html #subpage #hold h1.admin-logo a {position:relative; top:26px; left:58px; color:#00AAC9; height:auto; width:auto;}
html #subpage #hold h1.admin-logo a, html #subpage #hold h1.admin-logo a span {text-decoration: none; font-weight:normal; font-family: serif; font-size:27px; letter-spacing: 1px;}
html #subpage #hold h1.admin-logo a span.logo-green {color:#6CB446;}
html #subpage #hold h1.admin-logo a span.logo-orange {color:#EB8000;}

html body header #admin {float:none; margin:0 0 60px 0; border-bottom:1px solid #a69f98; overflow:auto; overflow-y:hidden; height:40px; position:relative; height:40px;}
html body header #admin a {font-size:15px; font-weight:normal;}
html body header #admin ul {display: table; margin:0 0 0 140px; padding:35px 0 0 0;}
html body header #admin li {margin:0; padding:0; background-color:transparent !important; background-image:none !important; display: table-cell; float:none; width:600px;}
html body header #admin li a {color:#999; background-color:transparent !important; margin:0; padding:0; width:auto !important; text-shadow:none; display: inline; border-bottom:3px solid #F3EDE6;}
html body header #admin li a:hover {color:#00aac9; border-bottom:3px solid #00aac9;}
html body header #admin li #active {color:#6cb446; border-bottom:3px solid #6cb446;}

html body #adminhold {}
html body #adminhold h3 {font-weight:700; font-size:18px; margin:0 0 10px 0;color:#555 !important;}
html body #adminhold h3.admin-title {border-bottom: 1px solid #bab3ab; padding:0 0 7px 0; margin:0 0 1rem 0; }
html body #adminhold h3 span.links {font-size:13px; font-weight:normal;}
html body #adminhold h3 span.links a {font-size:13px; text-decoration:underline; color:#777;}
html body #adminhold a.buttonlink {display: inline-block; font-size:16px; font-weight: normal; padding:5px 17px 7px 17px; background-color:#eb8000; text-decoration: none; color:#fff; margin:0 5px;}
html body #adminhold a.buttonlink-small {display: inline-block; font-size:12px; font-weight: normal; padding:5px 17px 7px 17px; background-color:#eb8000; text-decoration: none; color:#fff; margin:0 5px;}
html body #adminhold a.buttonlink-small:hover {background-color:#a75e06;}
html body #adminhold a.buttonlink:hover {background-color:#a75e06;}
html body #adminhold h3 a.buttonlink {padding:0 4px !important; font-size: 14px; position:relative; top:-1px;}
html body #adminhold h4 {margin:0 0 10px 20px;} 
html body #adminhold table {width:100%; border-collapse:collapse; margin:0 0 50px 0; border:1px solid #7b6846; border-bottom:3px solid #7b6846; background-color:#eedbbb; padding:5px;}
html body #adminhold table th {font-weight:bold; text-align:left; padding:5px 10px; border-bottom:1px solid #7b6846; background-color:#BEA373; color:#fff;}
html body #adminhold table th a {color:#fff; font-size:13px; font-weight:normal; border-bottom: 1px solid #fff; margin:0 0 0 7px;}
html body #adminhold table th li a {color: rgb(51, 51, 51); font-size:13px; font-weight:normal; border-bottom: 1px solid #fff; margin:0 0 0 7px;}
html body #adminhold table th li a:hover {color: #fff;}
html body #adminhold table th a:hover {border-bottom: 1px solid #fff;}
html body #adminhold table td {padding:10px; border-bottom:1px solid #bea373; vertical-align: top;}
html body #adminhold table tr:hover td {background-color:#f4e7d1;}
html body #adminhold table a {color:#333; text-decoration: none; border-bottom: 1px solid #bea373;}
html body #adminhold table tr:hover td a {border-bottom: 1px solid #333;}
html body #adminhold p {font-weight: normal; font-size:15px;}
html body #adminhold .icon {padding-right:25px;background-image:url(images/icons.png);}
html body #adminhold .icon-success {background-position:right 10px;}
html body #adminhold .icon-failure {background-position:right -65px;}
html body #adminhold section.integration-hold {margin:10px 0 3em 2em; display: none; border-bottom: 1px solid #ccc;}
html body #adminhold h2.integration-title {color:#555; cursor: pointer; font-size:18px; font-weight: normal; border-bottom:1px solid #ccc; padding:5px 0;}
html body #adminhold h2.integration-title:hover {text-decoration: underline; color:#444;}
html body #adminhold h2.integration-title span {min-width:14px !important; display: inline-block; color:#6cb446; font-weight:bold; padding:0 4px 0 0;}
html body #adminhold h2.integration-title span:after {content:"+";}
html body #adminhold h2.integration-title span.plusminus:after {content:"-";}
html body #adminhold section.integration-hold h3 {color:#666 !important;}

/* Administration form items */
html body #adminhold form input[type=checkbox], html body #adminhold form input[type=radio] {top:-1px; position:relative; margin:0 1px 0 0;}
html body #adminhold form input[type=text] {color:#666; margin:5px 0 0 0; width: auto; display: block;}
html body #adminhold form input[type=password] {color:#666; margin:5px 0 0 0; width: auto; display: block;}  
html body #adminhold form input[type=text]:hover, html body #adminhold form input[type=text]:focus {color:#222;}
html body #adminhold form label {cursor:pointer;}
html body #adminhold form fieldset {margin:15px 0 15px 17px;}
html body #adminhold form fieldset fieldset {margin: 0 0 7px 20px;}
html body #adminhold form select {font-size:14px; padding:4px; margin:5px 0 0 0; border:1px solid #d9b387; border-radius: 3px 3px;}
html body #adminhold form select option {padding:0 10px 0 5px !important;}

.staffeto-left {float:left;}
.staffeto-right {float:right;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w35 {width:35% !important;}
.w45 {width:45% !important;}
.w48 {width:48% !important;}
.w49 {width:49% !important;}
.w50 {width:50% !important;}
.w70 {width:70% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}
.error {color:red; font-weight:normal; padding:0 0 0 10px;}
.alert {color:red; font-weight:normal; padding:0 0 0 10px;}
.success {color:green; font-weight:normal; padding:0 0 0 10px;}
.txtright {text-align:right !important;}
iframe {display:none !important;}
.shorttd {width:25%;}
.block {display: block;}
.buttonlink-small {display: inline-block; font-size:12px; font-weight: normal; padding:5px 17px 7px 17px; background-color:#eb8000; text-decoration: none; color:#fff; margin:0 5px;}
.buttonlink-small:hover {background-color:#a75e06;}

/* jssor slider bullet navigator skin 16 css */
/*
.jssorb16 div           (normal)
.jssorb16 div:hover     (normal mouseover)
.jssorb16 .av           (active)
.jssorb16 .av:hover     (active mouseover)
.jssorb16 .dn           (mousedown)
*/
.jssorb16 div, .jssorb16 div:hover, .jssorb16 .av
{
    background: url(images/b11.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb16 div { background-position: -5px -5px; }
.jssorb16 div:hover, .jssorb16 .av:hover { background-position: -35px -5px; }
.jssorb16 .av { background-position: -65px -5px; }
.jssorb16 .dn, .jssorb16 .dn:hover { background-position: -95px -5px; }