html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p {
    margin: 0;
    padding: 0;
}

body {
    background: #1c1c1c;
    font-family: Arial;
    font-size: 11px;
    color: #979797;
    text-align: center;
}

a {
    color: #76a7d0;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

.nob {
    background: none !important;
}

.nomb {
    margin-bottom: 0 !important;
}

.nopb {
    padding-bottom: 0 !important; 
}

.nomr {
    margin-right: 0 !important;
}

.nopr {
    padding-right: 0 !important;
}

a.button {
    width: auto;
    display: block;
    float: left;
    cursor: pointer;
    font-size: 10px;
    color: #dadada;
    text-transform: uppercase;
    text-decoration: none;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}

a.button span {
    display: block;
    float: left;
    overflow: hidden;
    margin: 0 !important;
}

a.button span.button-left {
    padding: 0 3px 0 6px;
}

a.button span.button-right {
    width: 3px;
}

a.button1 span.button-left {
    background: url('../images/bottom-left-1.png') no-repeat left center;  
}

a.button1 span.button-right {
    background: url('../images/bottom-right-1.png') no-repeat left center;  
}

a.button2 span.button-left {
    background: url('../images/bottom-left-2.png') no-repeat left center;  
}

a.button2 span.button-right {
    background: url('../images/bottom-right-2.png') no-repeat left center;  
}

.clearer {
    clear: both;
}

.main-container {
    margin: 0 auto;
    width: 990px;
    text-align: left;
    background: url('../images/bkg-main.jpg') no-repeat center top;
}

#main-container-index {
    background: url('../images/bkg.jpg') no-repeat center top !important;
}

/* header */
#header {
    width: 990px;
    height: 112px;
}

img#logo {
    float: left;
    margin: 20px 0 0 7px;
}

#header-right {
    float: right;
    height: 78px; /* 90px - 12px */
    padding: 12px 0 0 0;
}

#header-right ul.top-right {
    float: right;
    clear: both;
    list-style: none;
    padding-right: 10px;
}

#header-right ul.top-right li {
    display: block;
    float: right;
    line-height: 22px;
    background: url('../images/top-right-sep.gif') no-repeat right center;
    padding-right: 10px;
    margin-right: 10px;
}

#header-right ul.top-right li a {
    color: #76a7d0;
    text-decoration: none;
}

#header-right ul.top-right li#sign-in {
    padding-right: 0;
    margin-right: 0;
    background: none;
}

#header-right ul.top-right li#sign-in a {
    display: block;
    padding-right: 27px;
    margin-right: 0;
    background: url('../images/icon-sign-in.png') no-repeat right center;
    line-height: 22px;
}

#header-right ul.top-right li a:hover {
    text-decoration: underline;
}

#header-right ul.main-menu {
    float: right;
    clear: both;
    width: 676px;
    height: 40px;
    list-style: none;
    background: url('../images/menu-bottom-line.png') no-repeat left bottom;
}

#header-right ul.main-menu li {
    float: left;
    list-style: none;
    padding-top: 8px;
    height: 32px;
}

#header-right ul.main-menu li a {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    text-indent: -9999px;
    overflow: hidden !important;
}

#header-right ul.main-menu li a#product-overview {
    width: 149px !important;
    overflow: hidden;
    background: url('../images/product-overview.jpg') no-repeat left top;
    margin-left: 46px;
}

#header-right ul.main-menu li a#features-and-benefits {
    width: 165px !important;
    overflow: hidden;
    background: url('../images/features-and-benefits.jpg') no-repeat left top;
    margin-left: 22px;
}

#header-right ul.main-menu li a#professional-insight {
    width: 164px !important;
    overflow: hidden;
    background: url('../images/professional-insight.jpg') no-repeat left top;
    margin-left: 22px;
}

#header-right ul.main-menu li a#solutions {
    width: 84px !important;
    overflow: hidden;
    background: url('../images/solutions.jpg') no-repeat left top;
    margin-left: 22px;
}

/* end header*/

/* features */
#features {
    width: 950px; /* 990px - 2x20px*/
    height: 169px; /* 189px - 20px*/
    background: url('../images/trp-bkg.png') no-repeat center center;
    margin-top: 328px;
    padding: 20px 20px 0 20px;
}

#features a {
   display: block;
   float: left;
   margin-right: 25px;
   width: 300px;
   height: 163px;
   text-indent: -9999px;
   overflow: hidden;
}

#features a#on-demand-web-analytics {
    background: url('../images/on-demand-web-analytics.png') no-repeat center center;
}

#features a#measure-and-manage-your-kpis {
    background: url('../images/measure-and-manage-your-kpis.png') no-repeat center center;
}

#features a#professional-insights {
    background: url('../images/professional-insights.png') no-repeat center center;
    margin-right: 0 !important;
}
/* end features*/

p#whats-new {
    width: 970px; /* 990px - 2x10px */
    height: 18px;
    line-height: 18px;
    padding: 30px 10px 0 10px;
}

p#whats-new a, p#whats-new span {
    display: block;
    float: left;
    margin-right: 4px;
}

p#whats-new a.button {
    margin-right: 10px;
}

/* main */
.main {
    width: 990px;
}

.main-left-container {
    float: left;
    margin-right: 20px;
    width: 210px;
}



#main-left-product-overview {
    background: url('../images/image-product-overview.png') no-repeat right top;
    padding-top: 231px;
}

#main-left-features {
    background: url('../images/image-features.png') no-repeat right top;
    padding-top: 231px;
}

#main-left-insights {
    background: url('../images/image-professional-insights.png') no-repeat right top;
    padding-top: 231px;
}

#main-left-solutions {
    background: url('../images/image-solutions.png') no-repeat right top;
    padding-top: 231px;
}

#main-left-contacts {
    background: url('../images/image-contacts.png') no-repeat right top;
    padding-top: 231px;
}

#main-left-news {
    background: url('../images/image-news.png') no-repeat right top;
    padding-top: 251px;
}

#main-left-terms {
    background: url('../images/image-terms.png') no-repeat right top;
    padding-top: 231px;
}



.info-box {
    float: left;
    clear: both;
    width: 200px; /* 210px - 10px */
    background: url('../images/line-left.png') no-repeat center bottom;
    padding: 0 0 20px 10px;
    margin-bottom: 20px;
}

.info-box a.button {
    clear: both;
}

.info-box p {
    float: left;
    clear: both;
    width: 200px;
    margin-top: 8px;
}


.main-right-container {
    float: left;
    width: 760px;
    background: url('../images/main-top.png') no-repeat center top;
    padding-top: 5px;
    clear: right;
}

.main-right {
    float: left;
    clear: both;
    width: 720px; /* 760px - 2x20px */
    background: url('../images/main.png') repeat-y center top;
    padding: 15px 20px 0 20px;
}

.inner-right-left {
    float: left;
    width: 189px;
    margin-right: 20px;
}

.inner-right-left img {
    float: left;
    margin-bottom: 10px;
}

.inner-right-right {
    float: left;
    width: 511px;
}

.inner-right-right p,.inner-right-right h3 {
    width: 511px !important;
}

img.title {
    float: left;
    clear: both;
}

img.title1 {
    margin-bottom: 10px;
}

img.title2 {
    margin-top: 30px;
}

img.title3 {
    margin-bottom: 15px;
}

img.title4 {
    margin-top: 15px;
}


/** navbar **/
ul.navbar {
    float: left;
    clear: both;
    list-style: none;
    margin-top: 5px;
}

ul.navbar li {
    float: left;
    list-style: none;
    background: none !important;
    padding: 0;
    margin: 0;
}

/** end navbar **/

img.main-img {
    float: left;
    clear: both;
    margin: 30px 0;
}


.main-right p {
    float: left;
    clear: both;
    width: 720px;
    margin-bottom: 18px;
    font-size: 12px;
    color: #d5d5d5;
    
}

p.subp {
    margin-bottom: 30px;
}

p.subp1 {
    margin-bottom: 10px;
}


p.info-em {
    font-weight: bold;
    color: #719ebc;
    margin-bottom: 10px;
}

p.info-em1 {
    font-weight: bold;
    color: #c4c4c4;
}

p.info-em2 {
    margin-bottom: 0px;
    margin-top: 10px;
}


ul.info {
    float: left;
    clear: both;
    list-style: none;
    width: 720px;
}

ul.info li {
    float: left;
    clear: both;
    width: 720px;
    background: url('../images/bullet.png') no-repeat left top;
    line-height: 15px;
    padding: 0 0 0 24px;
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #d5d5d5;
}

ul.info2 {
    float: left;
    clear: both;
    list-style: none;
    width: 720px;
}

ul.info2 li {
    float: left;
    clear: both;
    width: 720px;
    line-height: 18px;
    font-size: 12px;
    color: #d5d5d5;
    font-weight: bold;
    background: url('../images/dot.png') no-repeat left center;
    padding: 0 0 0 20px;
}


a.mainl {
    float: left;
    clear: both;
    width: auto;
    overflow: hidden;
    background: url('../images/bkg-mainl1.png') no-repeat left center;
    height: 18px;
    line-height: 16px;
    padding-left: 24px;
    text-transform: capitalize;
    margin-top: 10px;
    /*text-decoration: underline;*/
    font-size: 12px;
}

a.mainl-first {
    margin-top: 30px;
}



ul.submenu {
    float: left;
    clear: both;
    width: 720px;
    list-style: none;
    margin-bottom: 30px;
}

ul.submenu li {
    float: left;
    list-style: none;
    font-size: 14px;
    color: #d5d5d5;
    padding-right: 10px;
    margin-right: 10px;
    background: url('../images/submenu-sep.gif') no-repeat right center;
}

ul.submenu li a {
    text-decoration: underline;
}

h3.subtitle {
    float: left;
    clear: both;
    width: 720px;
    background: url('../images/bullet.png') no-repeat left top;
    line-height: 15px;
    padding: 0 0 0 24px;
    font-size: 12px;
    color: #76a7d0;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
}

h3.subtitle1 {
    margin-top: 20px;
}

/* end main */



/* footer */
div#footer {
    width: 970px; /* 990px - 2x10px*/
    background: url('../images/line.png') no-repeat center top;
    padding: 20px 10px;
    margin-top: 30px;
}

div#footer ul {
    width: 970px;
    list-style: none;
    float: left;
    clear: both;
    margin-top: 10px;
}

div#footer ul li {
    list-style: none;
    float: left;
    margin-right: 7px;
    padding-right: 8px;
    background: url('../images/footer-menu-sep.gif') no-repeat right center;
}

div#footer ul li.last {
    margin-right: 0 !important;
    padding-right: 0 !important;
    background: none;
}

div#footer ul li a {
    color: #979797;
}

div#footer img#explore-webanalyser-net {
    margin-bottom: 18px;
    float: left;
    clear: both;
}

div#footer p {
    width: 970px;
    margin: 7px 0 20px 0;
    height: 25px;
    line-height: 25px;
    float: left;
    clear: both;
}

div#footer p span {
    display: block;
    float: left;
}

div#footer p a {
    display: block;
    float: right;
    height: 25px;
    line-height: 25px;
    color: #979797;
    background: url('../images/nustage-logo.png') no-repeat right center;
    padding-right: 97px;
}
/* end footer */

/* forms */
form.custom-form {
    float: left;
    clear: both;
    width: 720px;
}

form.custom-form div.input {
    float: left;
    clear: both;
    width: 720px;
    color: #D5D5D5;
    margin-bottom: 10px;
}

form.custom-form div.input label {
    display: block;
    float: left;
    width: 190px;
    margin-right: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}

form.custom-form div.textarea label {
    clear: both;
    width: 560px;
}

form.custom-form div.textarea textarea {
    width: 460px !important;
}

form.custom-form div.input label span {
    color: #D5D5D5;
    font-weight: bold;
    font-size: 14px;
}

form.custom-form div.input input {
    float: left;
    width: 250px;
    height: 16px;
    line-height: 16px;
    background: none;
    border: 1px solid #D5D5D5;
    color: #D5D5D5;
    font-family: Arial;
    font-size: 12px;
}

form.custom-form div.error {
    color: #a50a0c;
    font-weight: bold;
}

form.custom-form div.error label span {
    color: #a50a0c !important; 
}

form.custom-form div.error input, form.custom-form div.error select, form.custom-form div.error textarea {
    border: 2px solid #a50a0c !important;
}

form.custom-form div.input select {
    float: left;
    width: 252px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #D5D5D5;
    color: #D5D5D5;
    font-family: Arial;
    font-size: 12px;
}

form.custom-form div.input textarea {
    float: left;
    width: 250px;
    height: 60px;
    background: none;
    border: 1px solid #D5D5D5;
    color: #D5D5D5;
    font-family: Arial;
    font-size: 12px;
}
/* end forms */