* {
    margin: 0px;
    padding: 0px;
}

body {
    background: black url('../component/images/body.jpg') top left repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    position: relative;
}

h3, h4, h5 {
    text-align: left;
}

h1, h2 {
    font-size: 1px;
    margin-left: -10000px;
    display: none;
}

h3, h4 {
    font-weight: bold;
    margin: 5px 0 10px;
    color: #BA6060;
}

h3 {
    font-size: 18px;
    font-style: italic;
}

h4 {
    font-size: 14px;
}

h4.i {
    font-style: italic;
}

h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 0;
}

img {
    display: block;
}

a {
    color: #3A9626;
    text-decoration: none;
}

a:hover {
    color: #5AB646;
}
            
div#inner-body {
    background-image: url('../component/images/header.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

div#center-page {
    width: 800px;
    margin: 0 auto;
    position: relative;
    padding-top: 175px;
}

.opacity-20 {
    -moz-opacity: 0.20; 
    filter: alpha(opacity=20); 
    opacity: 0.20;
}

.opacity-60 {
    -moz-opacity: 0.60; 
    filter: alpha(opacity=60);
    opacity: 0.60;
}

.float-container {
    overflow: auto;
}

* html .float-container {
    width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    font-size: 0px;
    clear: both;
}

  /*********************/
 /* Main Menu Styling */
/*********************/
div#mainnav-container {
    position: absolute;
    top: 120px;
    left: 120px;
}

ul#mainnav {
    list-style: none;
    padding: 5px 7px;
    background-color: black;
    font-weight: bold;
}

ul#mainnav li a {
    color: #A6A8B2;
    text-decoration: none;
}

ul#mainnav li a:hover, ul#mainnav li.navlink-active a {
    color: white;
}

ul#mainnav li.navlink, ul#mainnav li.navlink-first {
    float: left;
    margin-left: 15px;
}

ul#mainnav li.navlink-first {
    margin-left: 0px;
}

div#mainnav-container div {
    background-color: black;
    position: absolute;
    font-size: 0px;
}

div#mainnav-container .mainnav-vertedge {
    height: 4px;
}

div#mainnav-container .mainnav-horizedge {
    width: 4px;
}

div#mainnav-container .mainnav-nw  {
    top: -4px;
    left: -4px;
    width: 4px;
    height: 4px;
}

div#mainnav-container .mainnav-se {
    bottom: -4px;
    right: -4px;
    width: 4px;
    height: 4px;
}

div#mainnav-container .mainnav-s {
    bottom: -4px;
    left: 0px;
    width: 100%;
    height: 4px;
}

div#mainnav-container .mainnav-n {
    top: -4px;
    left: 0px;
    width: 100%;
    height: 4px;
}

div#mainnav-container .mainnav-w {
    top: 0px;
    right: -4px;
    height: 100%;
    width: 4px;
}

div#mainnav-container .mainnav-e {
    top: 0px;
    left: -4px;
    height: 100%;
    width: 4px;
}

* html div#mainnav-container {
    display: inline;
}

* html .mainnav-nw, 
* html .mainnav-n, 
* html .mainnav-w, 
* html .mainnav-e, 
* html .mainnav-s, 
* html .mainnav-se {
    display: none;
}

/* Content Panels */
.content-panel-outer {
    position: relative;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background: white url('../component/images/content.jpg') top right no-repeat;
    margin-bottom: 15px;
}

.content-panel {
    border-top: 3px solid #D6D7D9;
    border-bottom: 3px solid #D6D7D9;
    text-align: justify;
}

#roster-product-box .right {
    width: 280px;
    padding: 10px 10px 0;
    text-align: justify;
    font-size: 12px;
    margin-right: 5px;
}

ul#feature-set {
    margin-top: 10px;
    list-style: none;
}

ul#feature-set li {
    float: left;
    width: 100px;
    height: 28px;
    margin-left: 5px;
    margin-top: 5px;
    padding-left: 35px;
    background-position: left middle;
    background-repeat: no-repeat;
    text-align: left;
    font-size: 9px;
}

ul#feature-set li.features-registration {
    background-image: url('../images/features-registration.png');
}

ul#feature-set li.features-financial {
    background-image: url('../images/features-financial.png');
}

ul#feature-set li.features-reporting {
    background-image: url('../images/features-reporting.png');
}

ul#feature-set li.features-receipts {
    background-image: url('../images/features-receipts.png');
}

ul#feature-set li.features-communicate {
    background-image: url('../images/features-communicate.png');
}

ul#feature-set li.features-more {
    background-image: url('../images/features-more.png');
}

.widget {
    padding: 10px 15px;
    background-image: url('../component/images/widget.png');
    background-position: top left;
    background-repeat: no-repeat;
}

#content-main p {
    margin-bottom: 30px;
}

#content-main ul {
	margin-bottom: 30px;
	margin-left: 30px;
}

#content-main li {
	margin-bottom: 15px;
}

#content-article {
    padding: 25px 30px;
    width: 500px;
}

* html #content-article {
	width: 495px;
}

#content-sidebar {
    padding: 17px 0;
    width: 240px;
}


ul#contact-us {
    list-style: none;
	font-size: 20px;
	font-style: italic;
}

ul#contact-us address {
	font-size: 14px;
	font-style: normal;
}

ul#contact-us li {
	padding: 10px 0 20px 70px;
	margin-bottom: 15px;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: hand;
	cursor: pointer;
}

ul#contact-us li a.contact-option {
	color: #555555;
}

ul#contact-us li.contact-information.contact-normal {
    background-image: url('../images/contact-information.png');
}

ul#contact-us li.contact-sales.contact-normal {
    background-image: url('../images/contact-sales.png');
}

ul#contact-us li.contact-support.contact-normal {
    background-image: url('../images/contact-support.png');
}

ul#contact-us li.contact-demo.contact-normal {
    background-image: url('../images/contact-demo.png');
}


ul#contact-us li.contact-information.contact-active {
    background-image: url('../images/contact-information-hover.png');
}

ul#contact-us li.contact-sales.contact-active {
    background-image: url('../images/contact-sales-hover.png');
}

ul#contact-us li.contact-support.contact-active {
    background-image: url('../images/contact-support-hover.png');
}

ul#contact-us li.contact-demo.contact-active {
    background-image: url('../images/contact-demo-hover.png');
}

ul#contact-us li.contact-active a.contact-option {

	color: #000000;
}


/* FOOTER */
            
#footer {
    margin: 0 auto;
    position: relative;
    font-size: 12px;
    text-align: center;
}

ul#navfooter {
    padding: 10px 0;
    font-weight: bold;
    margin: 0 auto;
}

ul#navfooter li {
    display: inline;
    padding: 0 5px;
}

#footer, #footer a {
    color: #bbbbbb;
}

#footer a:hover {
    color: white;
}

#footer #copyright {
    font-size: 16px;
}

ul#navfooter li.navlink-first {
    border: none;
}

#footer ul {
    margin-bottom: 15px;
}

#footer div {
    margin-bottom: 10px;
}

#footer table {
    margin: 0 auto 5px;
}
            
#footer #designby img {
    margin-left: 5px;
}

.subtext {
	font-style: italic;
	font-size: 10px;
}

#webinarLink {
	background: transparent url('../images/webinar-icon.jpg') top right no-repeat;
	position: absolute;
	top: 51px;
	right: -14px;
	width: 166px;
	height: 103px;
	display: block;
	font-size: 12px;
	border: none;
}

.transparency {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

  /* IE 5-7 */
  filter: alpha(opacity=85);

  /* Netscape */
  -moz-opacity: 0.85;

  /* Safari 1.x */
  -khtml-opacity: 0.85;

  /* Good browsers */
  opacity: 0.85;
}