body {
	margin:0pt;
	padding:0pt; 
	font:Arial;
	color:black;
	text-align: justify;
	position: relative;
	display:block;
	font-family: Trebuchet MS,Arial,geneva;
	font-size: 10pt;
	min-width: 780px;
}

2qw* {
	outline: 1px solid red;
}
h1,h2,h3,h4,h5,h6,h7,h8 {margin:0px; padding:0px;}

h1 {
	font-size:28pt;
	color:#fff6bd;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
}
h2 {
	font-size:12pt;
	color:#fffce8;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
}	   
h3 {
	font-size:16pt;
	color:#eb8311;
	font-weight:bold;
	
}
#blog-post h3 {
	font-size: 12pt;
}
#nav-free-signup h3, #nav-login h3{
	font-size: 10pt;
	color: #d8620b;
	text-align: center;
}
h4 {
	font-size:10pt;
	font-weight: bold;
	text-align: left;
	color: #8a8573;
}

h5 {
	font-size:14pt;
	color: #538ca1;
	font-weight: bold;
	text-align: left;
}

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

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

.home #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;
}

.home #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('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('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('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: #538ca1;
	font-weight: bold;
}

#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(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%;
}

.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;
}
#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(iepngfix.htc);
}

/**** End of Pitch ****/
/**** Reasons ****/


123#reason-title,#reason1,#reason2,#reason3 {outline: 1px solid black;} 

#reasons{
	left:0px;
	top:0px;
	width:510px;
	padding:10px;
	height:200px; 
}
#reason-title {
	width: 400px;
	height: 50px;
	margin: 10px 50px 0px;
	text-align: center;	
}
#reasons .reason-bullet {
	background: url('images/zopimpm1.png') no-repeat;
	position: absolute;
	width :15px;
	height:14px;
	left: 1px;
	top:5px;
	behavior: url(iepngfix.htc);
}
.reason{
	width:138px;
	height:100px;
	padding:0px 10px 10px 22px;
	display:inline;
	position: relative;
	float: left;
}

.reason-point {
	color: #444;
	margin-top:5px;
	text-align:left;
}

/*
#reason1 { 
	margin:0px;
}
#reason2 {
	margin-left:0px;
}
#reason3 {
	margin-right:0px;
}
*/
#reasons .reason h4 {
	color: #538ca1;
}
/**** 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 ****/