html, body {
	/*background-color: #FEF8D9;*/
	width:100%; height:100%;
}

body {
    margin: 0pt;
    padding: 0pt;
    color: #969696;
    position: relative;
    display: block;
    /* font-family: Trebuchet MS, Arial, geneva; */
	font-family: Arial;
    font-size: 12px;
    min-width: 780px;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
    margin: 0;
    padding: 0;
    text-align: left;
}

#pitchtext h1 {
    font-size: 28px;
    color: #fff6bd;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    padding: 10px 0 5px;
    text-align: center;
}

h1, h2, h3 {
    color: #F57F20
}

h4, h5, h6 {
    color: #1e8fb9
}

h1 {
    font-size: 24px;
    padding: 30px 0 20px;
}

h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px 0 10px;
}

h4 {
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0 5px;
}

h5 {
    font-size: 15px;
    font-weight: bold;
}

label {
    font-size: 11pt;
    font-weight: bold;
    color: #808284;
}

input[type = text], input[type = password] {
    border: 2px solid #AFD7FF;
}

input[type = text]:focus, input[type = password]:focus {
    border: 2px solid #F57F20;
}

#blog-post h3 {
    font-size: 12pt;
}

#nav-free-signup h3, #nav-login h3 {
    font-size: 10pt;
    color: #d8620b;
    text-align: center;
}

.default, p {
    font-size: 12px;
    line-height: 20px;
}

.link a, a.link, p a {
    text-decoration: none;
    border-bottom: dotted 1px #4d463d;
}

.link a, a.link, p a {
    color: #4d463d;
}

.link a, a.link, p a:visited {
    color: #808284;
}

.link a, a.link, p a:hover {
    color: #f26522;
}

.link a, a.link, p a:active {
    color: #967348;
}

.highlight {
    color: #5683AF;
}

a img {
    border: 0
}

hr {
    visibility: hidden;
    margin: 0;
    padding: 0;
    border: 20px;
    height: 0;
    clear: both;
}

.button:hover, .button:focus {
    background: #6FA7DF none repeat scroll 0 0;
    color: #FFFFFF;
}

.button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #336699;
    border: none;
    color: #FFFFFF;
    padding: 2px 20px;
}

/**** Header ****/
#header {
    background: url('headerimage/headerbg.gif');
    height: 70px;
    color: #000000;
    margin-bottom: 0px;
}

#header a:link, #header a:hover, #header a:visited, #header a:active {
    text-decoration: none;
}

#navi {
    float: left;
    font-size: 93%;
    line-height: normal;
    width: auto;
    position: absolute;
    left: 180px;
    top: 20px;
}

#navi ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 0px 0px 0pt 0px;
}

#navi li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#navi li.divider {
    margin: 0px 4px 0px 4px;
    padding: 0px;
    display: inline;
    float: left;
    width: 3px;
    height: 31px;
    background: url('headerimage/navi-divider.jpg') no-repeat scroll 0pt 0pt;
}

#navi a {
    float: left;
    margin: 0pt;
    padding: 0pt 0pt 0pt 4px;
    text-decoration: none;
    text-indent: -9999px;
    width: 69px;
    height: 35px;
    border: 0;
}

#navi #navi-home a {
    background: url('headerimage/navi-home.jpg') no-repeat scroll 0pt 0pt;
    width: 59px;
}

#navi #navi-features a {
    background: url('headerimage/navi-features.jpg') no-repeat scroll 0pt 0pt;
    width: 94px;
}

#intro .signupfree {margin:9px 0 0;width:202px;height:54px;display:inline-block;float:right;background:url(images/signupfree2.png) no-repeat top;}
#intro .signupfree:hover {background-position: bottom;}
/**#navi #navi-tour a {
 background: url('headerimage/navi-tour.jpg') no-repeat;
 width:113px;
 }**/
#navi #navi-learnmore a {
    background: url('headerimage/learnmore.jpg') no-repeat;
    width: 113px;
}

#navi #navi-pricing a {
    background: url('headerimage/navi-pricing.jpg') no-repeat;
    width: 82px;
}

#navi #navi-blog a {
    background: url('headerimage/navi-blog.jpg') no-repeat;
    width: 71px;
}

#navi #navi-home a:hover, #navi #navi-features a:hover, #navi #navi-learnmore a:hover, #navi #navi-tour a:hover, #navi #navi-pricing a:hover, #navi #navi-blog a:hover {
    background-position: 0 -35px;
}

.index #navi #navi-home a, .learnmore #navi #navi-learnmore a, .tour #navi #navi-tour a, .blog #navi #navi-blog a, .pricing #navi #navi-pricing a, .features #navi #navi-features a {
    background-position: bottom;
}

.index #navi #navi-home a:hover, .learnmore #navi #navi-learnmore a:hover, .tour #navi #navi-tour a:hover, .blog #navi #navi-blog a:hover, .pricing #navi #navi-pricing a:hover, .features #navi #navi-features a:hover {
    background-position: bottom;
}

#logo {
    width: 135px;
    height: 48px;
    margin: 10px 0px 5px 10px;
    float: left;
    background: url(images/zopimlogo.gif) no-repeat;
    behavior: url('/static/iepngfix/iepngfix.htc');
}

#floatrightitems {
    width: 250px;
    text-align: center;
    position: absolute;
    right: 0px;
    z-index: 10;
}

#chatbutton {
    width: auto;
    position: relative;
    color: #C0B09F;
    cursor: pointer;
    font-size: 8pt;
    height: 35px;
    padding: 0 40px;
    text-align: right;
    background: url('headerimage/chatbuttonbg.png') no-repeat;
    behavior: url('/static/iepngfix/iepngfix.htc');
}

#chat-status {
    color: #FFF6BD;
    font-size: 10pt;
}

#chatbutton-icon {
    background: url('headerimage/chatbuttonicon.png') no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 5px;
    left: 135px;
    behavior: url('/static/iepngfix/iepngfix.htc');
}

#corporate-links {
    width: auto;
    text-align: center;
    font-weight: bold;
    font-size: 9pt;
    margin: 2px;
}

#corporate-links a:link {
    color: #7F6E5E;
    font-weight: bold;
}

#zopim-button-container {
    width: 0px;
    height: 0px;
    position: absolute;
    overflow: hidden;
}

/**** End Header ****/
/**** Signup ****/
#signup {
    margin: 25px 10px 0px 0px;
    height: 250px;
    width: 200px;
    right: 0px;
    position: absolute;
    text-align: center;
}

/*
 #signup .content{
 height:217px;
 width:198px;
 background: url('signup image/nav-tab-bg-content-active.gif') repeat;
 z-index: 5;
 border:1px solid #ffdb36;
 }
 
 #signup #nav-free-signup {
 left: 0px;
 }
 
 #signup #nav-login{
 right:0px;
 }
 
 #signup .nav-tab {
 top:0px;
 background: url('signup image/nav-tab-bg active.gif') repeat;
 visibility: hidden;
 width:100px;
 height:28px;
 border-top:1px solid #ffdb36;
 border-right:1px solid #ffdb36;
 border-left:1px solid #ffdb36;
 border-bottom: 0px;
 text-align: center;
 padding-top:5px;
 position:absolute;
 z-index: 10;
 }
 
 #signup #nav-login.active, #signup #nav-free-signup.active {
 visibility: visible;
 cursor:default;
 }
 
 #signup #nav-background {
 margin: 3px 5px 0px;
 border: 1px 1px 0px solid #cce2ed;
 height:30px;
 background: url('signup image/nav-tab-bg-inactive.gif') no-repeat;
 cursor:pointer;
 }
 
 #signup .form-text {
 text-align: center;
 color: red;
 font-weight: bold;
 }
 
 #signup .fine-blue {
 color:#538ca1; font-size: 8pt; height:16px; width:100%;
 }
 
 #signup .fine-red {
 color:red; font-size: 8pt; height:16px; width:100%;
 }
 
 #signup #error-msg {
 width: 180px;
 position:absolute;
 margin-top:40px;
 line-height:10px;
 }
 
 #signup-button{
 border:none;
 background:transparent;
 margin-top: 65px;
 behavior: url('/static/iepngfix/iepngfix.htc');
 }
 
 #free-signup-form.active, #login-form.active {
 display: block;
 cursor:default;
 }
 #free-signup-form {
 width: 178px;
 height:197px;
 margin: 0px;
 padding: 10px;
 text-align: left;
 display: none;
 }
 #signup-form {
 margin: 0px;
 padding: 0px;
 }
 #login-form  {
 width: 178px;
 margin: 0px;
 padding: 10px;
 text-align: left;
 display: none;
 }
 #signup-form #agreement {
 font-weight: none;
 font-size: 8pt;
 display: inline;
 color: #8A8573;
 text-align:left;
 line-height:12px;
 }
 #signup-form #email {
 width:98%;
 height:18px;
 }
 #signup-form #website {
 width:98%;
 height:18px;
 }
 #signup-form #email-input {
 width:98%;
 }
 #signup-form #website-input {
 width:98%;
 }
 #signup-form .ajax-loading {
 background:transparent url(images/loading.gif) no-repeat; padding-left:20px;
 }
 
 */
/**** End Signup ****/
input#website-input, input#email-input {
    color: #000000;
    background: #FFFFFF !important;
    border: 1px inset #c1c1c1;
}

#checkbox {
    background: none;
    border: none;
    padding: none;
    margin-top: 7px;
}

.wrapper {
    width: 100%;
}

#shadow.wrapper {
    background: transparent url(/static/learnmore/bgtop.png) repeat-x scroll 0 0;
    height: 10px;
}

#bluegradient.wrapper {
    background: transparent url(/static/images/termofuse-bgblue.gif) repeat-x scroll 0 0;
}

.container {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
    text-align: justify;
}

#content-wrapper {
    background-color: #fff;
}

#content {
    color: #000000;
    position: relative;
}

#intro {
    height: 300px;
    background: url('images/elevator-pitch-bgwrapper.gif') repeat-x;
}

/****Pitch****/
#elevator-pitch {
    width: 565px;
    margin: 0px;
    height: 100%;
    position: absolute;
}

#pitchtext {
    padding: 15px 0 0 5px;
    position: relative;
    font-size: 16px;
    color: #fff;
		width:780px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
		z-index: 999;
		text-shadow:1px 2px 4px #467;
}
#pitchtext b {color:#fec;}
#pitchtext h1 {
    font-size: 41px;
    color: #fff;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
text-align: left;
    padding: 3px 0 2px;
}

#pitchpic {
    position: absolute;
    width: 570px;
    height: 210px;
    top: 80px;
}

#pitchpic img {
    visibility: visible;
    position: absolute;
}

#pitchpic .container {
    width: 137px;
    height: 215px;
    position: absolute;
    overflow: hidden;
}

#pitchpic .icon {
    z-index: 5;
    cursor: pointer;
}

#pitchpic .description {
    z-index: 10;
    margin-top: 215px;
}

#pitchpic-deploy {
    margin: 0px;
}

#pitchpic-anywhere {
    margin-left: 137px;
}

#pitchpic-analyze {
    margin-left: 274px;
}

#pitchpic-message {
    margin-left: 411px;
}

#elevator-pitch .pitchbutton {
    background: url('elevatorpitch/pitchbutton.png') no-repeat;
    position: absolute;
    width: 17px;
    height: 18px;
    left: 61px;
    top: 190px;
    z-index: 5;
    behavior: url('/static/iepngfix/iepngfix.htc');
}

/**** End of Pitch ****/
/**** Reasons ****/
.bg1 {
    background: white url('index/bg1.png') repeat-x;
}

#reasons, #features {
    text-align: left;
}

#reasons {
    width: 100%;
    color: #969696;
    position: relative;
    left: -15px;
}

#features td, #reasons td {
    padding: 0 30px 30px 90px;
    behavior: url('/static/iepngfix/iepngfix.htc');
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
    text-align: left;
}

#reasons .increasesales {
    background-image: url('index/increasesales.png')
}

#reasons .lowercosts {
    background-image: url('index/lowercosts.png')
}

#reasons .superiors {
    background-image: url('index/superiors.png')
}

#reasons .increasevalue {
    background-image: url('index/increasevalue.png')
}

#features {
    border-top: 2px solid #ea0;
    background: #FEF8D9;
    color: #808284;
}

#features table {
    width: 100%;
}

#features td {
    padding-left: 131px;
    behavior: url('/static/iepngfix/iepngfix.htc');
}

#no-popup {
    padding-bottom: 5px;
    background: url('index/nopopup.png') no-repeat bottom right;
}

#no-popup-description {
    width: 300px;
    color: #969696;
    padding-bottom: 0px;
}

#features .interface {
    background-image: url('index/interface.png')
}

#features .IM {
    background: url('index/IM.png') no-repeat 15px 10px
}

#features .paperplanesmall {
    background-image: url('index/paperplanesmall.png')
}

#features .dashboard {
    background: url('index/dashboard.png') no-repeat 0 -5px
}

#whatiszopimhead {
    height: 40px;
    width: 781px;
    background: url('index/whatiszopimhead.png') no-repeat;
    behavior: url('/static/iepngfix/iepngfix.htc');
}

#whatiszopim {
    width: 698px;
    overflow: hidden;
    background: white url('index/bg2.png') repeat-x bottom;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 0 40px;
}

.quote {
    width: 300px;
    float: left;
    margin: 10px 35px 20px 0;
    position: relative;
    line-height: 16px;
    z-index: 0;
}

.quote span {
    display: block;
    position: relative;
    z-index: 10;
    line-height: 18px;
    text-indent: 20px;
}

.quote sup, .quote sub {
    z-index: 5;
    position: absolute;
    vertical-align: middle;
    font-size: 60px;
    line-height: 0;
    height: 60px;
    display: block;
    color: #ddd;
    width: 100%;
    opacity: 50;
    margin-top: 7px !important;
    margin-top: -30px;
}

.quote sup {
    xxfloat: left
}

.quote sub {
    text-align: right
}

.quote small {
    xxbackground: url('index/zopimpm1.png') no-repeat left;
    display: block;
    font-size: 90%;
    text-align: right;
    margin: 10px 0;
    font-style: italic;
    position: relative;
    z-index: 10;
}

#bg2 {
    width: 100%;
    height: 200px;
    background: url('index/bg2.png');
    position: absolute;
}

/**** End of Reasons ****/
/**** Blog post ****/
123#blog-post-title, #blog-post-contents {
    outline: 1px solid black;
}

#blog-post {
    left: 610px;
    top: 0px;
    width: 210px;
    height: 200px;
    padding: 10px;
    float: right;
    text-align: left;
    background: #ffffff;
    background: #ffffff url('images/blogdivider.jpg') no-repeat left;
}

#blog-post-container {
    margin-left: 40px;
}

#container-title {
    width: auto;
    height: auto;
    color: #EB8311;
    font-size: 16pt;
    font-weight: bold;
}

#blog-post-title {
    color: #538ca1;
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
}

#blog-post-contents {
    width: auto;
    margin: 5px 5px 5px 0px;
    color: #444;
    text-align: left;
}

#blog-divider {
    background: url('images/blogdivider.jpg');
    width: 63px;
    height: 193px;
    position: absolute;
    right: 220px;
}

#blog-post #blog-footer {
    color: #999;
    font-style: italic;
    text-align: right;
}

/**** End of blog post****/
/****Zopim Story****/
123#story-title, #story-contents {
    outline: 1px solid black;
}

#story {
    left: 0px;
    top: 220px;
    width: 370px;
    padding: 10px;
    height: 150px;
    text-align: left;
    background: #ffffff;
}

#story-title {
    width: auto;
    height: auto;
}

#story-contents {
    width: auto;
    height: 100px;
    padding-top: 5px;
}

/****End of Zopim Story***/
/****Subscribe****/
123#subscribe-title, #subscribe-form-name, #subscribe-form-email, #subscribe-button {
    outline: 1px solid black;
}

#subscribe {
    top: 220px;
    width: 370px;
    height: 150px;
    padding: 10px;
    background: #ffffff;
    position: absolute;
    float: left;
    margin-left: 400px;
}

#subscribe-title {
    width: auto;
    height: auto;
}

#subscribe-form-name {
    width: 80px;
    height: 50px;
    display: inline;
    position: relative;
}

#subscribe-form-email {
    width: 80px;
    height: 50px;
    display: inline;
    position: absolute;
    left: 174px;
    top: 70px;
}

#subscribe-button {
    margin: 10px 64px 0px 0px;
    float: right;
    border: 0px;
    background: none;
}

/****End of Subscribe****/
#divider {
    width: 780px;
    height: 19px;
    float: left;
    position: absolute;
    top: 190px;
}

#dividerhead {
    background: url('images/divider-head.gif') no-repeat;
    float: left;
    width: 71px;
    height: 19px;
    margin: 0px;
}

#dividerbody {
    background: url('images/divider-body.gif') repeat-x;
    height: 19px;
    width: 638px;
    float: left;
}

#dividertail {
    background: url('images/divider-tail.gif') no-repeat;
    float: right;
    width: 71px;
    height: 19px;
    margin: 0px;
}

/*** Footer ****/
#footersmallbg {
    top: 0px;
    width: auto;
    height: 4px;
    background: #7f6e5e;
}

#footer {
    bottom: 0px;
    width: 100%;
    height: 60px;
    background: #4b4239;
    border-top: 4px solid #7f6e5e;
    color: #FFFFFF;
	clear: both;
}

#footer #footertext {
    text-align: center;
    color: #c0b09f;
}

#footer #footertext a:link, #footer #footertext a:hover, #footer #footertext a:visited, #footer #footertext a:active {
    text-align: center;
    color: #c0b09f;
}

/**** End of Footer ****/
/**** For handling Forms & Fieldsets ****/
legend {
    background: #FFFFFF none repeat scroll 0 0;
    border: 2px solid #EEAA00;
    color: #336699;
    font-size: 1.4em;
    font-weight: bold;
    /*margin:0 0.4em;*/
    padding: 2px 10px;
    text-transform: capitalize;
    text-align: left;
}

fieldset {
    background-color: #FEF8D9;
    border: none;
    border-top: 1px solid #EEAA00;
    padding: 5px 30px 15px;
    margin: 0 0 20px;
    text-align: left;
}

fieldset ul {
    padding: 0px;
}

fieldset hr {
    border: 1px inset;
    margin: 5px 0px;
    visibility: visible;
}

fieldset h1 {
    font-size: 1.4em;
    padding: 5px 0px;
    font-weight: normal;
}

.error {
    color: #FF2F2F;
}