/* Saasu Stylesheet */

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: left;
	color: #6b6b6b;
	font-size:14px;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	width:100%;
	}
	

	
.lightyellow {color:#ffd15a;}
.yellow {color:#ffcb39;} /* R:255 G:203 B:57 */ 
.shade1 {color:#fdbe15;} /* R:253 G:190 B:21 */	
.shade2 {color:#ffaa00;} /* R:255 G:170 B:0 */
.shade3 {color:#ff9600;} /* R:255 G:150 B:0 */
.orange {color:#ff850d;} /* R:255 G:133 B:13 */
.shade4 {color:#ff7200;} /* R:255 G:114 B:0 */
.shade5 {color:#ff5a00;} /* R:255 G:90 B:0 */
.black {color:#1b1b1b;} /* R:27 G:27 B:27 */
	
.splash {
	background-size:cover;	
	-webkit-background-size:cover;
  	-moz-background-size:cover;
  	-o-background-size:cover;
	background-repeat: no-repeat;
	overflow:auto;
	width:100%;
	margin:0;
	}
		
.content {max-width:880px;padding:48px; margin:auto; overflow:auto;}
.footer {width:calc(100% - 48px); background:#1b1b1b; bottom:0; left:0; letter-spacing:0.7px; padding:12px 24px 12px 24px; text-transform:uppercase;}
.footer a {padding-right:8px;font-size:12px !important;}

.c66 {width:520px; float:left;}
.c50 {width:390px; float:left;}
.c33 {width:260px; float:left;}
.c25 {width:195px; float:left;}
.c20 {width:156px; float:left;} 
.c10 {width:78px; float:left;}

.bar {clear:both;padding:4px 0px;}
.bar img {height:24px; width:24px; vertical-align:middle; float:left; padding-right:8px;}
.bar div {height:24px; float:left;}
	
/* background images */

.saasulogo {padding-top:144px; padding-bottom:48px; margin:auto; border:0; text-decoration:none;}
.img-home {background-image: url('/images/wood-work.jpg'); background-position: center top;}
.img-addons {background-image: url('/images/bigcity.jpg');}
.img-pricing {background-image: url('/images/mobile-work.jpg'); background-position: 50%;}
.img-features {background-image: url('/images/smb.jpg');}	
.img-wbc {background-image: url('/images/jump.jpg');}
.img-partner {background-image: url('/images/soho.jpg');}
.img-contact {background-image: url('/images/surfer-standing.jpg');}
.img-partner-advisor {background-image: url('/images/clouds.jpg');}
.img-about {background-image: url('/images/bluewave.jpg');}
.img-merchant {background-image: url('/images/canal.jpg');}

	
h1, h2, h3, h4, .head1, .head2, .head3, .head4 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:200;
	line-height:1.5em;
	letter-spacing: -0.01em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	color: #1b1b1b;
	display:block;
	}
	
h1, .head1 {font-size:48px;}
h2, .head2 {font-size:32px}
h3, .head3  {font-size:24px;}
h4, .head4  {font-size:16px; text-transform:uppercase;}
	
.inverse {color:#ffffff; text-shadow:2px 2px 30px #000000;}
.quote {color:#1b1b1b; font-style:italic; font-size:0.9em; padding:20px; margin:20px 0px;}

p {font-size:14px; line-height:1.5em; display:block; letter-spacing:0.5px;}

/* position menu */
ul.menu {
	z-index: 1;
	width:100%;
	display:block; 
	position:fixed; 
	top:0; left:0; 
	margin:0; 
	padding:0;
	}
	
ul.menu li.hamburger {cursor:pointer; font-size:18px; color:#fff; display:block; margin:0px; background: rgb(11, 11, 11); background: rgba(0, 0, 0, 0.5); min-width:calc(100% - 48px); padding:12px 24px;}
ul.menulist {margin-left:12px; width:140px; padding:7px 0px; background-color: #1b1b1b;}

/* menu reveal */
ul.menulist {display: none;}
ul.menu:hover ul.menulist {display: block;}

/* style list*/
ul.menu li, ul.menulist li {list-style:none; font-size:14px; letter-spacing:0.7px; padding: 4px 12px; text-transform:uppercase;}
ul.menulist li.selected {background-color:#4b4b4b;}


a.inverse, p.inverse a {color:#fff;}
a {color:#ff850d; text-decoration: none;}			
a:hover {color:#9b9b9b; cursor:pointer;}
	
/* Buttons */	
			
a.button {
	color: #ffffff;
	font-size:14px;
	background-color: #ff850d;
	display:inline-block;
	padding:7px 28px;
	margin:12px 24px 12px 0px;
 	letter-spacing:1px;
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	border-radius:2px;
	font-weight:bold;
	cursor:pointer;
	}
	
a.btn {
	color: #ffffff;
	font-size:13px;
	background-color: #ff850d;
	display:inline-block;
	margin:4px 2px;
	padding:2px 8px;
 	letter-spacing:1px;
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	border-radius:2px;
	text-transform: uppercase;
	cursor:pointer;
}
	
abbr[title] {cursor:help; border-bottom: 1px dotted #6b6b6b;}

/* Frames */
	
.flag, .s-flag {min-width:168px; border:solid 1px #ddd; float:left; display:block; padding:2%; margin:1%; width:27%;}
.flag p, .s-flag p {font-size:12px;}
.s-flag {height:160px;}
.flag {height:240px;}

img.logo {padding:20px;}
.feat {padding:24px 0px 48px 48px; float:right; width:240px;}
	
hr {clear:both; margin:48px 0px; border:0; height:1px; background-image: linear-gradient(to right, rgba(204, 204, 204, 0), rgba(204, 204, 204, 0.75), rgba(204, 204, 204, 0));}
br.section {clear:both; margin:48px 0px;}
	
/* Clean Printing */

@media print {.break {page-break-before: always; padding-top:48px;}}
@media print {.dontprint {display: none;}}	
	
/* Tables and Lists */	
	
table.pricing {width:100%; padding-top:48px; vertical-align:top; border:0px;}	
table.pricing th {font-weight:normal;}
td.noline {border-top:0px; padding-top:8px;}	
td.dollars, th.dollars {font-size:28px; font-weight:normal; padding:8px 0px; border-top:0px !important;}

/*.col-header {min-width:120px;}
.col-feature {min-width:40px;}*/
.underline {border-top:solid 1px #cccccc;padding-top:8px;}
.plan, .noplan {font-size:16px; font-weight:bold; font-family:"Courier New", Courier, monospace; background-color:#1b1b1b; color:#ffffff; padding:2px 6px;}
.plan {background-color:#1b1b1b;}
.noplan {background-color:#cccccc;}

.toggleTextUSD, .toggleTextAUD, .toggleTextGBP, .toggleTextNZD, .toggleTextCore, .toggleTextemployee, .toggleTextinventory, .toggleTextSupport, .toggleTextReports, .toggleTextPrice, .toggleTextbankfeeds, .toggleTextTrans, .toggleTextMulticurrency, .toggleTextAdvanced {
	font-size:1em;
	display:none;
	}	
		
ul, ol {margin:20px 0px; text-align:left; letter-spacing:0.5px; line-height:1.5em; display: block; padding-left:24px;}		
ul {list-style: square outside; list-style-image: url('./images/saasu-bullet.png');}
ul li, ol li {font-size:13px; padding-left:4px;}

ul.big, ol.big {margin:24px 0px; text-align:left; display: block; padding-left:24px;}
ul.big {list-style: square outside; list-style-image: url('./images/saasu-bullet.png');}
ul.big li, ol.big li {font-size:24px; font-weight:200; line-height:1.5em; margin-left:8px; padding-left:8px; color:#1b1b1b;}