/* ------------------------------
 * 01. Reset 
 * ----------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0; }
table{ border-collapse: collapse;border-spacing: 0;}

html { background: #000; font: 11px/15px "PT Sans","Lucida Grande","Lucida Sans", Verdana, sans-serif; }
body { color: #404F4B; }

.left { float: left; }
.right { float: right; }
	.textRight { text-align: right; }
.clear { clear: both; list-style-image:none !important;}
.hidden { display: none !important; }
	
::-moz-selection {
	color: #fff;
	background: #0973A6;
}
::selection {
	color: #fff;
	background: #0973A6;
}



/* ----------------------------
 * 02. Generic Classes 
 * ----------------------------- */
.typography .left {float:left;}
.typography .right {float:right;}
	.typography .textRight {text-align: right; }
.typography .clear {clear: both; }
.typography .hidden {display: none !important; }
.typography .accessibility {position: absolute; left: -9099999px; }
.typography .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.typography .clearfix {display: inline-block;}  /* for IE/Mac */
.typography .pink { color: #DD004B; }
.typography .highlight { background: #FFFF99; padding: 1px 2px;}
.typography .dawntm { font-size: small; position: relative; top: -6px; font-family: Arial, sans-serif; }


.green-border { border-top: 1px solid #89a617; margin-top: -27px; padding-top: 26px; }


 a img { border: none;}


/* ----------------------------
 * 03. Grid Framework
 * ----------------------------- */
.container { width: 940px; margin: 0 auto; }
.col16  { width: 940px; }
.col12	{ width: 700px; padding-left: 20px; }
.col11	{ width: 640px; padding-left: 20px; }
.col10	{ width: 580px; padding-left: 20px; }
.col8 	{ width: 460px; padding-left: 20px; }
.col6	{ width: 340px; padding-left: 20px; }
.col5	{ width: 280px; padding-left: 20px; }
	.col5 h4 { margin: 0; }
	.col5.plus20 { width: 300px; }
.col4	{ width: 220px; padding-left: 20px; }
.col3	{ width: 160px; padding-left: 20px; }
.col2	{ width: 100px; padding-left: 20px; }
.col1	{ width: 40px; padding-left: 20px; }
	.first { padding-left: 0; }
		.col3.first { width: 180px; }
	.right { padding-left: 0;}

.margin4 { margin-left: 240px; }
.margin6 { margin-left: 360px; }

.padding4 { padding-left: 240px; }

.padbot16 { padding-bottom: 16px; }
.padbot32 { padding-bottom: 32px; }


/* Banner Framework */
#banner { width: 100%; background: #000 url(background.jpg) no-repeat center -60px; border-bottom:5px solid #d8e3e0;}
.freshbooks {position:absolute;right:0px;top:10px;}


	#banner .container {position:relative;}
	#banner .image {position:absolute;right:20px;top:0;height:200px;overflow:hidden;}

		/* one which has just text and a line */
		#banner .banner-abstract { padding: 40px 0 20px; height:50px;}
			#banner .banner-abstract h1 { color: #fff; font-size: 42px; margin:0; line-height: 30px;}
			#banner .banner-abstract .right { text-align: right; padding-top: 8px; }
			#banner .banner-abstract .button { font-size: 18px;}
			#banner .banner-abstract .col12 p { font-size: 13px; line-height: 24px; color: #61716c; }
			
			


#content { background-color: #fdffff; padding: 32px 0 0; overflow: hidden; }
	.h1-align{margin-top:17px;} /*to align text to h1 on generic pages*/
#footer { background: #000; padding: 36px 0 54px; overflow: hidden; }
#header { position: absolute; top: 18px; width: 100%; z-index: 10; }


/* Section styles */
#content .section { width: 940px; border-top: 1px solid #EDEEEE; margin: -1px 0; padding: 26px 0 63px }
	#content .section.first { padding-top: 16px;padding-bottom: 0;  }
	#content .section.last { padding-bottom: 0; }
	#content .no-border { border-top: none; }
	#content .no-bottom-padding { padding-bottom: 0; }
	#content .col12 h3 { font-size: 18px; margin-bottom: 0; }
	
	#content .section .section { padding: 16px 0 0 0; border-color: #E0E1E2; width: 100%; }
		#content .section .section.no-border { padding-top: 0; }
	

/* Footer */
#footer {}
	#footer p { color: #B8CFC8; font-size: 12px; margin-bottom: 18px; }
	#footer a { color: #49B9EE; text-decoration: none; }
		#footer a:hover,
		#footer a:focus { text-decoration: underline; }
	#footer .container h4 { color: #fff; font-size: 14px; margin-bottom: 9px;}
	#footer h5 { color: #fff; font-size: 12px;}

	#footer ul {}
		#footer li { list-style: none; font-size: 12px; line-height: 18px; padding-bottom: 8px;}
		
	#footer-links { border-top: 1px solid #09427D; padding-top: 18px; margin-top: 17px; }
		.footer-flat ul { float: right; }
			.footer-flat li { display: inline; padding-right: 10px; }
	#footer .col6  p { margin-bottom: 36px;}		

	/* dawn section */
	#footer .col7 p { color: #688079;}
		#footer p.align-to-symbol { line-height: 32px; margin-bottom: 22px;}
		#footer .col7 p a { display: block; float: left; height: 33px; width:126px; background: url(../images/logo-small-black.png) no-repeat; 
			text-indent: -9000px; overflow: hidden; margin-right: 16px;
		}

		#footer .dawn { margin-top: 54px; }
	
	#footer #footer-links p { margin-bottom: 0; }
		#footer #footer-links .right { margin-top: 18px;}


/* ---
 * 04. MISC
 * ----------- */
.contact-us-strip { background: #d8e3e0; width: 100%; padding: 16px 0 0 0; border-top: 1px solid #bdccc8; }
	.contact-us-strip .typography p {padding-bottom:16px;}
		.contact-us-strip p span { padding: 4px 16px 0 0;}
		.contact-us-strip p a.action,
		.contact-us-strip p a.button {}


#fancybox-outer #content {
	padding:32px 0 24px 32px;
}



/* Table */
.tabular { position: relative;}
	.tabular table { width: 100%; }
		.tabular table tr { }
		.tabular table td { text-align: center; padding: 4px 0 4px 0; border-right: 1px solid #B8CFC8; border-bottom: 1px solid #e2ebe9; }
			.tabular table tr.last-row td {  border-bottom: 1px solid #B8CFC8; }
			.tabular table tr.caption td { font-weight:bold;font-size:12px; padding: 8px 8px 8px 0;  border-bottom: 1px solid #B8CFC8; background-color:#E2EBE9;}
				.tabular table tr.caption td.first { border-bottom: 1px solid #e2ebe9; background: none; text-align:right;}
			.tabular table td.first { text-align: left; xborder-bottom: none;}
				.tabular table tr.last-row td.first {  border-bottom: 1px solid #e2ebe9;}
		.tabular table th {
			font-weight: bold;
			text-align: center;
			color: #fff;
			padding: 8px 0;
			background-color: #36423f;
			background: -webkit-gradient(linear, left top, left bottom, from(#45534f), to(#2d3835));
			background: -moz-linear-gradient(top,  #45534f,  #2d3835);
			border-right:1px solid #B8CFC8;
		}
		.tabular table th.first { border-bottom: 1px solid #e2ebe9; background: none; color:#404F4B;font-weight:bold;font-size:12px;text-align:right;padding: 8px 8px 8px 0;}
		.tabular table th em { font-size: 14px; display: block; font-style: normal; color: #B8CFC8; }
		.tabular table th span { position: absolute; top: -2px; width: 122px; height: 40px; text-align: center; color: #2f3a37;
			display: block; font-size: 12px; background: url(../images/trial-popup.png) no-repeat center center; line-height: 38px;
			margin-left: 30px;}
			
			
			
		.tabular p { font-size: 14px; text-align: right; margin-bottom: 48px; }
		.tabular .star { position: absolute; height: 160px; width: 160px; text-indent: -9000px; 
			background: url(../images/plan-star.png) no-repeat; left: 170px; top: -20px;}
		/* webkit fix*/
		@media screen and (-webkit-min-device-pixel-ratio:0){
			.tabular table th span {top: -26px; }
		}




@font-face {
	font-family: 'PT Sans';
	src: url('pt_sans_bold-webfont.eot');
	src: local('PTSansRegular'), url('pt_sans_bold-webfont.woff') format('woff'), url('pt_sans_bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans';
	src: url('pt_sans-webfont.eot');
	src: local('PTSansRegular'), url('pt_sans-webfont.woff') format('woff'), url('pt_sans-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/* Paragraphs */
.typography p { padding-bottom: 24px; line-height: 18px; }
	.typography p small { font-size: 11px; }
	.typography p.abstract { font-size: 16px; line-height: 24px; }
/* Lists */
.typography ul,
.typography ol { margin: 0 0 27px 16px; }
	.typography li { line-height: 18px; }
	.typography li ul { margin: 9px 0 0 16px; }
	
/* Blockquotes */
.typography blockquote { font-style: italic; overflow: hidden; font-family: Georgia, Times, Serif; padding: 27px 27px 9px 48px; 
	margin-bottom: 27px;  background: #dfe8e5 url(../images/block-quote.png) no-repeat 16px 16px; }

/* Links */
.typography a { text-decoration: none; color: #89a617; }
	.typography a:hover,
	.typography a:focus { text-decoration: underline; }
	.typography a.top { display: block; font-size: 12px; font-weight: normal; }
	
	.typography a.button,
	.typography a.action { color: #fff; }
		.typography a.button:hover,
		.typography a.action:hover,
		.typography a.button:focus,
		.typography a.action:focus { color: #fff; text-decoration: none;}
/* Headers */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5 { font-family: "PT Sans", "Myriad Pro", "Lucida Grande", "Lucida Sans", sans-serif; color: #000;}

.typography h1 { font-size: 36px; line-height: 36px; margin-bottom: 9px; }

.typography h2 { font-size: 24px; line-height: 27px; margin-bottom: 18px; }
	.typography .col3 h2 { margin-bottom: 9px;}
.typography h3 { font-size: 20px; line-height: 27px; margin-bottom: 18px; margin-top:-5px;}
.typography h4 { font-size: 18px; font-weight: bold; margin-bottom: 8px; line-height: 18px; }
.typography h4 i {font-weight:normal;font-size: 14px;}

/* Tables */
.typography .page-title { font-size: 36px; line-height: 46px; width: 280px;}
.typography .col4 .page-title { width: auto;}