/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { text-rendering:optimizeLegibility; }

ol, ul { list-style: none; }

blockquote, q {	quotes: none; }

a img { border: none; }
a {	outline: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

blockquote, q {	quotes: none; }
a img { border: none; }

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
/*h2 { font-size: 2em; margin-bottom: 0.75em; }*/
/*h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }*/
/*h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }*/
h5 { font-size: 1.1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 18px; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-bottom: 1em; font-style: normal; }
del         { color:#666; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Tables
-------------------------------------------------------------- */

table    { font-size: 11px; line-height:18px; width:100%; margin-bottom: 17px; margin-top:1px; }
th       { font-weight: bold; vertical-align: bottom; }
tbody th { }
td       { }
th,td    { padding: 0 1px; }
tfoot td { font-weight: bold; }
caption  { background: #ffc; }

/* Forms
-------------------------------------------------------------- */

label { font-weight: bold; display:inline;}

/* Fieldsets */
fieldset    { padding:9px; margin: 0 0 17px 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Textareas */
textarea	{ margin:0; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
textarea	{ border:1px solid #bbb; padding:0 1px; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

body { background-color:#444; -webkit-text-size-adjust:none; line-height: 1.5; font-size:13px;color:#555; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
a[href] { color:#3b5998; text-decoration:none; border-bottom:1px dotted; }
a[href]:hover { border-bottom:1px solid; }
a.fancyimg, a:hover.fancyimg { border-bottom:none; }
ul { padding-left:3em; margin:1em 0 1.5em; }
h1 { margin-bottom:0; }
h1 a { display:block; background:url(/images/logo.png) no-repeat top left; width:244px; height:108px; margin-left:-6px; text-indent:-9999em; }
h1 a[href], h1 a[href]:hover { border:none; }
h1 a:hover { background-position:bottom left; }
h2 { color:#777; font-size:3em; line-height:72px; margin-bottom:0; text-shadow:#ccc 0 1px 8px;}
.home h2 { font-size:4em; padding-top:15px; height:237px; background:url(/images/splashbg.png) no-repeat bottom right; margin-right:-8px;}
.home h4 { color:#777; text-shadow:#aaa 0 0 2px; }
h3 { color:#666; line-height:36px; font-size:1.8em; margin-bottom:1em; }
h4 { color:#444; line-height:1.6em; font-size:1.4em; margin-bottom:.6em; }
blockquote { color:#999; margin:2em 1em 2em 0;}
blockquote div { color:#666; font-style:normal; font-size:.8em; text-align:right; margin-top:1em; }

#outerwrapper { background:url(/images/bodybg.png) repeat-x white; }
.home #outerwrapper { background:url(/images/homebg.png) repeat-x #e7e7e7; }
#wrapper { width:864px; margin:0 auto; position:relative; }
#signup { background:transparent url(/images/signup.png) no-repeat; color:white; text-shadow:0 -1px 0 black; display:block; font-size:1em; height:42px; line-height:32px; padding:0 36px 0 18px; position:absolute; right:-6px; text-align:center; text-decoration:none; top:0; width:157px; border:none; }
#signup:hover { text-decoration: underline; }

#primarynav { position:absolute; top:54px; right:0; list-style:none; margin:0; padding:0;}
#primarynav li { float: left; margin-left:3em; }
#primarynav li a { display:block; height:54px; line-height:54px; color:#ddd; font-size:1.8em; border-bottom:none; text-decoration:none; -webkit-transition:color .2s; }
#primarynav li a:hover { color:white; }
#primarynav li .current { color:white; background:url(/images/primaryselected.png) no-repeat bottom center; }

#news { margin-right:.5em; }
#ticker { list-style:none; padding:0; margin:0 0 0 .5em; width:85%; height:36px; overflow:hidden; }
#news, #ticker, #newsseperator { font-size: 1.1em; line-height:36px; float:left; }
#news, #ticker a { border:none; }
#news:hover, #ticker a:hover { text-decoration:underline; }

#side { width:206px; float:left; border-right:1px solid #ccc; }

#menu { list-style:none; line-height:36px; padding:0; margin-top:35px; margin-bottom:36px; border-top:1px solid #ccc; background:url(/images/menubg.png) top right repeat-y;}
#menu li { border-bottom:1px solid #ccc; }
#menu a { display:block; font-size:1.4em; line-height:35px; color:#999; padding-left:.5em; -webkit-transition:color .2s; border:none;}
#menu a:hover { text-decoration:none; color:#3b5998; }
#menu .selected { background-color:#3b5998; }
#menu .selected a { color:white; margin:-1px -18px -1px -9px; padding:1px 0 1px 18px; text-shadow:0 -1px 0 black; background:url(/images/menuselectedbg.png) no-repeat transparent left top; }
#menu .selected a:hover { cursor:default; color:white; }
#column { margin-left:206px; border-left:1px solid #ccc; padding:36px; }

#column { color:#777; }
.lead { color:#777; font-size:1.1em; line-height:1.4em; }

.values { padding:2em 0 0 2em; clear:left; }
.values div { width:40%; float:left; padding:1em 2em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:9.5em; -webkit-box-shadow:0 5px 20px #ccc; -moz-box-shadow:0 5px 20px #ccc; box-shadow:0 5px 20px #ccc; margin:0 2em 2em 0; border:1px solid #ccc; background:url(/images/valuebg.png) bottom left repeat-x white; }
.values div h4 { text-shadow:none;}
.values div p { text-shadow:0 1px 0 white; }

#footer { clear:both; padding:2em 0; color:#ddd; background:url(/images/footerbg.png) #777 repeat-x; text-shadow:0 -1px 0 #444 }
#footer>div, #subfooter>div { width:864px; margin:0 auto; }
#footer ul { list-style:none; margin:0; padding:0; }
#footer a { color:#fff; -webkit-transition:background-color .2s; border:none; padding:0 1px;}
#footer a:hover { color:#777; background-color:#eee; text-decoration:none; text-shadow:none; }

#subfooter { background-color:#444; padding:1em 0; text-align:center; color:#ccc; border-top:1px solid #222; }
#subfooter ul { margin:0 auto; }
#subfooter li { float:left; list-style:none; margin:0; }
#subfooter a { color:#ddd; border:none; }
#subfooter a:hover { text-decoration:underline; }

#team { list-style:none; padding:0; margin:0; }
#team li { float:left; width:50%; //width:292px; }

.thumb_hover { display:none; position:absolute; top:-5px; right:-4px; }
.screenleft, .screenright { position:relative; }
.screenleft { float:left; }
.screenright { float:right; }
.screenleft img { width:162px; margin: 44px 2em 0 0;}
.screenright img { width:162px; margin:0 0 0 2em; }
.thumb_hover { width:auto !important; margin:0; }
.screenleft:hover .thumb_hover, .screenright:hover .thumb_hover { display:block; }

#pricingchart { margin-bottom:2.5em; }
#pricingchart>div { width:30%; padding-left:4%; border-left:1px solid #ddd; float:left; }
#pricingchart>div:first-child { padding-left:0; border-left:none; }
#pricingchart>div>p { font-size:.9em; line-height:1.2em; margin-top:.5em; margin-bottom:0; color:#aaa; }
#pricingchart h3 { margin-bottom:.2em; }
#pricingchart h5 { margin-bottom:0; color:#444; }
#pricingchart h5 span { font-weight:normal; color:#777; }
#pricingchart h6 { font-size:.9em; color:#444;}
#pricingchart h6 span { font-weight:normal; color:#777; }

/* jquery validate response */
fieldset div.mce_inline_error {margin:1em 0;  padding:1em .5em .5em 0; font-weight:bold; z-index:1; color:#D12F19; font-weight:bold; position:relative; top:-1.5em;}

form .formrow { padding:1em 0; border-bottom:1px solid #e7e7e7;}
form .formrow label { float:left; width:10em;}
div.mce_inline_error { display:inline; margin-left:1em; color:#ee0000;}