body > div, body > section body > nav, body > footer {
	width: 100vw;
}
.flex {
	display: flex;
	gap: 10px;
}
.f-hori {
	flex-direction: row;
}
.f-verti {
	flex-direction: column;
	align-items: flex-end;
}
.flex > input {
	flex-grow: 2;
}
#iewarning {
	display:none;
}
#message {
	z-index: 10;
	position: relative;
	border-radius: 8px;
}
#message.failure {
	border: #e08356 2px solid;
	padding: 6px 10px;
	background-color: #fdccaf;
	color: #974118;
}
#message.success {
	border: #9abc68 2px solid;
	border-radius: 3px;
	padding: 6px 10px;
	background-color: #d3f7bb;
	color: #6f9718;
}
.frontendForm button{
	width: 110px;
	height: 50px;
	border: #547c1c 1px solid;
	border-radius: 6px;
	margin-left: 10px;
	margin-bottom: 30px;
}
.frontendForm input {
	height: 45px;
	border: #c2b49a 3px solid;
	border-radius: 6px;
	font-size: 1.6rem;
	padding: 0 11px;
	color: #bd8731;
	width: 100%;
}
body {
    background: #F3F3F3 url("../images/beigebg.gif") 0 0 repeat;
	background-color: #F3F3F3;
    background-image: url("../images/lineleft.gif"), url("../images/lineright.gif"), url("../images/beigebg.gif");
    background-position: -20px center, calc(100vw - 12px) center, 0 0;
    background-repeat: repeat-y, repeat-y, repeat;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	overflow-x: hidden;
}
body .leftborder {
	width: 32px;
	height: 100%;
	background: url("../images/lineleft.gif") repeat-y scroll 0 0 transparent;
	position:absolute;
	float:left;
	left:0px;
}
body .rightborder {
	width: 32px;
	height: 100%;
	background: url("../images/lineright.gif") repeat-y scroll 0 0 transparent;
	position:absolute;
	float:right;
	right:0px;
}
#banner {
	position: relative;
	background: url(../images/lthbg.gif) repeat-x top center !important;
	margin: 0;
	/* overflow: hidden; hacked out */
	border-bottom: 1px solid #f0dfc0;
	box-shadow: 0 0 16px rgba(80, 17, 6, 1);
	-moz-box-shadow: 0 0 16px rgba(80, 17, 6, 1);
	-webkit-box-shadow: 0 0 16px rgba(80, 17, 6, 1);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#501106')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#501106');
}

#banner .light {
	background: url("../images/a-sketch-marks.png") center -150px no-repeat;
	background: transparent;
}

.container_16 {
	position:relative;
}
.container_16 h1 {
	color: #FFF;
	padding: 40px 0 0;
	font-family: times new roman, sans-serif !important;
	margin: 0;
	font-size: 73px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6);
}

.vanity #banner h1 {
	padding-top: 50px;
}

#banner .centered {
	text-align: center;
}
#flashContent {
    margin: 20px 0;
    width: 100%;
    height: 100%;
	display:none;
}
.cshadowl {
	width:10px;
	height:115px;
	background-image: url("../images/c-shadow-left.jpg");
	float: left;
    left: -11px;
    position: absolute;
    top: 171px;
}
.cshadowr {
	width:10px;
	height:115px;
	background-image: url("../images/c-shadow-right.jpg");
	float: right;
    right: -11px;
    position: absolute;
    top: 171px;
}
.lined.video > div#facebk {
    position: absolute;
    right: -80px;
    top: 180px;
}
.leftCard > div#facebk {
    bottom: -30px;
    position: absolute;
	left: 13px;
}
.shortCard > div#facebk {
    bottom: -30px;
    position: absolute;
	left: 13px;
}
.lined.video > div#twittr {
    position: absolute;
    right: -118px;
    top: 205px;
}
.leftCard > div#twittr {
    bottom: -30px;
    left: 109px;
    position: absolute;
}
.shortCard > div#twittr {
    bottom: -30px;
    left: 109px;
    position: absolute;
}
.lined.video > div#gplus {
    position: absolute;
    right: -99px;
    top: 230px;
}
.leftCard > div#gplus {
    bottom: -30px;
    position: absolute;
	left: 214px;
}
.shortCard > div#gplus {
    bottom: -30px;
    position: absolute;
	left: 214px;
}
#livezilla {
    left: -14px;
    position: relative;
    top: 11px;
}
@media (min-width:768px) {
	body {
		background: #F3F3F3 url("../images/beigebg.gif") 0 0 repeat;
		background-color: #F3F3F3;
		background-image: url("../images/lineleft.gif"), url("../images/lineright.gif"), url("../images/beigebg.gif");
		background-position: left center, right center, 0 0;
		background-repeat: repeat-y, repeat-y, repeat;
	}
}
/* Nav
--------------------------------------------------------------------------------------*/

nav {
}

nav ul {
	margin: 0;
	padding: 0;
}

nav li {
	float: right;
	margin: 0 3px;
}

nav a {
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 11px 14px 11px;
	border-radius: 13px;
	cursor: pointer;
	transition: all .4s ease;
}
nav h1 {
	position: absolute; 
	z-index: 10; 
	left: 73px; 
	top: -38px; 
	letter-spacing: -3px;  
	opacity: 0.1;
	filter: alpha(opacity=10);
	-khtml-opacity: 0.1;
	-moz-opacity:0.1;
	text-transform:none;
}
nav h1 span {
	display: inline; 
	font-size: 36px; 
	margin-right: -5px;
}
.titleWrapper {
	width:100%;
	position:relative;
	margin-top:-20px;
	text-align:center;
	clear:both;
}
nav .titleWrapper h2 {
	font-size: 33px;
	font-family: 'Grand Hotel',cursive; 
	text-shadow: 0px 1px rgb(255, 255, 255);
	white-space: nowrap;
}
nav .a-home {
	float: left;
}

nav .a-home a {
	background: url("../images/a-assistly-logo.gif");
	float: left;
	height: 37px;
	width: 182px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-indent: -10000px;
}

nav .a-last {
	color: #FFF;
	padding: 0 10px 0 12px;
	text-align: center;
}
@media (min-width: 992px) {
	nav .a-last {
		border-left: 1px dotted #747474;
		margin-left: 20px;
	}
}

nav .a-last a {
	color: #FFF;
	border-bottom: 2px solid #f6e6c8;
}

nav a:hover,
nav a.current {
	background-color: #eedfc1;
}

nav .a-home a:hover {
	border: 0;
}

nav .a-active {
	border-bottom: 2px solid #42372d;
	padding: 11px 0 2px;
}

nav .a-button:hover {
	border-width: 1px;
}
#logo {
	width:508px;
	height: 90px;
	background-image: url("../images/smart_logo.gif");
	float:left;
	background-repeat: no-repeat;
	position:relative;
	left:-9px;
}
.text-tray {
    -moz-transition: all 0.25s ease 0s;
    background: #f8e8c9;
    border: 1px solid #f8e8c9;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	behavior:url(border-radius.htc);
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    display: inline-block;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
	padding: 7px 7px 7px 7px;
	margin: 12px 0 0 0;
}
body.admin #navlinks .text-tray {
	padding: 7px 7px 7px 30px;
}
.text-tray a{	
    color: #42372d !important;
}
.leftCard{
	width:306px;
	height:550px;
	background:url(../images/cardLeft.png) no-repeat transparent;
	padding: 0 0 0 24px;
	margin-top:-224px;
	position:fixed;
}

.shortCard{
	width:306px;
	height:350px;
	background:url(../images/cardShort.png) no-repeat transparent;
	padding: 0 0 0 24px;
	position:fixed;
}
#support {
    margin: 11px 0 0 -13px;
}
#slit {
	background: url("../images/slit.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    left: -7px;
    position: relative;
    top: 257px;
    width: 319px;
    z-index: 999;
}
/*  Header
----------------------------------------------------------------------------------------------------*/
header {
	height:0px;
	position:relative;
	z-index:9;
}

header nav {
 padding-bottom: 0px !important;
}

header nav ul {
 top: 10px;
 position: relative;
}
body.tallNav nav {
	padding-bottom: 180px;
}
body.tallNav section.pushup {
	margin-top: -220px;
}
/* Text
----------------------------------------------------------------------------------------------------*/

body {
	font: 14px/1.4 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

h2 {
	font-size: 23px;
	color: #4A3307;
}

h3 {
	font-size: 21px;
	color: #4A3307;
	cursor: default;
}

h4 {
	font-size: 19px;
	color: #42372d;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 100%;
}

ul {
	list-style: none;
}

li {
	margin-left: 0;
}

.grid_8 > h1, .grid_5 > h3 {
    font-family: Grand Hotel;
    font-size: 30px;
    text-shadow: 0 1px #FFFFFF;
}

.menuitem , .menudesc{
	font-family: tahoma,helvetica, sans-serif;
	color:#4a3307;
	width:100%;
	margin-bottom:0px;
}
.menutitle, .menuprice{
	font-size:30px;
	font-weight:bold;
	white-space:nowrap;
	font-family:Grand Hotel, cursive;
}
.dots {
	background: url(../images/dots.png) left 21px repeat-x;
	width:100%;
}
.menudesc {
	width:70%;
	margin-bottom:30px;
    padding-left: 10px;
    font-size: 13px;
}
.super {
	vertical-align:super;
	font-size:12px;
}
.sub {
	font-size:18px;
}
.light {    
	font-weight: 100;
    margin-left: -4px;
}
/*
p,
dl,
hr,
h1,
h2,
h3,
h4,
ul,
pre,
table,
address,
fieldset,
figure {
	margin-bottom: 20px;
}*/

/* Misc
----------------------------------------------------------------------------------------------------*/

li.a-home a {
 background: url(../images/sfdc-desk-logo.png) no-repeat 0 0;
 width: 254px;
 height: 84px;
 position: relative;
 top: -48px;
 overflow: visible !important;
 margin-bottom: -8px;
}


.a-button {
	background: #d5d94a;
	background: -moz-linear-gradient(100% 100% 90deg, #d5d94a, #f8ff82);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d94a), to(#f8ff82));
	border: 1px solid #6f9a4d;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	behavior:url(border-radius.htc);
    border-radius: 7px 7px 7px 7px;
	color: #385214 !important;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
	text-decoration: none !important;
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.a-button.a-big {
	font-size: 14px;
	padding: 16px 21px;
}

.a-button:hover {
	color: #192a04 !important;
	border-color: #547c1c;
}

/* `Content
----------------------------------------------------------------------------------------------------*/
.img-responsive {
	width: 100%;
}
#content {
	padding: 50px 0 73px 0;
}

#content a {
	color: #563f6b;
}

#content p,
#content ul {
	color: #42372d;
	font-size: 1.3rem;
}
#content img {
	border-radius: 7px;
	margin-bottom: 15px;
}
#content li {
	margin-bottom: 20px;
}
.trial-bar {
	background: #efdb92;
	padding: 30px 0;
	margin-bottom: 0px;
	border: #dfc977 1px solid;
    border-radius: 3vw;
}
.trial-bar.clickme {
	padding-bottom: 46%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.trial-bar.clickme.social {
	background-image: url('../images/feature_btn_social_sharing.webp');
	background-position: center;
	background-size: cover;
}
.trial-bar div {
	float: left;
	margin: 0 0 0 30px;
}

.trial-bar h4 {
	margin: 4px 0 5px;
}

.trial-bar a {
	float: right;
	margin: 0 30px 0 0;
}
.featurebox_text {
	font-size: 5.2vw;
}
.featurebox_text span {
	display: block;
	font-weight: bold;
	font-size: 9vw;
	line-height: 9vw;
}

@media (min-width:576px) {
	.featurebox_text {
		font-size: 19px;
		top: 10px;
		position: absolute;
	}
	.featurebox_text span {
		font-size: 29px;
		line-height: 29px;	
	}
	.trial-bar {
		border-radius: 10px;
	}
	.trial-bar div {
		margin: 0 20px;
	}
}
@media (max-width: 991px) {
	section.container {
		margin-left: 0;
		margin-right: 0;
		padding: 50px !important;
	}
}
#content .lined {
	background-color: #FFF;
	border: 1px solid #CCC;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	behavior:url(border-radius.htc);
    border-radius: 7px 7px 7px 7px;
}

#content .quote {
	color: #563F6B;
	font-size: 20px;
}

#content .quote-name {
	margin: 0;
}

#content .stacked {
	margin-top: 50px;
}

#content .lined {
	position: relative;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
}

#content .subnav {
	padding-top: 1px;
	margin-top: 215px;
}

#content .subnav li {
	margin: 0;
}

#content .subnav li a {
	font-weight: bold;
	display: block;
	padding: 20px 9px;
}

#content .quote-bonobos {
	background: url("../images/t-bonobos.png") 98% center no-repeat;
	margin-bottom: 30px;
}
.shortCard a {
	font-size: 14px;
	font-weight: 100 !important;
}
#registration {
	height: 90vh;
	background-image: url(../images/restaurant_owner_typing.webp);
	background-size: auto 100%;
	background-attachment: fixed;
	background-position-x: 20%;
}
#signupGlass {
	border-radius: 20px;
	padding: 20px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 10px #1a1a1a;
	margin-top: 15vh;
	border: #ffffff5c 2px solid;
}
#frosted {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-image: url(../images/restaurant_owner_typing_blurred.webp);
	background-attachment: fixed;
	background-size: auto 100%;
	background-position-x: 20%;
}
#signupGlass .forms {
	z-index: 10;
	position: relative;
}
#signupGlass a {
	color: #93adce;
}
#signupGlass p {
	color: #fff;
}
#signupGlass h3 {
	color: #fff;
	text-shadow: none;
}
#conficode {
	gap: 0;
}
#conficode input {
	border: 0;
	border-radius: 0;
	height: 70px;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}
#conficode input:first-of-type {
	border-radius: 5px 0 0 5px;
}
#conficode input:last-of-type {
	border-radius: 0 5px 5px 0;
}
@media (min-width: 576px) {
	#signupHeaderImg {
		/* padding-bottom: 60%; */
	}
}
@media (min-width: 768px) {
	#signupHeaderImg {
		/* padding-bottom: 50%; */
	}
}
@media (min-width: 992px) {
	#signupHeaderImg {
		/* padding-bottom: 40%; */
	}
}
@media (min-width: 1200px) {
	#signupHeaderImg {
		/* padding-bottom: 30%; */
		/* background-position: bottom; */
	}
}

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3 {
	width: 220px;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
    width: 350px;
    margin-right: 21px;
    float: left
}
.container_12 .grid_6 {
    width: 220px;
    margin-right: 21px;
    float: left
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}
.trial-bar h2, .trial-bar h3, .trial-bar h4, .trial-bar h5 {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
	color: #4A3307;
	text-align: left;
	text-transform: none !important;
	margin:0px !important;
	padding-left:0px !important;
	top: 0px !important;
	position: relative;
}
.trial-bar h3 span{
  background: url("../images/gradient.png") repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}
.trial-bar h2 {
	font-size: 18px !important;
}
.trial-bar h3 {
	font-size: 33px !important;
}
.trial-bar h4 {
	font-size: 14px !important;
}
.trial-bar h5 {
	font-size: 26px !important;
}
.clickme {
	cursor: pointer;
}
/* `Footer
----------------------------------------------------------------------------------------------------*/


/*footer {
    background-image: url("../images/corner_lb.gif"), url("../images/corner_rb.gif"), url("../images/linebottom.gif"), url("../images/lthbg.gif") ;
    background-position: left top, calc(100% - 17.5px) top, left top, center 32px;
    background-repeat: no-repeat, no-repeat, repeat-x, repeat-x;
	padding: 40px 0 20px;
}*/
#fly_b {
	background-image: url("../images/corner_lb.gif"), url("../images/corner_rb.gif"), url("../images/linebottom.gif");
	background-position: left top, right top, left top;
	background-repeat: no-repeat, no-repeat, repeat-x;
	height: 32px;
	margin-top: 100px;
}
footer {
	background-image: url("../images/lthbg.gif");
	background-position: center 32px;
	background-repeat: repeat;
	padding: 9px 0 20px;
	border-top: #fff9ef 1px solid;
	box-shadow: 0px -2px 5px #b3912a;
}

body.shortpage footer {
	position: fixed;
	bottom: 0;
	width: 100vw;
}

footer a {
	color: #FFF !important;
}

footer li {
	float: left;
	width: 100%;
}

footer li strong {
	float: left;
	clear: both;
	width: 100%;
}

footer li strong a {
 color: #666 !important;
}

footer li a {
	float: left;
	clear: both;
	width: 100%;
}

footer a:hover {
	text-decoration: underline;
}

footer strong {
	display: block;
	font-size: 17px;
	color: #666;
	margin: 0 0 10px;
}

footer .phone {
	color: #666;
	font-size: 12px;
}

footer .phone strong {
	padding-top: 20px	;
	color: #FFF;
	font-size: 24px;
	margin: 0;
}
footer #fly_b{
	background: url("../images/fly_b.gif") center bottom no-repeat;
	left: 0px;
	right: 0px;
	top: -126px;
	position: relative;
	height: 32px;
}

footer #swirl_l{
	background: url("../images/swirl_left.gif") center bottom no-repeat;
	left: 0px;
	top: -104px;
	position: relative;
	height: 346px;
	width: 282px;
}
#facebook_link, #twitter_link, #gplus_link {
    bottom: 0;
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100px;
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
}
#twitter_link {
	right:110px;
}
#gplus_link {
	right:220px;
}
#facebook_link:hover, #twitter_link:hover, #gplus_link:hover{
	height:100px;
}
/* Clears
--------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}