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

2qw* {
	outline: 1px solid red;
}

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;
}

#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; border-bottom-color:  }
.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;
}

/**** Header ****/

#header {
	border-top:7px solid #4b4239;
	background: url('headerimage/headerbg.gif');
	height:70px;
	color:#000000;
}

#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;
}
/**#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 {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	z-index:10;
}
#chatbutton {
	background: url('headerimage/chatbuttonbg.png') no-repeat;
	width: 252px;
	height: 35px;
	right: 0px;
	top: 0px;
	position: absolute;
	behavior: url('/static/iepngfix/iepngfix.htc');
}
#chatbutton-contents {
	color:#c0b09f;
	font-size:8pt;
	text-align: right;
	position: absolute;
	top: 0px;
	height:35px;
	cursor:pointer;
}
#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: 40px 35px 5px 0px;
}	   
#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;
}

#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 {
	text-align: center;
	padding: 10px 0px;
	position: relative;
	font-size:16px;
	color:#fffce8;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
#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;
}
#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;
}