﻿h1
{
	font-size:2.5em;
	font-family:Arial;
	margin-bottom:1em;
	margin-top:1em;
	clear:both;
	letter-spacing:-0.05em;
}
h1.margin-bottom-only { margin:0px; clear:both; margin-bottom:1em; }
h2
{
	color:#666;
	font-size:1.5em;
	font-family:Arial;
	margin-bottom:.5em;
	margin-top:.5em;
}
h2 strong
{
	font-weight:normal;
	color:#000;
}
h1 span.weak
{
	color:#999;
}
h3 { color:#99CC00; }
	
h4 strong
{
	color:#99CC00;
}
h4.sub-title { font-size:1.4em; font-weight:bold; color:#666; letter-spacing:-0.1em; font-style:italic; }
h2.green-callout-left
{   
    position:relative;
	background-color:#99cc00;
	color:White;
	float:left;
	padding:10px;
	font-size:1.5em;
	height:30px;
	margin-bottom:20px;
	padding:10px;
	width:200px;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	
}
h2.green-callout-left:after
{
   content:"\00a0";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-15px;
   left:50px;
   width:0;
   height:0;
   border-width:15px 15px 0;
   border-style:solid;
   border-color:#99cc00 transparent;
}
h2.green-callout-right
{
    position:relative;
	background-color:#99cc00;
	color:White;
	float:left;
	padding:10px;
	font-size:1.5em;
	height:30px;
	margin-bottom:20px;
	padding:10px;
	width:200px;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	
}
h2.green-callout-right:after
{
   content:"\00a0";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-15px;
   right:50px;
   width:0;
   height:0;
   border-width:15px 15px 0;
   border-style:solid;
   border-color:#99cc00 transparent;
}

div.card { background-color:#f4f4f4; padding:10px; }
img.fugue-icon { vertical-align:middle; }

.signup-cta-container { background-color:#eee; }
.signup-cta { color:Black; font-size:2em; letter-spacing:-0.05em; padding:7px; margin:0; }
.signup-blue-box { background-color:#1d5ab7; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.signup-blue-box a { color:White; }
a.signup-cta-link { font-size:2em; letter-spacing:-0.05em; padding:7px; display:block; margin:0; text-decoration:underline; text-align:center; }
.watch-demo-box { background-color:#99CC00; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px }
.watch-demo-box a { color:White; }

/* Buttons */

.gradient
{
    background: #999; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #999,  #333); /* for firefox 3.6+ */
}
.gradient-alt
{
    background: #EEE; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFF,  #DDD); /* for firefox 3.6+ */
}
.button 
{
     font-size:14px;
     letter-spacing:-1px;
     border:solid 1px;
     border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
     padding:8px 15px;
     box-shadow:0px 1px 1px #000;
     -moz-box-shadow:0 1px 5px rgba(0,0,0,0.5);
     -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.5);
}
.button.gradient { color:#fff; font-weight:normal; text-shadow:0px 1px 1px #000; border-color:#444; vertical-align:middle; }
.button.gradient-alt { color:#666; font-weight:normal; text-shadow:0px 1px 1px #fff; border:none; vertical-align:middle; }

a.glassbutton, .glassbuttons a{
     padding: 4px 10px;
     position: relative;
     background: #f6f6f6;
     background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#ccc), color-stop(0.5, #ddd), color-stop(0.6, #999), color-stop(0.95, #FFF));
     border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
     border: 1px solid #BBB;
     border-top-color: #CCC;
     border-bottom-color: #999;
     border-right-color: #AAA;
     color:#333;
     text-decoration:none !important;
     -moz-box-shadow: 0 4px 4px rgba(255,255,255,.6) inset, 0px -9px 10px -4px rgba(255, 255, 255,1) inset, 0 -20px 1px -6px rgba(0, 0, 0, 0.125) inset;
     outline: none !important;
     }
 
a.glassbutton:hover, a.glassbutton:focus, .glassbuttons a:hover, .glassbuttons a:focus{
     background: rgba(0,0,0,.05);
     background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fafafa), color-stop(0.5, #fff), color-stop(0.6, #eee), color-stop(0.95, #FFF));
     border: 1px solid #999;
     border-top-color: #AAA;
     border-bottom-color: #777;
     border-right-color: #999;
     color: #222;
     }
 
a.glassbutton:active, .glassbuttons a:active{
     -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25) inset;
     background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#f0f0f0), color-stop(0.5, #eee), color-stop(0.6, #ddd), color-stop(0.95, #eee));
     border: 1px solid #BBB;
     border-top-color: #999;
     border-bottom-color: #EEE;
     border-right-color: #999;
     color: #111;
     }
