/* Body styles */


* {
margin:0;
padding:0;

}


body {

font-family: verdana, lucida, arial, helvetica, sans-serif;
font-size: 12px;
color:#333;
text-align: center;
margin:0;
padding:0;
background:#FAFAFA;
}

a img {
border:none;
}

/* Headers */


h1 {
}



h2 {
font-size:20px;
font-weight:bold;
margin:5px 0 5px 0;
padding:0;
}

h3 {
font-size:16px;
font-weight:bold;
margin:5px 0 5px 0;
}

h3.Underline {

margin:5px 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px solid #ccc;
}

h4 {
font-size:14px;
font-weight:bold;
margin:0;
padding:0;

}

li {
}

/* common */

p {
padding:5px 0 10px 0;
margin:0;
line-height: 150%;
}


.Left {
float:left;
}

.Right {
float:right;
}



/*ul*/

	ul.TickList {
	float:left;
	margin:10px 0 30px 0;
	padding-bottom:10px;
	list-style:none;
	}
	
	ul.TickList  li{
	background:url(images/feature_tick.gif) no-repeat left top;
	padding:5px 0 5px 30px;
	font-size:14px;
	}
	
	ul.TickList  li.ViewTour{
	background: url(images/icon_comapr_small.gif) no-repeat left 2px;
	padding:5px 0 5px 30px;
	font-size:14px;
	}
	
	
	.FeaturesAddress {
	background:url(images/icon_address.gif) no-repeat top left;
	padding-left:100px;
	}
	
	.FeaturesProject {
	background: url(images/icon_projects.jpg) no-repeat top left;
	padding-left:100px;
	}
	
	.FeaturesDocs {
	background: url(images/icon_docs.jpg) no-repeat top left;
	padding-left:100px;
	}
	
	.FeaturesTime {
	background: url(images/icon_timesheets.jpg) no-repeat top left;
	padding-left:100px;
	}
	
	.FeaturesMeeting {
	background: url(images/icon_meeting.jpg) no-repeat top left;
	padding-left:100px;
	}
	
	.FeaturesInvoice {
	background: url(images/icon_quoting.jpg) no-repeat top left;
	padding-left:100px;
	}
	
	.FeaturesTasklist {
	background: url(images/icon_tasklist.jpg) no-repeat top left;
	padding-left:100px;
	}
	
	.FeaturesDash {
	background: url(images/icon_dash.jpg) no-repeat top left;
	padding-left:100px;
	}
	
	.FeaturesCal {
	background: url(images/icon_cal.jpg) no-repeat top left;
	padding-left:100px;
	}
	
	
	
	ul.BlankList {
	float:left;
	width:100%;
	margin:20px 0 50px 0;
	padding-bottom:10px;
	list-style:none;
	}
	
		ul.BlankList  li{
	background:url(images/bull_grey.jpg) no-repeat left 11px;
	padding:5px 0 5px 15px;
	}
	
	
	ul.BulletList {
	float:left;
	width:100%;
	margin:20px 0 50px 0;
	padding-bottom:10px;
	list-style:none;
	}
	
	ul.BulletList  li{
	background:url(images/bull_grey.jpg) no-repeat left 11px;
	padding:5px 0 5px 15px;
	font-size:14px;
	margin-left:40px;
	}



/*links*/

a, a:visited {
color: #005CC4;
text-decoration:none;
}

a:hover {
text-decoration:none;
color: #005CC4;
}


.BackLink {
font-size:12px;
font-weight:normal;
}

.HighlightText{
background:#FFFFCC;
font-weight:bold;
padding:2px;
color:#333;
}






/* Main Header */

div#Logo {
float:left;
margin-top:10px;
}

div#MainHeader {
width:100%;
background:#fff;
float:left;
padding:20px 0 20px 0;
}

div.container {
width: 1000px;
margin: 0 auto 0 auto;
text-align: left;
}

div#header {
float:left;
width:1000px;

}

div#header ul {
float:left;
margin:7px 0 0 20px;

}

div#header ul li {
list-style: none;
font-size:14px;
font-weight:bold;
display:inline;
margin:0;
}

div#header ul li a {
color:#999;
padding:10px;
text-decoration:none;
display:block;
float:left;
}

div#header ul li a:hover {
background:#005CC4;
color:#fff;
text-decoration:none;
}

div#header ul li .selected a {
background:#005CC4;
color:#fff;
text-decoration:none;
}

a.ForFree {
padding-right:70px !important;
background:url(images/for_free.jpg) no-repeat top right;
}

a.ForFree:hover{
padding-right:70px !important;
background: #005CC4 url(images/for_free_over.jpg) no-repeat top right !important;
}

.BTLogo {
float:right;
margin-top:3px;
}


/* Intro */

div#MainIntro{
width:100%;
background:#0065D7 url(images/blue_grad.jpg) repeat-x bottom left;
float:left;
border-top:3px solid #0053B1;
color:#fff;
padding-top:10px;
}

div#MainIntro h1{
color:#fff;
font-size:26px;
margin-bottom:5px;
pading-bottom:0;
width:700px;
}


div#MainIntro a{
color:#fff;
text-decoration:underline;
}

div#MainIntro a:hover{
color:#fff;
text-decoration:none;
}

	div#HomeIntro{
	width:100%;
	background: url(images/postit_top.jpg) no-repeat bottom right;
	float:left;
	padding-bottom:10px;
	}
	
	div#HomeIntro h2{
	color:#98BFEA;
	font-size:24px;
	padding:0;
	width:720px;
	margin:5px 0 5px 0;
	}
	
	div#HomeIntro p{
	font-size:14px;
	width:720px;
	}
	
	.SignUpIntro{
	margin:10px 0 10px 0 ;
	}
	
	span.TourHome {
	font-size:16px;
	font-weight:bold;
	}

.HeaderInfo {
float:left;
width:760px;
margin-right:20px;
padding-right:20px;
margin-bottom:20px;
}

.HeaderInfo h1{
color:#fff;
font-size:26px;
margin-bottom:5px;
pading-bottom:0;
width:700px;
}

.HeaderCall {
float:left;
}

/* Content Holders */

div#MainBody {
width:100%;
background: #fff url(images/body_grad.jpg) repeat-x top left;
float:left;
padding:0 0 40px 0;
}


div#HomeIntroQuestions {
width:100%;
background: url(images/postit_bottom.jpg) no-repeat top right;
float:left;
margin-bottom:20px;
padding:40px 0 20px 0;
}



div.PostItBottom {
width:100%;
background: url(images/postit_bottom.jpg) no-repeat top right;
float:left;
padding:10px 0 20px 0;
}

	div.HomeIntroQuestionsCol {
	width:45%;
	float:left;
	}
	
	div.HomeIntroQuestionsColLeft {
	margin-right:5%;
	}
	
	
	.HomeFeaturesBox {
	width:100%;
	float:left;
	background:#FCFCFC url(images/features_laptop.jpg) no-repeat right bottom;
	padding:10px 0 45px 0;
	margin:30px 0 30px 0;
	border-top:1px solid #E0E0E0;
	}

	.HomeFeaturesBox h2, .HomeFeaturesBox h3, .HomeFeaturesBox p {
	padding-left:10px;
	}
	
	.HomeFeaturesBox ul{
	width:260px;
	float:left;
	margin:10px;
	list-style:none;
	}
	
	.HomeFeaturesBox ul li{
	background:url(images/feature_tick.gif) no-repeat left top;
	padding:5px 0 5px 30px;
	font-size:14px;
	}


.FeaturesMain{
float:left;
width:100%;
margin-bottom:20px;
}


.ScreenShots {
float:left;
width:100%;
margin-top:20px;
margin-bottom:20px;
}

	.ScreenShotsFeature {
	float:left;
	width:224px;
	margin-right:20px;
	}
	

		
		.ScreenShotsFeature img{
		padding:5px;
		background:#FCFCFC;
		margin-bottom:10px;

		}
		
		
		.ScreenShotsFeature a img {
		border: 1px solid #E0E0E0;
		}
		
		.ScreenShotsFeature a:hover img {
		border: 1px solid #005CC4;
		}




.MainContent {
width:100%;
float:left;
padding-top:20px;
}



.TitleUnderline {
border-bottom:2px solid #ccc;
padding-bottom:5px;
margin-bottom:20px;
}

.HightlighBox {
background:#ffffcc;
margin:0 0 20px 0;
float:left;
width:100%;
padding-top:10px;
padding-bottom:10px;
}

.HightlighBox p, .HightlighBox h2, .HightlighBox h3, .HightlighBox ul{
padding-left:10px;
padding-right:10px;
}


.TourMenu {
width:100%;
float:left;
background:#F7F7F7 url(images/icon_tour.gif) no-repeat 0 5px ;
border:1px solid #EEEEEE;
padding:7px 0 7px 0;
margin:10px 0 40px 0;
}

	.TourMenu p, .TourMenu h3, .TourMenu ul{
	padding-left:90px;
	padding-right:7px;
	}
	
	.TourMenu ul{
	list-style:none;
	}
	
		.TourMenu ul li{
	background:url(images/bull_grey.jpg) no-repeat left 11px;
	padding:3px 0 3px 15px;
	}

.divider {
width:100%;
float:left;
margin:20px 0 20px 0;
border-bottom:1px solid #ccc;
}


/* footer */

div#footer{
width:100%;
background:#FAFAFA;
text-align:center;
padding: 20px 0 20px 0;
float:left;
}

	div#footerContainer {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}
	
	.footerInfo {
	color:#666;
	padding: 0 0 20px 0;
	width:1000px;
	float:left;
	}

		.footerInfo h3{
		color:#666;
		font-size:14px;
		font-weight:bold;
		margin:10px 0 10px 0;
		}
		
		.footerInfo p{
		color: #999;
		font-size:12px;
		}
		
		.footerInfo ul{
		padding:10px 0 10px 0;
		margin:0 20px 0 0;
		list-style:none;
		float:left;
		width:180px;
		
		}
		
		.footerInfo ul li{
		margin-right:15px;
		vertical-align:middle;
		}

div#glider {
float:left;
width:1000px;
margin: 20px 0 20px 0;
}

div.scroller { 
	width: 770px; 
	overflow: hidden;
	float:left;
	
	}
	div.section {
		width:770px;
		overflow:hidden;
		float:left;	
		padding-right:10px;	
		}
		
		div.section img{
		margin-bottom:15px;
		}
		
		
	
			
		
			
			div.section p, div.section h3 {
			margin-left:10px;	
			}
		
 div.content {
		width: 10000px;

		}

	div#section2 {
		color:#ffffff;
		}

div.controls {
width:198px;
float:right;
padding:0 0 10px 0;
margin:15px 0 20px 0;
}

div.controls h3{
padding:0 10px 0 0;
margin-top:0;
}


	div.controls ul{
	width:198px;
	padding:0;
	margin-bottom:30px;
	
	}

	div.controls ul li{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}
	
	div.controls ul li a{
	display:block;
	padding:12px 0 12px 0;
	border-bottom:1px solid #ccc;
	font-size:14px;
	}
	
		div.controls ul li a:hover{
	display:block;
	padding:12px 0 12px 32px;
	background: url(images/icon_comapr_small.gif) no-repeat left 10px; 
	border-bottom:1px solid #ccc;
	}
	
	
	
div.ToursMenu {
width:198px;
float:right;
padding:10px 0 10px 0;
margin:0 0 20px 0;
}

div.ToursMenu h4{
padding:0 10px 0 10px;
}


	div.ToursMenu ul{
	width:188px;
	padding:0 0 0 10px;
	
	}

	div.ToursMenu ul li{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}
	
	div.ToursMenu ul li a{
	display:block;
	padding:6px 0 6px 20px;
	}
	
		div.ToursMenu ul li a:hover{
	display:block;
	padding:6px 0 6px 20px;
	background:url(images/view.jpg) no-repeat left 5px; 
	}




	
.p1 {
padding:5px 0 10px 30px;
background:url(images/icon_1.jpg) no-repeat left 3px;
}

.p2 {
padding:5px 0 10px 30px;
background:url(images/icon_2.jpg) no-repeat left 3px;
}

.p3 {
padding:5px 0 10px 30px;
background:url(images/icon_3.jpg) no-repeat left 3px;
}

.p4 {
padding:5px 0 10px 30px;
background:url(images/icon_4.jpg) no-repeat left 3px;
}

.p5 {
padding:5px 0 10px 30px;
background:url(images/icon_5.jpg) no-repeat left 3px;
}

.p6 {
padding:5px 0 10px 30px;
background:url(images/icon_6.jpg) no-repeat left 3px;
}

.p7 {
padding:5px 0 10px 30px;
background:url(images/icon_7.jpg) no-repeat left 3px;
}


.p8 {
padding:5px 0 10px 30px;
background:url(images/icon_8.jpg) no-repeat left 3px;
}


.subpageLeftCol {
width:550px;
float:left;
}

.subpageRightCol {
width:220px;
float:left;
margin-left:20px;
}


form {
margin:20px 0 20px 0;
}

.formRow { 
clear: left;
margin-bottom:8px;
width:100%;
float:left; 
 }
 
label {
font-size:14px;
font-weight:bold;
color: #333;
padding:6px 8px 5px 0;
width:140px;
float:left;
display:block;
text-align:right;
}

.FormLink {
padding:5px 0 5px 150px;
}

.dataField {
width:190px;
padding:5px;
font-size:14px;
border:1px solid #ccc;
float:left;
font-family: Arial, Helvetica, sans-serif;
}


p.Compare {
background:url(images/icon_comapr_small.gif) no-repeat top left;
padding:5px 0 20px 40px;
font-size:14px;
font-weight:bold;

}



.CompareTable {
	padding: 0;
	margin:  20px 0 10px 0;
	width: 100%;
	border: 0;
	color:#666;
	font-size:12px;
	}

.CompareTable th {
	text-align:left;
	color:#0065D7;
	padding: 7px;
	font-size:16px;
	font-weight:bold;
	}

.CompareTable td {
	padding: 7px;
	vertical-align: top;
	border-bottom:1px solid #ccc;
	}
	

.CompareTable img{
margin-right: 5px;
}


	td.tHeaderSmall {
		color: #fff;
		font-weight: bold;
		background-color: #005CC4;
		padding: 5px;
		}
		
		td.tHeaderSub {
		color: #333;
		font-weight: bold;
		background-color: #F7F7F7;
		padding: 5px;
		border-bottom:1px solid #ccc;
		}
	
	td.tLeftColumn {
		font-weight:bold;
		color:#333;
		width:160px;
		font-weight:bold;
		}
		
		
	td.tAltRow {
	background:#f4f4f4;
	}


.HighlightTable {
font-size:22px;
font-weight:bold;
color:#669900;
}

.HighlightTitle {
font-size:18px;
font-weight:bold;
color:#fff;
}

.HighlightCol {
background:#F9FCFF;
}

.QuoteBlock {
float:left;
width:100%;
background:#FFFFCC;
padding:10px 0 10px 0;
margin:20px 0 20px 0;
}

.QuoteBlock .MainQuote {
font-size:16px;
font-weight:bold;
font-style:italic;
color:#666;
padding:0 10px 10px 10px;
}

.QuoteBlock span {
font-size:12px;
padding:0 10px 0 10px;
display:block;
color:#666;
}


.FeatureBox {
background:#f4f4f4;
float:left;
text-align:center;
padding:10px 0 10px;
width:60%;
margin-bottom:0 auto 30px auto;


}