html,body{
margin:0;
padding:0;
width: 100%;
height:100%;
border:none;
background-color: #ffffff;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 13px;
}

form {height:100%;}

p, ul {
font-size: 13px;
}

ul {
list-style-type:none;
margin-left:18px;
padding-left:0px;
list-style-image:url(../images/arrow.gif);
}

li {
margin-left:15px;
margin-top: 3px;
margin-bottom: 3px;
}

a {
color: #0099cc;
text-decoration: underline;
}

a:hover {
color: #0099cc;
text-decoration: none;
}
			
h2, h1 {
color: #2b97c1;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 22px;
background: url(../images/h2.gif) left center no-repeat;
padding: 0;
margin: 0;
padding-left: 35px;
line-height: 35px;
}

h3 {
color:#333333;
font-size:19px;
margin:0pt;
padding:0pt;
background: none;
text-align: left;
}

.additionalContainer {
background: url(../images/additional.gif) 20px top no-repeat;
padding-left: 115px;
margin-top: 30px;
}

	.additional {
	background: url(../images/additional_line.gif) left top repeat-y;
	padding-left: 30px;
	}
	
		.additional h2 {
		background: url(../images/1x1.gif) left no-repeat;
		padding-left: 0px;
		line-height: 20px;
		}
	
		.additional ul {
		list-style-image:url(../images/arrow.gif) !important;
		margin-left: 0px;
		}
	
	.howToStart {
		background: url(../images/usability_ico.png) 40px top no-repeat;		
	}

.wikiArea, 
#mainContainer {
position: relative;
float: left;
margin:0 auto;
width:100%;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

.wikiArea {
height: 100% !important;
}

.headerContainer {
background: url(../images/t_bg.gif) left top repeat-x;
height: 80px;
float: left;
width: 100%;
_text-align: center;
}

	.header {
	width: 990px;
	margin:0 auto;
	text-align: left;
	}

		.logo {
		float: left;
		}
		
		.lang {
		float: left;
		height: 55px;
		background: url(../images/lang_bg.gif) left center no-repeat;
		padding-top: 25px;
		padding-left: 5px;
		}
		
			.lang img {
			border: none;
			}
		
			.lang a {
			display: block;
			float: left;
			width: 26px;
			height: 26px;
			background: url(../images/lang_item.gif) center center no-repeat;
			color: #ffffff;
			text-align: center;
			font-size: 10px;
			font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
			text-decoration: none;
			line-height: 26px;
			margin-left: 7px;
			}
			
			.lang a.active {
			background: url(../images/lang_item_active.gif) center center no-repeat;
			}
			
		.menu {
		float: right;
		}
		
			.menu img {
			border: none;
			}
			
			.menu a {
			display: block;
			float: left;
			font-size: 18px;
			font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
			color: #333333;
			text-decoration: none;
			padding-left: 19px;
			padding-right: 19px;
			line-height: 80px;
			}
			
			/* Looks confusing with 5 menu items...
			.menu a:hover{
			color: #ff8825;
			background: url(../images/menu_hover_bg.gif) left top repeat-x;
			}
			*/
			.menu a:hover,
			.menu a.active{
			color: #ff8825;
			background: url(../images/menu_bg.gif) left top repeat-x;
			}
			
			.menu .divider {
			float: left;
			background: url(../images/menu_divider.gif) center center no-repeat;
			width: 11px;
			height: 80px;
			}
	
	
	.splashContainer {
	background: url(../images/splash_bg2.gif) left top repeat-x;
	height: 460px;
	float: left;
	_float: none;
	width: 100%;
	_text-align: center;
	padding-top:15px;
	}
	
	.splashContainerInner {
	background: url(../images/splash_bg_inner.gif) left top repeat-x;
	height: 117px;
	float: left;
	_float: none;
	width: 100%;
	_text-align: center;
	}
	
	.splashContainerNew {
	background: url(../images/splash_bg.gif) left top repeat-x;
	height: 80px;
	float: left;
	_float: none;
	width: 100%;
	_text-align: center;
	padding-top:0px;
	}
	
	.splash2 {
	width: 100%;
	float: left;
	background: url(../images/inner_bg.gif) left top repeat-x;
	height: 11px;
	text-align: center;
	}
	
		.splash2 div {
		width: 980px;
		margin:0 auto;
		text-align: left;
		}
		
			.splash2 div div{
			width: 425px;
			background: url(../images/inner_bg2.gif) left top repeat-x;
			float: right;
			}
		
	
		.splash {
		width: 980px;
		margin:0 auto;
		text-align: left;
		position: relative;
		}
		
			.splash a.loginBox {
			position: absolute;
			right: 110px;
			top: 22px;
			z-index: 1;
			background: transparent url(../images/button_orange.png) no-repeat scroll center center;
			height: 45px;
			width: 135px;
			text-align: center;
			color: #ffffff;
			text-decoration: none;
			line-height: 42px;
			font-size: 16px;
			font-weight: bold;
			}
		
			.splash .splashText {
			float: left;
			font-size: 40px;
			color: #ffffff;
			font-weight: bold;
			}
			
				.splash .splashText .subText {
				font-size: 20px;
				}
			
			.splash .splashText.right {
			float: right;
			}
			
				.splash .splashText a.coolLink {
				background: url(../images/icons/coollink.png) left center no-repeat;
				color: #ffffff;
				font-size: 16px;
				font-weight: normal;
				padding-left: 23px;
				font-style: italic;
				}
			
			.splashContainerInner .splash .splashText {
			float: left;
			margin-top: 15px;
			}
			
			.splash .flashContainer {
			/*float: left;*/
			width: 100%;
			/*background: url(../images/splash.gif) left top no-repeat;*/
			/*~overflow: hidden;*/
			position: relative;
			}
			
				.splash .flashContainer .flash {
				float: left;
				width: 100%;
				}
				
				.splash .flashContainer .common {
				/*float: left;*/
				width: 100%;
				height: 95px;
				/*margin-top:285px;*/
				background: url(../images/common_bg.gif) top center no-repeat;
				}
				
				table.contentUnderMenuTable td {
				vertical-align: middle;
				}
				
					table.contentUnderMenuTable td.text {
					padding-left: 45px;
					padding-right: 20px;
					line-height: 19px;
					border-right: solid 1px #bababa;
					}
					
					table.contentUnderMenuTable td.links {
					vertical-align: middle;
					border-left: solid 1px #ffffff;
					padding-left: 20px;
					}
					
					table.contentUnderMenuTable td.signUp {
					padding-left:20px;
					padding-top:3px;
					width: 187px;
					}
					
					table.contentUnderMenuTable td.or {
					font-size: 14px;
					font-weight: bold;
					font-family: Verdana;
					color: #505050;
					padding-left: 5px;
					padding-right: 4px;
					}
					
					table.contentUnderMenuTable td.signIn {
					padding-right: 15px;
					}
				
					a.coolLinkFeatures {
					display: block;
					float: left;
					background: url(../images/icons/coollink_feature.gif) left center no-repeat;
					font-size: 16px;
					font-weight: normal;
					padding-left: 25px;
					}
					
					a.coolLinkBlue {
					display: block;
					float: left;
					background: url(../images/icons/coollink_blue.gif) left center no-repeat;
					font-size: 16px;
					font-weight: normal;
					padding-left: 25px;
					margin-top: 5px;

					}
				
				.splash .flashContainer .splashInFlash {
				/*float: left;*/
				width: 100%;
				text-align: center;
				}
				
				.splash .flashContainer .common .ContentUnderMenu {
				margin: 0;
				}
				
					.splash .flashContainer .common .ContentUnderMenu h2{
					color: #ff8825;
					font-size: 18px;
					line-height: 17px;
					margin: 0;
					margin-bottom: 5px;
					padding-left:0px;
					background:none;
					}
					
					.splash .flashContainer .common .ContentUnderMenu .toplistContainer {
					overflow: hidden; 
					padding: 0;
					padding-left: 10px; 
					padding-top: 5px;
					}
					
					.splash .flashContainer .common .buttons {
					text-align: center;
					}
					
					.splash .flashContainer .common ul.TopList {
					list-style-type: none;
					padding: 0;
					margin: 0;
					margin-left: 0px;
					padding-left: 0px;
					margin-top: 5px;
					list-style-image:url(../images/arrow_small.gif);
					}
					
						.splash .flashContainer .common ul.TopList li {
						/*background: transparent url(../images/arrow.gif) no-repeat scroll left 4px;*/
						/*padding-left: 13px;*/
						font-size: 11px;
						color: #333333;
						/*padding-top: 2px;
						padding-bottom: 2px;*/
						}
	
	
	.container {
	/*background: url(../images/main_bg.gif) left top repeat-x;*/
	float: left;
	width: 100%;
	margin-bottom: 112px;
	_margin-bottom: 0px;
	_text-align: center;
	}
	
		.container div.main {
		width: 982px;
		margin:0 auto;
		text-align: left;
		}
		
			.mainLeftContainer {
			width: 375px;
			/*background: url(../images/main_left_bg_b.gif) left bottom no-repeat;*/
			text-align: left;
			}
			.mainLeftContainerNew {
			/*background: url(../images/main_left_bg_b.gif) left bottom no-repeat;*/
			text-align: left;
			}
			
				 .mainNew {
				background: url(../images/main_left_bg_t_new.gif) left top no-repeat;
				padding: 0px;
				text-align: left;
				}
				.container div.main .mainLeftNew {
				width: 50%;
				background: url(../images/main_left_bg_t_new.gif) left top no-repeat;
				padding: 0px;
				text-align: left;
				}

				.container div.main .mainRightNew {
				width: 100%;
				background: url(../images/main_right_bg_t_new.gif) left top no-repeat;
				padding: 0px;
				text-align: left;
				}
				
				.container div.main .mainLeft {
				float: left;
				width: 100%;
				/*background: url(../images/main_left_bg_t.gif) left top no-repeat;*/
				padding: 20px;
				}
				
					.container div.main .mainLeft .benefits {
					float: left;
					margin-top: 10px;
					}
					
						.container div.main .mainLeft .benefits .forPM {
						float: left;
						}
						
							.container div.main .mainLeft .benefits .forPM .ico {
							float: left;
							margin-right: 15px;
							}
						
							.container div.main .mainLeft .benefits .forPM h3 {
							display: block;
							float: left;
							margin: 0;
							padding: 0;
							font-size: 19px;
							font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
							color: #333333;
							background: url(../images/pm.gif) left top no-repeat;
							width: 255px;
							_width: 330px;
							padding-left: 73px;
							padding-top: 30px;
							padding-bottom: 15px;
							}
							
								.container div.main .mainLeft .benefits .forPM h3 a {
								font-size: 12px;
								color: #329fcf;
								font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
								font-weight: normal;
								float: right;
								margin-top: -18px;
								}
								
							.container div.main .mainLeft .benefits .forWorkTeam h3 {
							display: block;
							float: left;
							margin: 0;
							padding: 0;
							font-size: 19px;
							font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
							color: #333333;
							background: url(../images/workteam.gif) left top no-repeat;
							width: 235px;
							_width: 330px;
							padding-left: 93px;
							padding-top: 30px;
							padding-bottom: 15px;
							}
							
								.container div.main .mainLeft .benefits .forWorkTeam h3 a {
								font-size: 12px;
								color: #329fcf;
								font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
								font-weight: normal;
								float: right;
								margin-top: -18px;
								}
							
							.container div.main .mainLeft .benefits .forClient h3 {
							display: block;
							float: left;
							margin: 0;
							padding: 0;
							font-size: 19px;
							font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
							color: #333333;
							background: url(../images/client.gif) left top no-repeat;
							width: 255px;
							_width: 330px;
							padding-left: 73px;
							padding-top: 30px;
							padding-bottom: 15px;
							}
							
								.container div.main .mainLeft .benefits .forClient h3 a {
								font-size: 12px;
								color: #329fcf;
								font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
								font-weight: normal;
								float: right;
								margin-top: -18px;
								}
								
						.container div.main .mainLeft .benefits ul {
						color: #333333;
						font-size: 13px;
						line-height: 17px;
						list-style-image: url(../images/arrow_small.gif);
						padding: 0;
						margin: 0;
						margin-left: 30px;
						margin-top: 20px;
						width: 300px;
						}
						
							.container div.main .mainLeft .benefits ul li {
							margin-bottom: 7px;
							}
			
			.container div.main .mainRightContainer {
			float: left;
			width: 604px;
			}
			
				.container div.main .mainRight {
				float: left;
				padding: 20px;
				padding-left: 20px;
				padding-bottom: 25px;
				text-align: left;
				}
				
					.container div.main .mainRight .features {
					font-size: 13px;
					line-height: 17px;
					color: #333333;
					font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
					border: solid 4px #ededed;
					padding: 17px;
					padding-top: 14px;
					padding-bottom: 14px;
					margin-top: 25px;
					}
					
						.container div.main .mainRight .features a {
						color: #0099cc;
						}
						
				.DemoSlides {
				float: left;				
				width: 100%;
				background: url("../images/slide_bg.gif") left top repeat-x !important;
				}
				
					.DemoSlides a:focus {
					-moz-outline: none; /* fx 1.07*/ 
					outline:none; /* fx 1.05, Safari, Mac IE*/
					}
				
					.DemoSlides .divider {
					float: left;
					background: url("../images/slide_bg.gif") left top repeat-x !important;
					height: 28px;
					color: #c2c2c2;
					padding-top: 15px;
					}
				
				.DemoSlides .ActiveSlide,
				.DemoSlides .InactiveSlide {
				float:left;
				text-decoration: none;
				text-align: center;
				font-size: 12px;
				font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
				background: url("../images/slide_bg_l_inactive.gif") left top no-repeat !important;
				}

				.DemoSlides .ActiveSlide {
				background: url("../images/slide_bg2.gif") left top no-repeat !important;
				}
				
					.DemoSlides .ActiveSlide span {
					display: block;
					float: left;
					height: 26px;
					min-width: 17px;
					padding-top: 17px;
					padding-left: 17px;
					padding-right: 17px;
					_padding-bottom: 12px;
					cursor: pointer;
					color: white;
					background: url("../images/slide_bg1.gif") right top no-repeat !important;
					}

				.DemoSlides .InactiveSlide:hover{
				text-decoration: underline;
				color: #333333;
				}
				
					.DemoSlides .InactiveSlide span {
					display: block;
					cursor: pointer;
					float: left;
					height: 26px;
					min-width: 17px;
					padding-top: 17px;
					padding-left: 17px;
					padding-right: 17px;
					padding-bottom: 10px;
					color: black;
					1background: url("../images/slide_bg.gif") left top repeat-x !important;
					background: url("../images/slide_bg_r_inactive.gif") right top no-repeat !important;
					}
					
				.QTDemoImg {
				width: 600px;
				margin: 0 auto;
				padding: 1px;
				border: 10px solid #E7E7E7;
				float: left;
				}
				
				a.prevNextLink {
				display: block;
				float: left;
				font-size: 60px;
				text-decoration: none;
				width: 75px;
				text-align: center;
				}
				
				
				.demoSlidesContainer {
				
				}
				
					#centColCont {
					text-align: center;
					}
					
						#centColCont h2 {
						color:#333333 !important;
						font-size:17px !important;
						margin:0pt;
						padding:0pt;
						background: none;
						text-align: left;
						}
						
						#centColCont p {
						text-align: left;
						}
					
					.DemoSlidesTopLines {
					margin-top: -4px;
					height: 6px;
					border-left: solid 1px #cbd6d9;
					border-right: solid 1px #cbd6d9;
					font-size: 1px;
					}
					
					html>body .DemoSlidesTopLines {
					margin-top: -10px;
					
					}
					
					.DemoSlidesBottomLines {
					height: 10px;
					background: url(../images/DemoSlidesBottomLines.gif) left top repeat-x;
					font-size: 1px;
					}
					
						.DemoSlidesBottomLines div {
						font-size: 1px;
						height: 6px;
						border-left: solid 1px #cbd6d9;
						border-right: solid 1px #cbd6d9;
						}
				
				.featureList{
				margin: 0;
				padding: 0;
				list-style: none;
				padding-left: 0px;
				width: 100%;
				}
				
					.featureList img {
					float: left;
					}

				.featureList li{
				margin: 0;
				padding: 0;
				float: left;
				width: 200px;
				height:125px;
				min-height: 45px;
				margin-top: 20px;
				margin-bottom: 20px;
				_width: 49%;
				
				}
				
					.featureList li div {
					border-left: solid 1px #cccccc;
					color: #333333;
					font-size: 13px;
					line-height: 17px;
					padding-left: 13px;
					}
				
				.featureList h3 {
				padding: 0;
				margin: 0;
				color: #333333;
				font-size: 17px;
				width:150px;
				line-height: 20px;
				}
				
					li.pm {
					padding-left: 70px;
					background: url(../images/pm_ico.png) 18px top no-repeat;
					}
					
					li.report {
					padding-left: 70px;
					background: url(../images/report_ico.png) 18px top no-repeat;
					}
					
					li.team {
					padding-left: 70px;
					background: url(../images/team_ico.png) 8px top no-repeat;
					}
					
					li.ticket {
					padding-left: 70px;
					background: url(../images/ticket_ico.png) 18px top no-repeat;
					}
					
					
					li.enterprise {
					padding-left: 70px;
					background: url(../images/enterprise_ico.png) 25px top no-repeat;
					}
					
					li.categories {
					padding-left: 70px;
					background: url(../images/categories_ico.png) 23px top no-repeat;
					}
					
					li.search {
					padding-left: 70px;
					background: url(../images/search_ico.png) 18px top no-repeat;
					}
					
					li.storage {
					padding-left: 70px;
					background: url(../images/storage_ico.png) 18px top no-repeat;
					}
					
					
					li.collaboration {
					padding-left: 70px;
					background: url(../images/collaboration_ico.png) 18px top no-repeat;
					}
					
					li.notification {
					padding-left: 70px;
					background: url(../images/notification_ico.png) 18px top no-repeat;
					}
					
					li.dashboards {
					padding-left: 70px;
					background: url(../images/dashboards_ico.png) 26px top no-repeat;
					}
					
					li.estimates {
					padding-left: 70px;
					background: url(../images/estimates_ico.png) 18px top no-repeat;
					}
					
					
					li.usability {
					padding-left: 70px;
					background: url(../images/usability_ico.png) 18px top no-repeat;
					}
					
					li.customization {
					padding-left: 70px;
					background: url(../images/customization_ico.png) 18px top no-repeat;
					}
					
					li.administration {
					padding-left: 70px;
					background: url(../images/administration_ico.png) 24px top no-repeat;
					}
					
					li.integration {
					padding-left: 70px;
					background: url(../images/integration_ico.png) 18px top no-repeat;
					}
				
				.menuRText{
				position: absolute;
				display: none;
				}
				
				.container div.main div.Breadcrumbs {
				display:none; /*dummy texts there now!! */
				color: #949494;
				font-size: 11px;
				padding-top: 6px;
				float: left;
				}
	
					.container div.main div.Breadcrumbs a{
					font-size: 11px;
					}
	
	
	.container2 {
	background: url(../images/container2_bg.gif) left top repeat-x #f9f9f9;
	float: left;
	width: 100%;
	_text-align: center;
	margin-bottom: 25px;
	}
	
		.container2 .mainLeftContainer {
		background: none !important;
		}
	
			.container2 .mainLeftContainer .mainLeft {
			background: none !important;
			padding-left: 0px !important;
			padding-right: 0px !important;
			}
			
				.testimonials {
				width: 100%;
				float: left;
				margin-top: 10px;
				}
				
					.testimonials .divider {
					float: left;
					width: 100%;
					font-size: 1px;
					background: url(../images/DemoSlidesBottomLines.gif) repeat-x scroll left bottom;
					margin-top: 10px;
					margin-bottom: 5px;
					}
					
					.testimonials .readAllLink {
					float: right;
					font-size: 12px;
					}
				
					.testimonials .item {
					float: left;
					margin-top: 10px;
					}
					
						.testimonials .item .photo {
						border: solid 3px #e5e5e5;
						display: block;
						float: left;
						}
						
						.testimonials .item .body {
						float: left;
						width: 260px;
						margin-left: 10px;
						}
						
							.testimonials .item .body .name {
							color: #333333;
							font-size: 13px;
							font-weight: bold;
							line-height: 12px;
							}
							
							.testimonials .item .body .role {
							color: #666666;
							font-size: 13px;
							font-weight: bold;
							}
							
							.testimonials .item .body .text {
							padding-top: 5px;
							color: #333333;
							font-size: 13px;
							line-height: 17px;
							}
							
				.cmwFuture {
				float: left;
				/*width: 345px;*/
				_width: 100%;
				background: #f1f1f1;
				border-top: solid 7px #d9d9d9;
				margin-top: 25px;
				margin-bottom: 25px;
				padding: 15px;
				padding-top: 8px;
				font-size: 13px;
				line-height: 17px;
				color: #333333;
				}
				
					.cmwFuture h2 {
					padding: 0;
					margin: 0;
					background: none;
					font-size: 17px;
					color: #555555;
					font-weight: normal;
					}
					
				.reviews {
				float: left;
				color: #333333;
				font-size: 13px;
				line-height: 17px;
				}
				
					.reviews .item {
					padding-left: 3px;
					margin-top: 15px;
					}
					
						.reviews .item img {
						display: block;
						margin-bottom: 10px;
						margin-left: -3px;
						}
						
					.reviews h3 {
					color: #333333;
					font-size: 18px;
					margin-top: 15px;
					font-weight: normal;
					}
					
				.moreLogos {
				margin-top: 10px;
				}
				
					.moreLogos a {
					display: block;
					float: left;
					margin-right: 20px;
					}
					
					.moreLogos img {
					border: none;
					}
					
		
		.container2 .mainRightContainer .mainRight {
		padding-top: 0px !important;
		width: 545px;
		background: url(../images/hot_features.gif) left top no-repeat;
		font-size: 13px;
		color: #666666;
		}
		
			.container2 .mainRightContainer .mainRight .hotFeatures {
			float: left;
			font-size: 17px;
			color: #006699;
			padding-top: 40px;
			padding-bottom: 55px;
			padding-left: 140px;
			}
			
			.container .mainRightContainer .mainRight .listedFeatures {
			float: left;
			width:555px;	
			_width:585px;
			background: #f1f1f1;
			border-top: solid 7px #d9d9d9;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 10px;
			padding-bottom: 20px;
			margin-bottom: 20px;
			}
			
			.container2 .mainRightContainer .mainRight .listedFeatures {
			float: left;
			width: 515px;
			background: #f1f1f1;
			border-top: solid 7px #d9d9d9;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 10px;
			padding-bottom: 20px;
			margin-bottom: 20px;
			}						
			
				.mainRightContainer .mainRight .listedFeatures .item {
				float: left;
				width: 242px;
				font-size: 13px;
				line-height: 17px;
				color: #666666;
				}								
				
					.mainRightContainer .mainRight .listedFeatures .item .header {
					float: left;
					width: 100%;
					padding-bottom: 10px;
					}
					
						.mainRightContainer .mainRight .listedFeatures .item .header h2 {
						float: left;
						font-size: 17px;
						color: #555555;
						font-weight: normal;
						padding-left: 50px;
						}
						
						.mainRightContainer .mainRight .listedFeatures .item .header h2.videoReply  {
						background: url(../images/video_reply_h2_bg.gif) left top no-repeat;
						}

						.mainRightContainer .mainRight .listedFeatures .item .header h2.caseMailFeature {
						background: url(../images/integration_ico.png) left top no-repeat;
						}
						
						.mainRightContainer .mainRight .listedFeatures .item .header h2.fileStorageFeature  {
						background: url(../images/storage_ico.png) left top no-repeat;
						}
						
						.mainRightContainer .mainRight .listedFeatures .item .header h2.searchFeatured  {
						background: url(../images/search_ico.png) left top no-repeat;
						}
						
						.mainRightContainer .mainRight .listedFeatures .item .header a.tryLink {
						float: right;
						font-size: 12px;
						padding-top: 7px;
						}
									
				
				.mainRightContainer .mainRight .listedFeatures .right {
				background: url(../images/video_reply_dots.gif) left top repeat-y;
				margin-left: 15px;
				padding-left: 15px;
				}
				
					.mainRightContainer .mainRight .listedFeatures .item .screen {
					margin-bottom: 10px;
					text-align: center;
					}
					
						.mainRightContainer .mainRight .listedFeatures .item .screen img {
						width: 220px;
						border: solid 4px #dfdfdf;
						}
					
				
				table.mail {
				margin-top:20px;
				}
					.mail .mailT {
					background: url(../images/mail_t_bg.gif) left bottom repeat-x;
					}
					
					.mail .mailL {
					background: url(../images/mail_l_bg.gif) right top repeat-y;
					width: 4px;
					}
					
					.mail .mailR {
					background: url(../images/mail_r_bg.gif) left top repeat-y;
					width: 4px;
					}
					
					.mail .mailB {
					background: url(../images/mail_b_bg.gif) left top repeat-x;
					height: 5px;
					}
					
					.mail .bodyContainer {
					padding: 4px;
					}
					
						.mail .bodyContainer .body {
						background: #f9f9f9;
						padding: 15px;
						font-size: 13px;
						color: #333333;
						}
						
							.mail .bodyContainer .body .mailTable {
							margin-top: 10px;
							}
							
								.mail .bodyContainer .body .mailTable .enterText {
								background: url(../images/arrow2.gif) right center no-repeat;
								height: 25px;
								font-size: 13px;
								color: #ffffff;
								padding-left: 10px;
								}
								
								.mail .bodyContainer .body .mailTable .field {
								padding-left: 10px;
								padding-right: 10px;
								width: 150px;
								}
								
									.mail .bodyContainer .body .mailTable .field input {
									width: 100%;
									border: solid 1px #c4c4c4;
									}
									
								.mail .bodyContainer .body .mailTable .noSpamText {
								background: url(../images/lock.gif) left center no-repeat;
								font-size: 12px;
								color: #777777;
								padding-left: 20px;
								}
								
								.mail .bodyContainer .body .mailTable .submitContainer {
								text-align: right;
								padding-right: 10px;
								padding-top: 5px;
								}
								
									.mail .bodyContainer .body .mailTable .submitContainer input {
									border: none;
									background: url(../images/submit_bg.gif) left top repeat-x;
									height: 20px;
									font-size: 13px;
									line-height: 13px;
									color: #ffffff;
									}
									
									
	.mainRightContainer .mainRight .slider {
				float: left;
				width: 100%;	
				background: #CCCCCC;				
				}
					.mainRightContainer .mainRight .slider .sliderHead {
					float: left;
					font-size: 15px;
					color: #ffffff;
					font-weight: bold;
					padding: 5px 5px 5px 15px;					
					}
				
					.mainRightContainer .mainRight .slider a.tryLink {
					float: right;
					font-size: 12px;
					padding-right:15px;
					padding-top:5px;
					
					}
									
									
	.containerBottom {
	background: url(../images/bottom_bg.gif) left top repeat-x #eaeaea;
	float: left;
	width: 100%;
	_text-align: center;
	}
	
		.containerBottom div.main {
		width: 982px;
		margin:0 auto;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
		}
		
			.containerBottom div.main .links {
			float: left;
			width: 100%;
			height: 55px;
			_height: auto;
			text-align: center;
			color: #c8c8c8;
			}
		
				.containerBottom div.main .links a {
				font-size: 13px;
				}
				
				.containerBottom div.main .links a.rss {
				background: url(../images/ico_rss.gif) left center no-repeat;
				line-height: 37px;
				padding-left: 45px;
				padding-top: 10px;
				padding-bottom: 10px;
				margin-left: 10px;
				margin-right: 10px;
				}
				
				.containerBottom div.main .links a.link1 {
				background: url(../images/ico_man.gif) left center no-repeat;
				line-height: 37px;
				padding-left: 35px;
				padding-top: 10px;
				padding-bottom: 10px;
				margin-left: 10px;
				margin-right: 10px;
				}
	
.Services {
border: solid 6px #e7e7e7;
text-align: center;
}

	.Services .plan {
	height: 38px;
	font-size: 16px;
	color: #333333;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: bold;
	_padding: 0px;
	}
	
		.Services .plan span {
		display: block;
		margin: 1px;
		vertical-align: bottom !important;
		background: url(../images/price_head_bg.gif) left top repeat-x;
		height: 36px;
		line-height: 220%;
		}
	
		.Services .l {
		border-left: solid 1px #d6d6d6;
		border-right: solid 1px #bbbbbb;
		border-bottom: solid 1px #d6d6d6;
		}
		
		.Services .c {
		border-left: solid 1px #d6d6d6;
		border-bottom: solid 1px #d6d6d6;
		border-right: solid 1px #d6d6d6;
		}
		
		.Services .r {
		border-left: solid 1px #bbbbbb;
		border-bottom: solid 1px #d6d6d6;
		}
		
	.Services .planName {
	font-size: 15px;
	background-color:#E9EEEE;
	color: #0099cc;
	font-weight: bold;
	padding: 1px;
	/*height: 38px;*/
	line-height: 18px;
	vertical-align:top;
	}
	
		.Services .planName span {
		displaY: block;
		/*height: 36px;*/
		background-color: #e9eeee;
		line-height: 230%;
		}
		
		.Services .ln {
		border-left: solid 1px #d6d6d6;
		border-right: solid 1px #bbbbbb;
		border-bottom: solid 1px #d6d6d6;
		border-top: solid 1px #d6d6d6;
		}
		
		.Services .cnl {
		border-left: solid 1px #d6d6d6;
		border-right: solid 1px #d6d6d6;
		border-bottom: solid 1px #d6d6d6;
		border-top: solid 1px #d6d6d6;
		}
		
		.Services .cnr {
		border-right: solid 1px #d6d6d6;
		border-bottom: solid 1px #d6d6d6;
		border-top: solid 1px #d6d6d6;
		}
		
		.Services .rnl {
		border-left: solid 1px #bbbbbb;
		border-bottom: solid 1px #d6d6d6;
		border-top: solid 1px #d6d6d6;
		}
		
		.Services .rnr {
		border-left: solid 1px #d6d6d6;
		border-bottom: solid 1px #d6d6d6;
		border-top: solid 1px #d6d6d6;
		}
					
	.Services .rowFirst th{
	border: solid 1px #dfdfdf;
	border-left: none;
	padding: 3px;
	padding-right: 10px;
	text-align: right;
	font-size: 13px;
	font-weight:normal;
	color: #333333;
	}
	
		.Services .rowFirst td{
		border: solid 1px #dfdfdf;
		border-left: none;
		padding: 10px;
		font-size: 13px;
		color: #333333;
		}
		
			.Services .rowFirst td.ln ,
			.Services .row td.ln {
			border-right: solid 1px #bbbbbb;
			}
			
			.Services .rowFirst td.rn ,
			.Services .row td.rn {
			border-left: solid 1px #bbbbbb;
			}
	
	.Services .row th{
	border: solid 1px #dfdfdf;
	border-left: none;
	border-top: none;
	padding: 0px;
	padding-right: 10px;
	text-align: right;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	}
	
		.Services .row td{
		border: solid 1px #dfdfdf;
		border-left: none;
		border-top: none;
		padding: 5px;
		font-size: 13px;
		color: #333333;
		}		

		.Services .rowTitle td{
		border: solid 1px #dfdfdf;
		border-left: none;
		border-top: none;
		padding: 5px;
		font-size: 15px;
		font-weight: bold;
		color: #333333;		
		background: #e8eded;
		vertical-align: bottom !important;
		background: url(../images/price_head_bg.gif) left top repeat-x;
		}	
	
	.Services .fee td {
	color: #e77d15;
	font-size: 20px;
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding: 5px !important;
	}	
		.feeNote {		
		font-size: 10px;			
		color: #333333;
		}
	
	.Services .signup td {
	border-bottom-color: #d6d6d6 !important;
	padding: 0px;
	_padding-bottom: 2px;
	height: 40px;
	}
	
		.Services .signup td a {
		display: block;
		background: url(../images/but_signup_price.gif) left center no-repeat;		
		color: #ffffff;		
		width: 139px;
		white-space: nowrap;
		padding-top: 12px;
		padding-bottom: 12px;
		text-decoration: none;
		}
		
		.Services .signup td a:hover {
		background: url(../images/but_signup_price_a.gif) left center no-repeat;
		}
		
	.Services  .signupInfo td {
	font-size: 14px;
	padding: 1px;
	padding-top: 0px;
	border-top: solid 1px #eeeeee;	
	}
	
		.Services  .signupInfo td span {
		display: block;
		background: #e8eded;
		padding: 5px;
		color: #666666;
		}
		
	.Services  span.extraNote{
		font-size: 11px; 
		font-style: italic;	
	}
	
	.Services .freePlanRow td{
		padding: 5px 5px 5px 5px;
		background: url(../images/price_head_bg.gif) left top repeat-x;
	}	
	
	.Services .singleSignupRow td{
		padding: 10px 10px 10px 10px;
		background: #e8eded;	
		border-bottom: none;		
	}	
	
		.Services .singleSignupRow .finNotes {
			color: #00C416;
			font-size: 12px;
			font-weight: bold;
		}			
		
		.Services .singleSignupRow .planNotes {		
			font-size: 13px;			
		}	
	
	.Services .signupButton a {
		display: block;
		background: url(../images/but_signup_price.gif) left center no-repeat;		
		color: #ffffff;		
		width: 139px;
		white-space: nowrap;
		padding-top: 12px;
		padding-bottom: 12px;
		text-decoration: none;	
		text-align:center;
		}
		
		.Services .signupButton a:hover {
		background: url(../images/but_signup_price_a.gif) left center no-repeat;
		}


		.proposition .signupButton a {
		/*display: block;*/
		background: url(../images/but_signup_price.gif) left center no-repeat;		
		color: #ffffff;		
		width: 139px;
		white-space: nowrap;
		padding-top: 12px;
		padding-bottom: 12px;
		text-decoration: none;	
		text-align:center;
		}
		
		.proposition .signupButton a:hover {
		background: url(../images/but_signup_price_a.gif) left center no-repeat;
		}		
	
	.Services th.Universal {
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	}
	
		.Services th.Universal span{
		background: #d0dcdd url(../images/price_head_bg.gif) left top repeat-x;
		display: block;
		margin: 1px;
		height: 50px;
		padding: 0px 2px;
		}
	
	.Services th.NoLB{
	border-left: none;
	}

.blogs {

}

	.blogs h3 {
	font-size: 19px;
	padding: 0;
	margin: 0;
	margin-top: 30px;
	padding-bottom: 10px;
	background: url(../images/DemoSlidesBottomLines.gif) left bottom repeat-x;
	}
	
		.blogs h3 a {
		color: #cc6600;
		text-decoration: none;
		padding: 0;
		}
		
			.blogs h3 a:hover {
			text-decoration: underline;
			}
	
		.blogs h3 span {
		display: block;
		float: right;
		font-size: 13px;
		color: #329fcf;
		font-weight: normal;
		}
		
		.blogs a {
		display: block;
		font-size: 13px;
		line-height: 17px;
		color: #333333;
		padding-top: 10px;
		text-decoration: none;
		}
	
	
#footerContainer {
position:absolute;
width:100%;
bottom:0;
padding:0;
margin:0;
background: url(../images/footer_bg.gif) left top repeat-x;
_POSITION: relative;  
_text-align: center;
_top: expression(this.offsetParent.scrollTop+this.offsetParent.offsetHeight-this.offsetParent.scrollHeight);
}

	.footerNew{
	height: 62px;
	width: 990px;
	margin:0 auto;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #989898;
	text-align: left;
	}

	.footer {
	height: 112px;
	width: 990px;
	margin:0 auto;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #989898;
	text-align: left;
	}
	
		.footer .copy{
		float: left;
		text-align: right;
		padding-top: 40px;
		width: 335px;
		}
		
		.footerNew .copy{
		float: left;
		text-align: right;
		padding-top: 20px;
		width: 335px;
		}
		
			.footer .copy a,
			.footerNew .copy a{
			color: #989898;
			text-decoration: underline;
			}
		
		.footer .links{
		float: left;
		padding-left: 35px;
		margin-left: 40px;
		padding-top: 47px;
		background: url(../images/footer_bg_lines.gif) left top no-repeat;
		}
		
		.footerNew  .links{
		float: left;
		padding-left: 35px;
		margin-left: 40px;
		padding-top: 27px;
		background: url(../images/footer_bg_lines.gif) left top no-repeat;
		}
		
			.footer .links td,
			.footerNew .links td	{
			text-align: center;
			vertical-align: top;
			color: #989898;
			font-size: 13px;
			}
			
			.footer .links td.divider,
			.footerNew .links td.divider{
			padding-left: 7px;
			padding-right: 7px;
			}
			
			.footer .links td a,
			.footerNew .links td a{
			padding: 0;
			margin: 0;
			margin-left: 0px;
			margin-right: 0px;
			line-height: 14px;
			}
		
			.footer .links a,
			.footerNew .links a{
			color: #989898;
			margin-left: 10px;
			margin-right: 10px;
			}

			

.SecondPageContent {
margin-top: 30px;
margin-bottom: 60px;
font-size: 13px;
color: #333333;
}

	.SecondPageContent ul.BlueDot {
	line-height: 170%;
	margin-left: 18px;
	margin-top: 18px;
	padding-left: 0px;
	list-style-type: none;
	font-size: 13px; 
	}

	.container div.SecondPageContent ul {
	list-style-image: url(../images/arrow_small.gif);
	}
	
.FeedbackForm {

}

.formview {
width: 50%;
margin: 0 auto;
padding: 0;
border-collapse: collapse;
border: solid 6px #e7e7e7;
}

.formview td{
 	padding: 5px 0px 4px 0px;
}
.formview td .radio td,
.formview td .radio th{
	border-bottom: none;
	padding: 2px;
}
.formview th{
  font-weight: normal;
	text-align: right;
	padding: 5px 10px 4px 2px;
	vertical-align: top;
	width: 30%;
	font-size: 13px;
}

.formview th span.req{
  font-weight: bold;
}
.formview th span.req:before{ 
  content: "* ";
  display: inline;
	color: red;
}
.formview .formHeader td{
  font-size: 13px;
	background: #EEEEEE;
	text-align: center;
	text-transform: capitalize;
	padding: 5px;
	color: #333333;
}
.formview input.text,
.formview select.text,
.formview textarea.text{
  width: 90%;
}

.buttons{
  padding: 5px 0px 5px 0px;
	text-align: center;
}
.buttons input{
background: url(../images/but_signup_price.gif) left center no-repeat;
border: none;
text-align: left;
color: #ffffff;
padding-left: 20px;
~padding-right: 60px;
width: 140px;
white-space: nowrap;
padding-top: 12px;
padding-bottom: 12px;
text-decoration: none;
cursor: pointer;
}

.error {font-size: 11px;}
.clear {clear:both;}

.anylinkcss {
position:absolute;
visibility: hidden;
top: 80px;
z-index: 100;
height: 39px;
margin-top: 2px;
background: url(../images/submenu_r.gif) right top no-repeat;
color: #ffffff;
margin-left: 7px;
}

	/*#Pricing {
	left: 450px;
	*width: 485px;
	}
	
	#Vision {
	left: 682px;
	*width: 360px;
	}*/

.anylinkcssContainer {
background: url(../images/submenu_l.gif) left top no-repeat;
/*background: url(../images/arrow_menu.gif) top center no-repeat;*/
margin-right: 6px;
padding-right: 9px;
padding-left: 15px;
height: 39px;
display: block;
*display: inline;
overflow: hidden;
white-space: nowrap;
}

.anylinkcss a {
text-decoration: none;
line-height: 31px;
font-size: 14px;
color: #ffffff;
text-decoration: underline;
}

.anylinkcss a:hover {
color: white;
text-decoration: none;
}

div.pricingNotes {
	padding: 10px 0px 0px 10px;
}

	div.pricingNotes strong{
		color: #e77d15;
		font-size: 20px;
	}
	
div.features {
	font-size: 13px;
	color: #333333;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	border: solid 4px #ededed;
	padding: 17px;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-top: 25px;	
}

div.screenshot {
	text-align:center;
	padding:10px;
}
div.screenshot_small {
	text-align:left;
	padding:10px;
}
/************ test classes *************/
.b1 {
	border: 1px solid red;
}

.yellow {
	background-color:#FFFFCC;
}

.green {
	background-color:#CEFFD1;
}

/*BENEFITS*/
					 .benefits2 {
					float: left;
					margin-top: 10px;
					}
					
						 .benefits2 .forPM {
						float: left;
						}
						
							 .benefits2 .forPM .ico {
							float: left;
							margin-right: 15px;
							}
						
							 .benefits2 .forPM h3 {
							display: block;
							float: left;
							margin: 0;
							padding: 0;
							font-size: 19px;
							font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
							color: #333333;
							background: url(../images/pm.gif) left top no-repeat;
							padding-left: 73px;
							padding-top: 30px;
							padding-bottom: 15px;
							}
							
								 .benefits2 .forPM h3 a {
								font-size: 12px;
								color: #329fcf;
								font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
								font-weight: normal;
								float: right;
								margin-top: -18px;
								}
								
							 .benefits2 .forWorkTeam h3 {
							display: block;
							float: left;
							margin: 0;
							padding: 0;
							font-size: 19px;
							font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
							color: #333333;
							background: url(../images/workteam.gif) left top no-repeat;
							padding-left: 93px;
							padding-top: 30px;
							padding-bottom: 15px;
							}
							
								 .benefits2 .forWorkTeam h3 a {
								font-size: 12px;
								color: #329fcf;
								font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
								font-weight: normal;
								float: right;
								margin-top: -18px;
								}
							
							 .benefits2 .forClient h3 {
							display: block;
							float: left;
							margin: 0;
							padding: 0;
							font-size: 19px;
							font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
							color: #333333;
							background: url(../images/client.gif) left top no-repeat;
							padding-left: 73px;
							padding-top: 30px;
							padding-bottom: 15px;
							}
							
								 .benefits2 .forClient h3 a {
								font-size: 12px;
								color: #329fcf;
								font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
								font-weight: normal;
								float: right;
								margin-top: -18px;
								}
								
						 .benefits2 ul {
						color: #333333;
						font-size: 13px;
						line-height: 17px;
						list-style-image: url(../images/arrow_small.gif);
						padding: 0;
						margin: 0;
						margin-left: 30px;
						margin-top: 20px;
						}
						
							 .benefits2 ul li {
							margin-bottom: 7px;
							}

.miniFeaturesContainer {	
	width: 100%;
	margin:0 auto;
	text-align: center;	
	padding-top: 0px;
	padding-bottom: 9px;	
	background:transparent url(../images/splash_line.gif) repeat-x scroll left bottom;	
}
	.miniFeaturesContainer .main {
		width:100%;
		background-color: #eaeaea;			
		padding-bottom: 10px;	
		padding-top: 10px;	
	}
	
	.miniFeaturesContainer strong {
		text-align: center;
		font-size:13px;
	}
	
	.miniFeaturesContainer small {
		text-align: center;
		font-size:10px;
	}
	
.dividerLine {
	
	width: 100%;	
	height: auto;
}

.container div.main .mainRight .promoArea {
	font-size: 13px;
	line-height: 17px;
	color: #333333;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	border: solid 4px #ededed;
	padding: 10px;	
	margin-bottom: 25px;
	height: auto;
	}	
	
	.promoArea .promoHeading {
		font-size:15px;
		font-weight: bold;		
	}
	
	.promoArea .promoOffer {
		margin-bottom: -10px;
		margin-right: -10px;
		padding: 10px;
		font-size:13px;
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		font-weight: bold;		
		background: #eaeaea;
	}
	
	.promoArea .promoOfferSmall {		
		padding: 10px;
		margin:10px;
		margin-bottom:0px;
		font-size:13px;
		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
		font-weight: bold;		
		background: #eaeaea;
	}